ツイート数といいね数をajaxで表示したい

いろいろな API があると思うのですが、一例を。

  var url = ...;    // 対象の URL

  // いいね！
  $.ajax({
      url      : 'https://graph.facebook.com/' + url,
      dataType : 'jsonp',
      success  : function(json){ $('#facebook .count').text( json.shares || 0 ); }
  });

  // ツィート
  $.ajax({
      url      : 'http://urls.api.twitter.com/1/urls/count.json?url=' + url,
      dataType : 'jsonp',
      success  : function(json){ $('#twitter .count').text( json.count || 0 ); }
  });
});

jsFiddle で、お試しコードを書いてみました。
http://jsfiddle.net/ReK6H/

1記事（1URL）ごとの表示にするにはどうしたらいいでしょうか？

javascript の変数 url が、グローバルなスコープなので、非同期で動作している処理が完了する前に、次々と書き換えられてしまっているからです。
何度も呼び出すことを想定して、関数にしてみました。
http://jsfiddle.net/nSv38/

PHP のコードに組み込むと、以下のような感じになると思います。

<script>
function get_tweet_count(url, dest) {
  $.ajax({
      url      : 'https://graph.facebook.com/' + url,
      dataType : 'jsonp',
      success  : function(json){ $('#' + dest + ' .facebook .count').text( json.shares || 0 ); }
  });
  $.ajax({
      url      : 'http://urls.api.twitter.com/1/urls/count.json?url=' + url,
      dataType : 'jsonp',
      success  : function(json){ $('#' + dest + ' .twitter .count').text( json.count || 0 ); }
  });
}
</script>

<?php
    while (...):    /* 記事のループ *
?>

<?php
    $id = ...;      /* 記事をユニークに表す ID */
    $url = ...;     /* 記事の URL */
<hr>
<div id="<?php echo $id ?>">     <!-- ひとつの記事を、ユニークな ID の DIV で囲む -->
    ※記事の内容
<div class="facebook">いいね: <span class="count"></span></div>
<div class="twitter">ツィート: <span class="count"></span></div>
</div>                      <!-- 記事の終了 -

<script>
/* 記事の「いいね！」と「Tweet」をカウントして表示する */
$(function() {
    get_tweet_count('<?php echo $url ?>', '<?php echo $id ?>');
});
</script>

<?php
    endwhile;
?>

php は、あんまり得意じゃないので、ちょっと怪しいコードがあるかもしれませんが、ご容赦を。