How to Show the Top Liked Facebook Content on your Site

Facebook recently released a new feature called ‘Like’ which allows you to put a thumbs-up Like button on your site. When a user clicks the button, a ‘xxx likes this content” message is posted on the users Facebook wall. You can see an example under the video here:
Top 10 Biggest and Best Jumps EVER

There is also a Like box which allows users to like your site and become a fan of your Facebook page (i.e. they will receive updates via Facebook in the future). You can see an example at the bottom of the sidebar here:
Super Stoker

One of the best features is the Like recommendation feature. At first I actually didn’t pay too much notice to it because I was more interested in the button and box, but it’s actually a great tool. If you look in the sidebar here you will see the ‘Recent Likes’ which shows the top ‘Liked’ content from the recent past:

Surf Video: Nominees for the 2010 Ride of the Year

Here’s all the detailed Facebook info for developers which shows how to get this going on your site. There are two options for coding, I chose the iframe because I’ve had problems with the XFBML not validating. However the iframe also needs to have the allowtransparency stripped out of it for validation.
Like Button – Facebook Developers

Tags: ,

Leave a Reply

Spam protection by WP Captcha-Free