質問がありましたので記事にしちゃいます(｀･ω･´)ゞ分かることはお答えします！出来るだけ簡単な質問を期待しています！
【 今回のご質問 】
いいねボタンについて教えてください。
このページの下にある「いいねボタン（顔写真付き）」は、facebookページのいいねの数と連動しているようですが、このページの上にある「いいねボタン」はfacebookページのいいねの数とは連動していませんよね。？
連動させるにはどうすればいいのでしょうか？また、連動できれば、「●●さんが●●をいいねと言っています」というのが友達のウォールにも表示されるようになるのでしょうか？
まぁ・・・ざっくり、フェイスブックページと記事ページのいいねを連動(切り分け)する事ですよね？たぶん、間違ってたらごめんなさいm(_ _)m
目次
フェイスブックの「いいねボタン」とは、文字通り「いいね！」と思ったら押すボタン。いいね！ボタンを押すことで自分のフェイスブックに記録され友達にも知らせることが出来ます。
この記事にもついていますね！押して下さいm(_ _)m
いいね！ボタン(Like Button)：
https://developers.facebook.com/docs/reference/plugins/like/
ツイッターなどのツイート/リツイートボタンは「自分のタイムラインにツイートを流すだけ」ですが、フェイスブックのいいね！ボタンの種類は「２つ」あるのです。
●ブログなどの記事ページに対してのいいね！
●フェイスブックページに対してのいいね！
ブログなどの記事ページとは、この記事ページなどのWEBページを指します。
フェイスブックページとはフェイスブックで作れるページ(旧ファンページ)を指します。
フェイスブックのいいね！ボタンはURL毎に集計されています。
集計したいURLをいいね！ボタンに設定します。
サンプルソース：
//固定タグ・ページに一つ
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
//ここまで
<div class="fb-like" data-href="この箇所に集計したいURLを載せちゃいなっ" data-send="false" data-layout="box_count" data-width="60" data-show-faces="false"></div>
押してみて検証してみよう！|дﾟ)ﾁﾗｯ
フェイスブックページURL指定：
https://www.facebook.com/promeshi
こんな感じでURLの指定を変えるだけで使い分けが出来ますね！
よく見かける、いいね！をしてくれた人の顔が出てくるLike Boxだとどうなるでしょうか？
https://developers.facebook.com/docs/reference/plugins/like-box/
こちらもURL指定を変更するだけでフェイスブックページのいいね！してくれた人とブログ記事をいいね！してくれた人という感じで切り分け出来ます！
<div class="fb-like-box" data-href="この部分にURLを入れる" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
サンプルURL：
https://www.facebook.com/promeshi
サンプルURL：
http://www.promeshi.com/archives/1042
いいね！ボタンもLike BoxもURLの指定を変えるだけで切り替えが出来るので適切なURL指定をしてお友達を増やしましょう！お友達になりましょう！ほら！スグ下にいいね！のボタンがありますよ！
ありがとうございますm(_ _)m
