Home » Tutorials » Facebook » Create a Facebook Like Gate for your fan page

Create a Facebook Like Gate for your fan page

Facebook like gate wallpaper

“Like this page to continue” and some similar phrases became very popular about 2 years ago, and they are still practical and fashionable. Maybe you are asking: Why?

The answer is very simple. Because they work. The idea of almost every business in facebook is to collect as many fans as possible. And the easiest way to do it is with a Like Gate.

I’m writing this tutorial as a start of series of facebook tutorials and when I finish, you will have the confidence to claim that you understand the Facebook PHP SKD, Graph Api and that you can create a facebook application with average difficulty.

So What is a Fan Gate?

Imagine a door that is locked. To see what is behind the door, you have to unlock it. In facebook, that happens by clicking the Like button.

redbul like gate

A Like Gate (or Fan Gate) can be an app in facebook with an image that says: “Like my page to continue”, it might be a funny joke that says: “Like this page to read the rest”, “Like to watch the video” and etc. There are many kinds of like gates, and it’s not compulsory to be in facebook.

In this tutorial we will look at two ways of creating Like Gate.

I. Like to Show Content

Like to show content is a classic method for creating a like gate. It’s a simple script that hides specific content, which can be revealed only after the like button is pressed. We will also add a jQuery explode effect to make it more attractive.

Advertisement

Demo

In this example we are using FB.Event.subscribe to receive a callback when someone presses the like button on your page.

<script type='text/javascript'>
//The main script
FB.Event.subscribe('edge.create', function(href, widget) {
setTimeout( 'loader();' );
});

function loader(){
$("#intro").hide("explode", { pieces: 9 }, 500);   // pieces: 9 controls that it will explode in 9 pieces
setTimeout(function(){ $("#hidden").css({"display":"block"});
},1000);  }      // End of main script
</script>

The HTML we need is:

<div id="intro">Click the like button in order to view more content.</div>

<div id="hidden">Congratulations. You have just unlocked the hidden content via our Like Gate.</div>

FB.Event.subscribe method calls the loader function after the like button is pressed. In the loader function we hide the #intro div with an Explode effect and then change the CSS of the #hidden div to display: block;

The “hidden” div must be display:none in your css.

It just can’t be simpler.

The negative side of this method is that the content shows only once. This means that if you simply refresh the page, you won’t be able to see the hidden content anymore.

If you want the like event to be remembered, you will have to store a cookie in user’s PC or store a variable in the MySQL.

If you have further questions you can also read the:

Getting Started with the Facebook SDK for PHP
How to create a custom fan page tab

II. Facebook Fan Gate

Facebook is demolishing the like gate

Facebook like gates became too popular spam practice, so they probably began to tease the facebook team. When you like a Facebook page, Facebook wants to make sure you really like that page.

They have mentioned it in the Graph Api v2.1 Changes to Platform Policy:

You must not incentivize people to use social plugins or to like a Page. This includes offering rewards, or gating apps or app content based on whether or not a person has liked a Page. It remains acceptable to incentivize people to login to your app, checkin at a place or enter a promotion on your app’s Page. To ensure quality connections and help businesses reach the people who matter to them, we want people to like Pages because they want to connect and hear from the business, not because of artificial incentives. We believe this update will benefit people and advertisers alike.

Facebook will still allow the creation of incentives, just not those who undertake the user to like a page to gain access to the content. You still can for example ask the user to Invite 10 friends and reward him for every friend who accepted the invitation.

Maybe, the real reason Facebook are banning fan gating is because they want you to use their “pay for fans” function instead of growing your base with incentives. First they’ve diminished the organic reach for Page posts and an eye-catching “Boost bost” button appeared. Now they’ve cut the fan gates. We can only guess how far will they go.

Tell me what you think in the comments.

“Like this page to continue” and some similar phrases became very popular about 2 years ago, and they are still practical and fashionable. Maybe you are asking: Why? The answer is very simple. Because they work. The idea of almost every business in facebook is to collect as many fans&hellip;

Review Overview

0%

User Rating: 3.78 ( 7 votes)
0

About Georgi Dyulgerov

Georgi Dyulgerov

Founder of fTutorials.com - the website aiming to keep you in touch with the latest technologies in the brand. Also a Freelance web developer.

Check Also

find facebook api key and secret key

How to get facebook API Key and Secret

1) Go to https://developers.facebook.com/apps 2) Click on Create New App 1) Go to https://developers.facebook.com/apps 2) ...

2 comments

  1. Hi, i think that i saw you visited my website so i got here to go back the prefer?.I’m trying to in finding issues
    to improve my web site!I guess its adequate to make use of
    a few of your ideas!!

  2. Good day! I could have sworn I’ve visited this site before but after
    looking at a few of the articles I realized it’s new to me.
    Nonetheless, I’m certainly pleased I discovered it and I’ll be bookmarking it and checking
    back regularly!

Leave a Reply

Your email address will not be published. Required fields are marked *


Loading Facebook Comments ...