How to reveal content on your Facebook Page only when someone clicks like

Update: On March 18th of 2011, Facebook phased out the use of Static FBML. Only Pages with existing instances of Static FBML are able to follow the steps in this post.

——————

One creative way of acquiring Facebook Page connections is to offer free cool stuff for connections, that isn’t available to anyone else (I wrote about this back in January, but it’s worth going over again). For example, on Inbound Zombie I have free video tutorials to anyone who “likes” the Page. The videos are not accessible to anyone else.

How to display “connection-only” content on your Facebook Page

Using the Static FBML application and a bit of code (see below), you can display content to a visitor once that “like” your Page.

Here’s the FBML code for the custom tab:

<fb:visible-to-connection>***Content goes between these two tags***</fb:visible-to-connection>

See the Charityhowto Facebook Page to see it in action.

Rehydrate your inbox here. Send hate mail here.

Read more articles about Facebook

http://HomesInTheLBC.com/ ColdwellBankerCoastalAlliance

I love it! but what's the “entire” code? Your talking to a someone who knows just enough to screw things up!

http://www.johnhaydon.com John Haydon

The entire code is in the post – below the video. Just paste whatever you
want to display between the tags.

http://dannybrown.me Danny Brown

Bookmarked and experimenting with this weekend – cheers dude!

http://www.johnhaydon.com John Haydon

Cool. Call me if you have any questions.

Pingback: links for 2010-05-21 « KK's Blog
Pingback: Facebook Contest Ideas to Grow Your Fan Pages » Buzzmedia Online Marketing
David

When I go to the charityhowto.com facebook page, nothing loads in both of your static fbml tabs. Am I the only one having this problem?

http://www.johnhaydon.com John Haydon

Facebook has been having issues hosting images. Images and text are loading,
but aren't displaying… check back soon.

David M.

Hey John! Great Insight!

As a novice programmer, I haven't gotten into FBML coding much. Is there anything I need to do to my standard HTML pages to set them up for FBML code?

Can I simply insert your tags above into a document with no other FBML code and it should work?

Thanks in advance.
http://www.thehiredpen.biz Lisbeth Tanz

John, brilliant as always. I've been playing around with fbml, but don't have much background even in html. So – I love finding nuggets like your post above (cute hamster BTW) to augment what I'm doing. I've plateau'd on getting “likes” on my Savvy Freelance Writers FB page, so this might be the thing to spark more interest. Thanks very much – love reading your information – always helpful.

Warmly,

Lis
seanpowell

Excellent quick post John. Thanks for sharing.

http://www.johnhaydon.com John Haydon

Sean – Thanks for stopping by. Is something you think you might use? If so,
how?

http://www.thehiredpen.biz Lisbeth Tanz

John, I loved this post so much I implemented it on my Facebook page – Savvy Freelance Writers – for a survey I've posted. I've referred others to your site simply because you always come up with such great information. Thanks again for all your teachings! (I rarely comment twice on one post, but this is the exception.)

http://www.johnhaydon.com John Haydon

Lizbeth – Thanks for stopping by again. Ya'll come back now, ya here?
http://www.johnhaydon.com John Haydon

Lisbeth – Thanks for stopping by. I appreciate you spreading the word!

Thomas

if i post only what is in the box below, then anyone can see what's in between the tags,
can you post the full code that is on the example in the movie,
so also with the text before in between and after the tags ? ?

http://www.johnhaydon.com John Haydon

Yes – you can put content before and after the tags.

http://www.thenetworkhub.ca Minna

Brilliant tip, I can't believe it is so simple!!!! Thank you John!!
http://www.thenetworkhub.ca Minna

Brilliant tip, I can't believe it is so simple!!!! Thank you John!!
http://twitter.com/paulylacosta Paul L'Acosta

Perfect John! I was wondering myself if this could be done and I found your post through Danny Brown's post. Thanks! ~Paul

http://johnhaydon.com John Haydon

Awesome! Glad it helped, Paul.

http://jamaica-wedding-resources.com/download-now Michael

John, you are a genius! It took a bit of trial and error but this Facebook “secret code” worked like a charm.

Thanks again buddy!

BTW, how did you manage to get Disqus to work so well on your website?
http://www.johnhaydon.com John Haydon

Anytime!

Pingback: 3 Secrets to Getting More Facebook Likes (Fans) | e-bakery
http://www.talkwebhq.com TalkWeb

Thanks for the help, will be implementing this very soon.
Jenna

Thank you John! How about when you want one image to replace another once the page is liked?

eg. There's an image that says LIKE TO GET 10% and once liked it's replace by the code?

http://johnhaydon.com John Haydon

See this post for more info on hiding and showing content with FBML: http://www.johnhaydon.com/2010…/

juliedugas

does this only apply to general page LIKEs or any LIKEs (comment, pic, etc)? do you know if there is a way to show content limited to content-specific LIKEs? example: i launch a product line within my already-exiting business. i post a story, and if someone LIKEs the new product, they can get 10% off. I don't want general page LIKEs to get the discount, only fans who LIKE the new product. ???

http://johnhaydon.com John Haydon

This only applies to liking the Page, but you can hide specific content within a custom tab.

http://twitter.com/MillerMosaicLLC Yael K. Miller

Thanks so much for writing this post and doing the video.

So you placed the “fb:visible-to-connection” before the image, is that correct?

Do you know how to replace what is seen before you click like by something different after you click like?
Brent

bumping the same question from above, is there an easy way to switch the image for the text instead of just putting the text above the image?

brent
@
mimoYmima.com

http://johnhaydon.com John Haydon

See this post for more info on hiding and showing content with FBML: http://www.johnhaydon.com/2010…/

Swiss11

I’m wondering where you actually put that code? I’m a newbie.
http://www.emanuelgrigoras.ro Emanuel Grigoras

Thank you. It’s so simple and I can use the like button condition for free download and everything. Really cool!
http://twitter.com/PrivateSalesDep PrivateSalesDept

This code worked great for us! Thanks so much!
Koen Van Hoof

Any idea why it won’t work on a company profile?