How to put multiple Facebook Like buttons with counter on same page

facebook facebook-graph-api facebook-social-plugins
Danilo Puric picture Danilo Puric · Aug 4, 2012 · Viewed 16.8k times · Source

I have one page with multiple news items. Every item in the list must have own Like button with count.

Is it possible to put multiple Like buttons with count for each news on same page?

Multiple Facebook like button with count on the same page

Answer

Shawn E Carter picture Shawn E Carter · Aug 4, 2012

Each like button code will have to have it's own unique url.

refer to: http://developers.facebook.com/docs/reference/plugins/like/

I use php to achieve this, by pulling all relative urls needed from a database, looping them and writing return to the data-href param in the html5 like button code.

You can manually set these links or set up a dynamic system as i did.

html5 button code.

<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 button

<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>

Related questions

How to fix "requires valid redirect URI" at Facebook Share Dialog?

I am using the standard Feed Dialog of Facebook to share posts on my website. The problem with this one is that I can't get it working because of problems with the redirect_uri. That's very weird, because I own …

Read More
How do you get the total likes for a URL (Likes and Shares)?

The "Likes" plugin that I've dropped on my page displays both the number of times the button has been directly clicked, as well as the number of times the page URL has been shared or the Like has been commented …

Read More
Facebook OAuth "The domain of this URL isn't included in the app's domain"

Let me first start with saying I've searched for an answer to this question for quite some time... I'm trying to setup Facebook OAuth to work with my application that is being developed locally on my machine. Everything was working …

Read More