如何将多个Facebook Like按钮与计数器放在同一页面上

时间:2012-08-04 13:49:37

标签: facebook facebook-graph-api facebook-social-plugins

我有一个页面有多个新闻项目。列表中的每个项目都必须包含自己的 Like按钮。

是否可以在同一页面上为每个新闻添加多个Like按钮?

Multiple Facebook like button with count on the same page

1 个答案:

答案 0 :(得分:13)

每个像按钮代码都必须拥有自己独特的网址。

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

  

我使用php来实现这一点,通过拉出所需的所有相对URL   数据库,循环它们并写入返回data-href参数   像按钮代码一样的html5。

您可以像我一样手动设置这些链接或设置动态系统。


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>