on Articles

jQuery Facebook like plugin

2 comments
facebook-03
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInShare on RedditShare on StumbleUpon

The Facebook Like button has become very popular with the recent release of the Open Graph API. This plugin allows you to add the Facebook Like button to any website and use all of the options associated with the Facebook Like API and JavaScript SDK.

Features of the plugin:
* Can add meta data to your pages to be included on Facebook
* If already logged in, will allow you post favorites to site – if not logged in, will prompt you to log in.
* Works with all FB Like options

Requirements:
jQuery, Facebook application ID.

Its important that you put the plugin and function at the bottom of your page.

Once the script has been setup on the page, it will automagically pull in the page URL and page Title – and allow you to like on on Facebook. If your friends also like it, you will see their names/faces show up. If you are not logged in, you will only see the number of people who like it and if you click “like” – it will prompt you to login.

This is an example on how to use it:

<div id="fb-like-example"></div>

$(document).ready(function () {
    	$('#fb-like-example').oneFBLike({appID:'XXXXXXXXXXXXXXX'});
});

More info on the plugin and download links can be found on Jake Rutter’s blog. Jake Rutter is creator of this great plugin.

Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInShare on RedditShare on StumbleUpon