How To Redirect Fans To Any URL After They Click “Like” Button

April 15, 2011 18 Comments

I got off the phone the other day with a client and very good business friend who run 3 of the most popular restaurants in my country. What he wanted actually was to show a nice-looking Landing image for non-fans where they would be invited to click “Like” and then redirect the fan to a specific page URL where he is running his contest.

This is how the actual Facebook landing page look like:

Here Is The Facebook Landing Page Of My Client

Now that Facebook supports iFrames in page tabs, redirecting a user from one tab to another tab (or to any URL) after they have Liked the page is quite simple, using just a bit of JavaScript.

NOTE: This can only be done on the index page of a Facebook iFrame application page tab. You couldn’t do this with Static FBML!

So I came across of a simple but great Facebook application called “Static HTML: iframe tabs” where you can install it on your Facebook Fan Page and specify what content non-fans will see and what content fans they’ll see immediately after the “Like” your page.

Here’s How It Works:

STEP #1:

Go to Static HTML: iframe tab and add the application to you Facebook Page

Add Application To Your Facebook Page

STEP #2:

Go to your Facebook Page —> Click “Edit Page” —> “Manage Permissions” –> Set the “Welcome” tab as the Default Landing Tab and click “Save Changes”

Select Welcome tab as the default landing tab

STEP #3:

Go back to your Facebook Page and select the Welcome tab. In the first field, simply put the landing page (image) you want NON-FANS to see when they arrive to your page and the URL you want to take them once they click the “Like” button. For example:

Field 1) NON-FAN CONTENT CODE:

EXAMPLE CODE: <img src=”http://YourLandingImageURL.com>

Field 2) FAN-ONLY CONTENT CODE:

EXAMPLE CODE: <script type=”text/javascript”>top.window.location = ‘http://www.facefitnessformula.com’; </script>

Below is the summary for this step:

INTERESTING RESOURCES:

TinyPic.com is free image hosting service you can use to host your images.
Google Images is great source to find images when designing your Facebook landing pages.
Buttons Gallery Now I don’t bother creating buttons from scratch because there are so many pre-made one already available online. I personally get my buttons from Button-Download.com – they have a huge selection I like their style.

If you have something else to add, share or request please let me know and I’ll do my best to add it to the above resources.

And lastly, I’d really love it if you share this with your fans or followers today. All it takes is a simple click on the ‘like’ button below. Thanks!

Update: You can install up to 12 instances of this application so you can have more tabs than just the one for your landing page. Here is the link for that information.

What’s Next?

Click Here To Discover Few Simple Strategies To Literally EXPLODE Facebook to Create Traffic, Leads and Profits

John Socratous

My passion and mission is to turn REAL "problems" into REAL "businesses" that will help 1000's of REAL people around the world -- and that's what I do since 2005 in multiple niches! To run my business and manage my team I just need my laptop and an internet connection (and that's what matters!). Sometimes I work from cafes, hotel lobbies or home with (or without) my pijamas. :D

18 Responses to “How To Redirect Fans To Any URL After They Click “Like” Button”

Terry Reply April 18, 2011 at 1:43 pm

John, I didn’t know we can take the Fan out of facebook. Great trick! Thank you.
- John Socratous Reply April 18, 2011 at 1:47 pm
  
  I am glad you like it, Terry!
Ash Reply April 20, 2011 at 7:17 pm

I am trying to redirect my Fans to the wallk after they click like. That isn’t working. Can you help.

http://www.facebook.com/MYPAGENAME?sk=wall
- John Socratous Reply April 24, 2011 at 4:11 pm
  
  Hi Ash, can you try copy/paste again the following code: . I’ve tried and works for me.
Ash Reply April 24, 2011 at 5:32 pm

Which Code?
- John Socratous Reply April 24, 2011 at 10:36 pm
  
  Ash, I tried to copy/paste the code in the comment section but WP didn’t allow the script to go throught so here’s the link to read about it:
  http://forum.developers.facebook.net/viewtopic.php?pid=330197 (go to post #85)
Daniel D'Laine Reply May 7, 2011 at 1:26 am

Hi John,
I have a question; would I be able to integrate this app with Iwipa, which I used to create this page: http://www.facebook.com/pages/danieldlainecom/203693036321859?sk=app_106878476015645
I want to use a redirect after clicking like but wanted to keep the Iwipa app as it allows multi tabs.
ps Great site!
Regards
Daniel
- John Socratous Reply May 17, 2011 at 11:48 am
  
  Hey Daniel, I never used Iwipa, I’ll check it out. Thanks for writing in!
Albert Reply June 20, 2011 at 9:43 pm

Hi John

I am trying to redirect my Fans to an external web site after they click like. But is not working. Can you help. I do not know what I am doing wrong?
here is my code:

Upper Window:

Lower Windows:

top.window.location = ‘http://www.jaspercontractorsinc.com/up-coming-job-events.html’;
Nicholas Reply July 25, 2011 at 7:52 am

Thanks for this Wizard, helped me a lot with getting my fanpage up and running the right way
amit Reply July 28, 2011 at 2:38 pm

Hi John,
This is Amit. your friend. You remembered me?
Can you help me, this script is not working for me dude.
Cyndi Reply August 18, 2011 at 1:09 pm

Hi John,
I followed the steps in your text, but something doesn’t work. Whenever a non-fan goes to my page, he is instantly redirected to the URL and doesn’t have time to see the canvas. The point is viewers are redirected to the URL without having to like the page. Any idea why that happens?
Thanks a lot
Alpa Reply August 19, 2011 at 3:03 am

John,

First off, Thank you for sharing this. But this ain’t working for me..
I followed all the steps you mentioned here but with no avail. Could you please help me?
Elijah Clark Reply November 7, 2011 at 6:05 pm

shockingly this worked and well. been looking for this for a while and other websites have a booklet on how to do it. this was clean and easy. Thanks. Dont know if the redirect is working as i didnt need that. i just wanted to hid some download links from non fans and this does the trick.
Ania Reply January 10, 2012 at 9:56 am

Thank you! Simple but genius. For a non-tech head like me who can’t afford to hire in developers but still has to keep her pages going – this was brilliant and worked instantly. Thank so much!
Jim Reply January 13, 2012 at 10:33 pm

Hi John,
Thanks for the great explanation! One additional question though…my current welcome tab contains a video/youtube widget. Is there a way that my non fans can defaul to the reveal image and then be directed to the tab that contains the video widget instead of just an alternative image?
Thanks!
phpspider Reply February 16, 2012 at 9:25 am

Hi John,

Thanks for this great tutorial. I liked it very much and bookmark your website.

Keep posting such kind of tutorial.

Thanks,
phpspider Reply April 5, 2012 at 5:20 am

Hi,

Waiting for your another post……..