How to Create a Facebook Like Gate

As social networking sites are becoming more and more popular among Internet users, the importance of these sites in advertising is growing.
by

Several methods have been developed in order to use the opportunities of social media in general and Facebook in particular. A very popular method of enhancing audience of a website is getting Facebook 'likes'.

A high number of Facebook 'likes' shows that people are enjoying the content of the page. But this is not only a popularity contest, advertisers can communicate with potential buyers using Facebook 'likes' and get free promotion on that user's Facebook page.

The owners of websites and fan pages make efforts to get more 'likes'. Therefore they offer advantages for people who liked their pages. An efficient way to make users like a page is creating a like gate. With the help of a like gate, a certain content is displayed only for people who liked the page. When the page is liked, a hidden content appears. This may contain an ebook, a coupon, a contest or some kind of exclusive information.

A Facebook like gate can be embedded on any webpage or facebook fan page, but a custom tab is needed. The steps of creating a like gate are summarized below:

  1. You have to create a Facebook application that you can control. This is done with the Facebook Developer Application. If you haven't created an application before, you need to add it to your Facebook apps. Search for 'Developer' in Facebook to find it and click on 'Add'

  2. Once it is added, you can start to create your own app. Click the 'Create New App' button at the top of the Developers page.

  3. Give the app a name. You have to fill the display name and the namespace, but these can be the same. Click continue.

  4. You can change the icon of the app if you want using the 'edit icon' button.

  5. Fill in the details of the 'Page Tab' section. The Page Tab Name is the name of the tab that will appear on your Facebook page, and Page Tab URL is the webpage you are using.

  6. Configure the app in the 'App on Facebook' section. Fill in the Canvas URL, this is the URL of the webpage that will appear in your Facebook page. Secure Canvas URL is the same as the above but on a HTTPS server. The Canvas is actually a blank canvas within Facebook on which the app runs. The content will be displayed within the standard Facebook iframe chrome.

  7. Set the Canvas Width either to Fixed (760px) or to Fluid. When it is set to Fluid, Facebook sets the iframe width to 100%.

  8. Set the Canvas Height to Fluid, in this case the content will fill the page and Facebook will show scroll-bars if the content exceeds the height of the page.

  9. Click 'Save Change'.

  10. Now you have to enter the necessary code into the source code of the webpage the Facebook app is referring to. The code checks if the Facebook page has been 'liked' by the user.

    At the top of your file place the following PHP code:
    //This gets the signed_request from FB which checks the 'liked' status on the current page
    $signed_request = $_REQUEST["signed_request"];
    list($encoded_sig, $payload) = explode('.', $signed_request, 2);
    $data = json_decode(base64_decode(strtr($payload, '-_', '+/')), true);
    $app_data = isset($data["app_data"]) ? $data["app_data"] : '';
    $_REQUEST["fb_page_id"] = $data["page"]["id"];
    $access_admin = $data["page"]["admin"] == 1;
    $has_liked = $data["page"]["liked"] == 1;
    ?>

  11. Now define what content should see people who have liked your page and what content will be displayed to people who have not:


    Content for people who have liked the page.

    Content for people who have not liked the page.

  12. Click on 'App to Page' on your apps profile page in Facebook and your like-gate will be visible through the apps tab.
It is advisable to use also the other tools of Facebook to bring more audience to your fan page, invite friends, email contacts and you can create Facebook ads as well.

 

 


0
1

1 Comment

anonymous by Wilco de Kreij on 9/25/2012
Great explanation, although I'm not sure whether all people are technical enough to understand it :) You could also considering using a WordPress plugin such as WP4FB 2.0! :)

Add your comment

by Anonymous - Already have an account? Login now!
Your Name:  

Comment:  
Enter the text you see in the image below
What do you see?
Can't read the image? View a new one.
Your comment will appear after being approved.

Related Posts


In Facebook’s quest to further improve their services to thousands of people all around the world, they have formed a partnership with Skype to provide you with a convenient video chat application. In July 2011, the Skype/Facebook chat became...  more »

Last year our “How to setup a compliant Facebook contest” article described the guidelines of contests on Facebook pages. In the meantime, Facebook changed their rules for contests organized on business pages. Recently a lot of small...  more »

Having your Facebook account hacked by some nefarious hacker would be the last thing any one really needs to deal with. About a year ago or so, a dating website got hacked into and the sites username passwords weren't encrypted in the database. These...  more »

Bullies are basically everywhere. They can be found in your school, workplace and even in your favorite social networking site. That’s why it’s not surprising at all to hear individuals complain about being bullied on Facebook. Now, how do you...  more »

Whether you accidentally added someone as a friend on Facebook or just want to cancel a friend request you made to someone, you can cancel the request. Here's how to cancel a Facebook friend request: Visit the person's profile you want to cancel your...  more »

We often bump into questionnaires, quizzes and surveys followed by a draw. Almost each page owner organizes a Facebook competition, but many of them do not pay attention to the promotion guidelines. It is easy to organize a contests, but it is not easy to...  more »