Thursday, November 25, 2010

7 FBML examples to rock your Facebook fan page.

Amplify’d from blog.webdistortion.com
  • <fb:request-form method=”post”
  • type=”Your Fan Page Name Here.”
  • invite=”true”
  • content=”Check out Your Fan Page Name Here on Facebook!<fb:req-choice url=’YOUR FAN PAGE URL here’ ‘ label=’GO’ /> “>
  • <fb:multi-friend-selector actiontext=”Tell your friends about us rows=”3″ showborder=”true” /> </fb:request-form>
  • Include Sharing With Friends

    One of the main benefits of being on the Facebook platform is the ability for viral sharing to take place amongst participants in the network. To encourage your business page to be shared with others you can implement a Facebook “multi-select” box, all within the static FBML box. This will loop through the current users friend list, allowing them to select who they want to share the fan-page with when they click send. You might want to put this under a “Spread the word” type tab to increase your reach.

    FBML needed

    1. <fb:request-form method=”post”
    2. type=”Your Fan Page Name Here.”
    3. invite=”true”
    4. content=”Check out Your Fan Page Name Here on Facebook!<fb:req-choice url=’YOUR FAN PAGE URL here’ ‘ label=’GO’ /> “>
    5. <fb:multi-friend-selector actiontext=”Tell your friends about us rows=”3″ showborder=”true” /> </fb:request-form>

    Include Multimedia

    Multimedia objects such as flash, video and images can also be easily added to Fan Pages. If for example you wanted some flash video, or embedding of a flash game, the FB:swf, and FB:flv are perfect candidates. More details on the format of the API request available here for FLV and here for SWF. FBML needed (Flash object).

    1. <fb:swf swfbgcolor=”ffffff”  swfsrc=’http://www.yoursite.com/flash.swf’ width=’380′ height=’250′ />

    (FLV video)

    1. <fb:flv src=’http://www.yoursite.com/video-gallery/video.flv’ />

    (Image)

    1. <fb:photo pid=”12345″ />
    2. <img src=”http://www.yoursite.com/image.jpg” />

    Monitor your pages with Google Analytics

    A great social media campaign should focus on measurement over reach. One of the easiest ways to take a look at the data provided via a Facebook page is via Google Analytics. Thankfully, inclusion on an existing static FBML page is particularly easy. Here’s the code you need. Obviously, just replace the uacct with your own account ID to start collecting data about your page. FBML needed

    1. <fb:google-analytics uacct=”UA-9999999-99″ />

    Randomise your messages

    You can easily add random messages to your Facebook page. You may for example, want to experiment with multiple calls to action – or offer multiple promotions to your audience. The Facebook Random tag lets you achieve that, without any programming. Here’s how: FBML needed

    1. <fb:random>
    2. <fb:random-option weight=”2″>A: This will be shown 2 times as often as B.</fb:random-option>
    3. <fb:random-option weight=”1″>B: This will be show half as often as A</fb:random-option>
    4. </fb:random>

    Add profile image

    Your profile image is the thumbnail found at the top left of your page. To include it again anywhere on your Facebook Static FBML page, try using this example. A number of size parameters can be set with the tag, so if this size isn’t your thing, you can easily adjust it. Replace the UID parameter with your own userId.

    1. <fb:profile-pic uid=”12345″ size=”normal” width=”400″ />

    Add wall sharing capabilities

    Sharing of individual bits of data or URL’s on Facebook is pretty integral to success. One easy way to do this on a Static FBML app is via the share-button. This allows you to share both data and links into a users wall / stream. FBML needed

    1. <fb:share-button class=”url” href=”http://www.yoursite.com” >

    Or to include more specific meta data. FBML needed

    1. <fb:share_button>
    2. <meta name=”medium” content=”news”/>
    3. <meta name=”title” content=”Announcing the xxx Application”/>
    4. <meta name=”description” content=”"/>
    5. <link rel=”target_url” href=”http://apps.facebook.com/xxx”/>
    6. </fb:share_button>

    Overview

    Hopefully some of these  FBML examples should help get your Facebook page off the ground, with some additional functionality  for minimal effort. Combining some of the tags that Facebook provide out of the box, with a little creativity can really boost your social media marketing efforts without the need for calling on a programmer.

    Adding your newsletter

    If your blog or website offers subscription via email, an additional place to find subscribers is within the Facebook network. Fans that stumble upon your page, or are invited by others may want to add themselves to your subscriber list directly from you page, without visiting your site. Using the code that your newsletter provider gave you, you can easily create a newsletter tab with a subscribe box. Whilst this isn’t strictly FBML (its just HTML) – its an easy way to increase your reach and exposure on the cheap. FBML needed. Something similar to below. This is what I’m using folks.

    1. <form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=WebDesignInIrelandBlog’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”>
    2. <p>Enter your email address:</p>
    3. <p><input type=”text” style=”width:140px” name=”email”/></p>
    4. <input type=”hidden” value=”WebDesignInIrelandBlog” name=”uri”/>
    5. <input type=”hidden” name=”loc” value=”en_US”/>
    6. <input type=”submit” value=”Subscribe” /> </form>
    Read more at blog.webdistortion.com
     

    No comments:

    Post a Comment