web-dev-qa-db-ja.com

同じページにカウンター付きの複数のFacebookのいいねボタンを配置する方法

複数のニュース項目を含む1ページがあります。リスト内のすべてのアイテムには、独自の facebook いいねボタンとカウントが必要です。

同じページに各ニュースのカウントを含む複数のいいねボタンを配置することは可能ですか?

Multiple Facebook like button with count on the same page

17
Danilo Puric

いいねボタンのコードには、それぞれ独自のURLが必要です。

参照: http://developers.facebook.com/docs/reference/plugins/like/

私はこれを実現するためにphpを使用します。データベースから必要なすべての相対URLをプルし、それらをループして、html5のようなボタンコードのdata-hrefパラメーターに戻ります。

これらのリンクを手動で設定することも、私が行ったように動的システムを設定することもできます。


html5ボタンコード。

<div class="fb-like" data-href="'.$thepage[link1].'" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" data-font="tahoma" style="margin-left: auto; margin-right: auto; text-align: center;"></div>

<div class="fb-like" data-href="'.$thepage[link2].'" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" data-font="tahoma" style="margin-left: auto; margin-right: auto; text-align: center;"></div>

<div class="fb-like" data-href="'.$thepage[link3].'" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" data-font="tahoma" style="margin-left: auto; margin-right: auto; text-align: center;"></div>

xfbmlボタン

<fb:like href="http://anotherfeed.com?link=1" send="true" width="450" show_faces="true"></fb:like>

<fb:like href="http://anotherfeed.com?link=2" send="true" width="450" show_faces="true"></fb:like>

<fb:like href="http://anotherfeed.com?link=3" send="true" width="450" show_faces="true"></fb:like>
12
Shawn E Carter