Facebook Pages Custom Like Functionality

HI Everyone

Please take a look at http://www.facebook.com/FanPageEngine?v=app_148891981830105

That facebook page will allow you to view the contents only when you click on the “Like FanPage Engine” button.

Does anyone here know how to do that?

Any help will be appreciated.

Many thanks in advance

Yes. Their API supports checking if someone is or is not a fan and the Facebook terms permit using this to change the content (so you can limit contests, updates to fans). Search for “fangate” to learn more.

Hi Sir

If you see the link I provided, it will not ask you to allow anything, but when you click on that big customized LIKE button, it will act as the FB LIKE and post on your wall as “you liked blah blah”

My question is how do we create custom LIKE button because FB does not allow you to customize it.

Pls help

Like I said, this is fangating. Using the Facebook API their application is showing a page to non-fans with a static button that launches the LIKE function. Once you LIKE it the API responds differently and a different page is shown.

I did search for “fangate” and no relevant result is found


Hey all, this is David Foster from FanPageEngine and I wanted to let you know that we actually did a LOT of research before we made that like button because I too had heard that it was no allowed, but we could not find anything on the entire Facebook site or anyplace for that matter. I am not exactly sure how our developers did it, but I can find out. I do know that this page is an iFrame page, so it functions a tad different than the ones made in FBML.

David Foster

Hi David

I am glad you replied. Trust me, there are hundreds of people who are already looking for an answer to this. So if you could please guide us how to do this, it will really be appreciated.

Many thanks

Adding words in queries helps get more relevant…



And of course there’s loads of info about the API at developers.facebook.com

This is pretty simple to achive really…

Goto your Ads and Pages area.
Click “Edit Page” under the page you wanna do this on
Click “Apps” on the left
Click “Add App” next to the Static FBML section

The custom FBML app is now added to your page. Now, on the same page under Static FBML click “Edit Settings” and make sure the Tab has “added” next to it (this means the tab is active and showing on your page)

Click okay to close that and then click “Go to App”

This is where the content of the page goes. The specific facebook tags to hide that stuff is <fb:visible-to-connection></fb:visible-to-connect>

As for the custom Like button…He is using an image and CSS…I think as long as you use the url points to http://www.facebook.com/plugins/like.php?href=http://www.URL-TO-YOUR-FACEBOOK-PAGE then when it’s clicked the like will be added to your page/group/app.

So in the FBML section you can put

<b>Click the “Like” button To View More</b>

<a href=“http://www.facebook.com/plugins/like.php?href=http://www.URL-TO-YOUR-FACEBOOK-PAGE”><img src=“http://domain.com/image.jpg” border=“0” /></a><br />

<p>bla bla bla</p>

Boom. Now, when you click the tab on the page you will see the bold text…Once you click “like” you will see the bla bla bla text.

Hope this explains it all!

With your method, a user has to click the LIKE button twice, first click on the custom like button, and second click on the actual like button.

Actually, both like buttons essentially go to the same place. Just like the original page has two like buttons, you will never be able to get rid of the like button at the very top. But, if the like button in the content itself is linking to the fan page then clicking the particular Like button is the same as clicking it at the very top.

Hope this makes sense.

There is no way to know the absolute link where the LIKE button is taking you after clicking, so its very hard to find out the actual happening behind the scenes.