I was tasked with trying to find a way to create a different landing pages for users who are not either 1. not a fan of the page or 2. a fan of the page.  The goal was to provide the users with an incentive to become a fan.  My initial thinking was to use FBML.  After doing some research I found a solution on the developers forum of Facebook. (link)  First you need to add the FBML static application (here) which will enable you to place code in either 1. a small box to the side of your fan page or 2. a tab. I choose to do a tab.

I utilized this HTML/FBML code:

<fb:fbml version="1.1">
<fb:visible-to-connection>
<div id="fansonly">
<img height="500" src="fansonly.jpg" />
</div>
<fb:else>
<div id="nofans" style="position: absolute; top: 0;">
<img height="500" src="sadface.jpg" />
</div>
</fb:else>
</fb:visible-to-connection>
</fb:fbml>

It worked like a charm! Now to make it even better!

I want people who go to the fan page to hit this particular tab! To do that is realitivly easy.  Click on the edit button for the entire fan page. Then check out the image below!

The tab I want is the Welcome tab. I selected it and now anyone that visits my page will be directed to this tab first!

Just a couple of notes:

1. If you are the developer it won’t appear right. Logout and login and view it from a different account which isn’t an admin on the account. It will work then!
2. To do this type of campaign you NEED to use a tab!
3. Make sure you know how big you can make the image! I suggest width 720px and height can really be anything … but don’t get too crazy.

I hope this helps out someone else! Let me know if you have any questions!  How have you used FBML to make your Facebook Fan page even better?