Facebook like button in web pages will bring lots of traffic to our website.But to make it more viral you could always give freebies and make people to like your fan page.(ie) You give freebies only for the user’s who have liked your fanpage.There is a premium plugin for doing this in wordpress(LINK).This tutorial will tell you how to make this script for free using facebook api.It is very simple,just we need to check weather a user has liked our facebook page or not using facebook api.
Technologies Used
- Facebook API
- Jquery(Ajax call)
To get a clear idea of this check out the demo link.You will automatically get this script once you liked our fan page there.
Step 1:
To detect weather a user has clicked like edge.create is used
FB.Event.subscribe('edge.create',function(response) {
download();
});
Step 2:
If suppose the user have already liked the page,following code is used to handle it.
FB.api("me/likes/270801249647033", function(response) {
if ( response.data.length == 1 ) { //there should only be a single value inside "data"
download();
} else {
//do nothing
}});
Step 3:
We need to hide the download url from the front end.Hence a ajax call is did to get the download link in the download function
$.post("download.php",{url:"http://www.facebook.com/pages/Webtutsinfo/270801249647033"}, function(data) {
location.href=data;
$("#like").fadeOut();
});
There are some drawbacks in this, because the user may unlike again after he download the script.But a loyal user wont do it.But to prevent that we are removing the like button from the DOM after the user has liked the page.
Download this script from the demo link itself(Download automatically starts once u liked the page).Subscribe our blog for upcoming posts in facebook API’s
For any queries comment below.
