info@techncom.net

10 Tips and Tricks For Your Business’s Facebook Fan Page

Facebook is one the fastest growing social media network and its users are increasing by thousands every day. Due to its vast base of users, it takes no effort to acknowledge its influence and any company will jump on the bandwagon to utilize Facebook because it allows them to boost their brands or products also in the same time engage with possible clients.

preview-2053331

It is convenient for a company to create a Facebook page, publish their profile and products however, setting up a Facebook page that receive many “likes” and a huge fan base is never an easy task.

What is the first thing a visitor will see when they land on your Facebook page? Most of them will probably click on the “wall” or the “info” and if nothing is more fascinating than that, chances are they will leave your page. It is an advantage when visitors “like” your page and become a fan is because they will be updated from time to time with latest things you published. With the Static FBML application which render HTML and FBML on Facebook Pages you are now given more options to design your Facebook page.
I am sure some of you have stumble upon Facebook page that makes you wonder “How is that even possible?!” Now it can be possible. In this post I hope I’ve successfully covered some tips and tricks to give your Facebook page a boost.

1 – “Call-To-Action” Graphic:
More of a piece of advice than a trick. The main purpose of your Facebook landing page is to convert visitors into fans. Place a clear call-to-action graphic in the landing tab, this will help getting more “Likes” from your visitors.
Example: RedBull’s “Red Bull” tab has nothing but a call-to-action on it.

01-red-bull-call-to-action-facebook-page-9029814

2 – Embedding YouTube Video:
An image is needed whenever you place a video because Facebook does not allow you to run flash instantly, you need to launch it with a click, until then you see the picture instead.

02-embed-video-fbml-youtube-2545296

You can use YouTube generated picture like in this code, or you can put your own URL with your custom picture.

The code:


Code explanation:

  • swfsrc – video source URL;
  • imgsrc – image source URL;
  • xxxxxxxxxx – YouTube code.

xxxxxxxxxx is taken out of YouTube video URL like this – http://www.youtube.com/watch?v=RJwbGPXMapA (it’s the part after ?v=).

3 – Hiding content from non-fans:
This can be use as a teaser to encourage visitors to “Like” your page and become a fan.

03-hide-content-from-non-fans-fbml-3090133


The code:

  1. This part is visible for fans only!
  2. This part is visible for non-fans
This part is visible for fans only!This part is visible for non-fans

Code explanation:

  • fb:visible-to-connect – the part that only your fans will see;
  • fb:else – the part for non-fans.

Most of the pages use an image with a call-to-action for a fb:else tag, and the page itself goes under the fb:visible-to-connect. That’s really easy to do, and very powefrul.

4 – Products commenting:
This feature is great for setting a little store under your Facebook business page as you can have each of your products liked and commented.

04-threadless-comments-fbml-8504106

The code:



Code explanation:

  • xid – unique identifier of the item you put comments on;
  • returnurl – the URL, to which likes and comments will stick.

The rest of the parameters is used to configure the plugin itself and are pretty self-explanatory.

5 – Insert “Share Button”:
With this button you can have Facebookers share almost anything. Put the URL you wish to share in the code and once a person uses the Share button, all his friends will see this URL in their news feed.

05-facebook-templates-share-button-1290000


The code:


(Somehow the documentation of this FBML tag is no longer available. I really hope they won’t turn off this great plugin.)

6 – Insert Flash Content:

06-flash-embed-fbml-3764141


The code:


Code explanation:

  • swfsrc – source of the .swf file;
  • imgsrc – source of the image that is being displayed, before you flash.

Remember that you need a preview image which people will see before they launch Flash.

7 – Image Rollover:
People can go rather creative about this trick, but it’s really simple to do with HTML + CSS, which is supported by FBML box.

07-rollover-facebook-effect-7214527

The code:

  1. img.nohover {border:0}
  2. img.hover {border:0;display:none}
  3. a:hover img.hover {display:inline}
  4. a:hover img.nohover {display:none}
img.nohover {border:0}img.hover {border:0;display:none}a:hover img.hover {display:inline}a:hover img.nohover {display:none}

8 – Track with Google Analytics:
Facebook analytics system has limited information? No problem! You can set Google Analytics on your Facebook page.

08-google-analytics-facebook-8858143

Just create up a new account in Google Analytics using your Facebook page URL, copy your UA-XXXXXXX-XX number and insert it here:

Place this line at the top of your FBML code and in a couple of hours you’ll see stats in Google Analytics.

9 – Add “Invite your friends” box:
This is basically a standalone box, which is really hard to embed to a page design. However this is probably the best solution for a page footer that you can think of, as your visitors can instantly choose some of their friends and send them invitations to your page.

09-invite-your-friends-box-9145659


The code:


Since the pages were shrunk to 520px there’s a little trouble with this box, as it’s still 760px. But I’m sure somebody has already reported that and the box will be shrunk too.

10 – Pop-up dialog:
If there’s too much content on your page, you can hide some parts of it under the pop-up boxes. The code adds a text link, which results in a pop-up dialog text box.

10-pop-up-dialog-box-fbml-6537993


The code:

  1. Click here to launch the pop-up dialog.
  2. POP-UP DIALOG NAME
  3. Here goes your pop-up dialog content

This was a basic set of tricks which you can use to pimp your page easily. Hope you are now inspired to make a compelling Facebook business page for yourself. Good luck!