Add a Facebook Share button to your CSS Fan Page Landing

As I promised earlier this week I’m going to share the basic code you need to use for the “SHARE” and “LIKE” buttons for your Fan Page Landing.

First off, why would you want to do this? If you are making a landing page, and you have set it up to be the first think people see, then it’s also smart to make it easy to share. If the share button is not on the landing page people need to click on the wall tab to share the page with anyone.

Of course you should combine this with incentives. Incentives are compelling reasons people should like or share. Facebook makes it possible to hide some content when the visitor is not connected to the page. There are a few highly annoying but really effective pages on Facebook that promise a shocking revelation after the user “likes”.

Of course for business you may not be looking for the shock amaze effect, then again why not?, and you may be scratching your head about this one. So, how do I pull it off?

Honestly, it’s a combination. The media combines people’s need to be privy to something no one else knows yet, this drives people to buy those tabloids and rag mags that are filled with news and “special” details on their favorite things. Put that on a great vehicle with awesome graphics and big BUZZ and you have yourselves a hype. Of course this explanation is rather simplistic, at best, and perhaps I should stay away from this simile all together. The point is, to find the method that works for your business, service or product, you need to try different combinations.

So what combinations are there (ideas)?

  • Landing Page with share and like button, no extra revelations.
  • Landing Page with share and like button, with restricted content. Developed around some information your visitors really want to know about you, your product or services. For example: GIVE SOMETHING AWAY (digitally).

I’m worrying now that I’m drifting. The main point of this post was to share with you how to add the two buttons. So I best revisit the idea’s about using these incentives for a later time. One last thing I am going to say about it is: Make it interesting, give them a reason to come on your page and see that landing page again. So avoid the mistake of making an elaborate Landing Page that has absolutely no new content EVER!

The code

If you do not know how to add the FBML BOx, read my previous post here!

Also I will not discuss how and where you should add the code. If your page is ready you can decide where you want to add it.

So, to add the FB Share button use this code:

Share with Share Count box

<fb:share-button href=”PAGEURLHERE”></fb:share-button>

Second, to add the LIKE text link, use this code:

<a ajaxify=”/ajax/pages/fan_status.php?fbpage_id=PAGEIDHERE&amp;add=1&amp;reload=1&amp;preserve_tab=1&amp;use_primer=1″ rel=”async-post” href=”PAGEURLHERE”>LIKE</a>

You can also add an image instead. I used a text link so it would become part of my CSS Landing Page Design

Well, that’s basically it. While preparing for this article I was unpleasantly shocked at some things I found out. We’ve been, in the SEO community that is, so busy promoting the Facebook Fan Page Landing and the Facebook Ads that I think some people missed an important policy change!

I’m blogging about this in my next post!

This entry was posted in Web Hosting, Web Development and Virtual Assistance. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.
  • Shellom2005

    I had eye ache right after reading your page…

  • http://pulse.yahoo.com/_4AYZN5TDK3G5CY6OVPWZ4AZ2KI Tamer

    Perfect!

blog comments powered by Disqus