Adding Static FBML Tab on Facebook Page for Survey Link

by Paddu on September 28, 2010

Static FBML applications can be added as tabs on Facebook business pages and used for providing links to your online surveys. With millions of users, Facebook has become a major source for attracting and recruiting consumer panel members. Businesses and market researchers are using social media tools such as Facebook in a big way to attract survey participants.

Setting Up Fan Pages

Note that you should be setting up one or more business pages (also known as fan pages or brand pages) for your organization, depending on the number of products or service promoted. Your Facebook profile pages should not be used for business purposes. Also, Facebook has withdrawn the Static FBML Tab features for profile pages.

Edit Page for Applications

Setting up a basic fan page takes only a few minutes. use the Ads and Pages link available in the left panel on your profile page after logging into the Facebook account. To start with, you may specify some basic information such as name, brief description, website name, etc. Once the page is setup, by default tabs such as Get Started, Wall, Info, Discussion, etc. will be displayed automatically. The basic page will like the following picture (note: Get iPhone4 tab will not be listed; it was added later on).
One or more Static FBML (Facebook Markup Language) Applications can be added to a page as described in the following section. Click on the Edit Page link on the left panel of your page. You should have logged into the Facebook before starting the above process.

Adding Static FBML Application

When the Edit Page is clicked, a page with long list of tabs and other applications will be displayed. The Static FBML application link will be available at the bottom of the page under More Applications section.

Static FBML Application LinkClicking on the Static FBML application link will take you to the Static FBML application page. This is a standard, special purpose application created by Facebook which can be added to your pages; it is similar to any other third party applications. Once the Static FBML application page is displayed, you can add the same to your (fan / business) page.

Add Static FBML App to PageClick on the Add to my Page link (highlighted in the above picture) available on the left panel of the Static FBML application page.

A popup window will be displayed with a list of all the pages associated with your Facebook account. Now your page where you would like to add the Static FBML application should be in the list.

Selecting Page for Static FBML ApplicationSelect the right page by clicking on the Add Page button provided against each page name.

In this example, we are adding the Static FBML application to a business page named Great Products for Fun, Inc.

Updating Static FBML App Properties

Once the Static FBML app is added to the selected page, you can view the FBML App in the applications list under the same page. Use Edit Page option of the respective page to view the applications. In the following example the new application is displayed as FBML1 (generally it will be displayed as FBML).

Added Static FBML ApplicationNow that you have created and added a Static FBML app to your business page, the rest of the settings and parameters can be specified. Use Application Settings link and enable the Tab (if it is not enabled by default).

Edit FBML tab titleThen click on the Edit link (under the FBML app) and update the Title of the Static FBML app (which will become the title of the tab) on your page. Hence the title text should be short.

Edit FBML tab title contentNote: Though the sample text below says “embed the survey on this page”, the survey cannot be embedded on a Static FBML page; Facebook has changed the specifications recently. “iframe” embedding is possible only with a Facebook Canvas Application. Only a survey link can be placed on the static FBML tab.

Edit Static FBML page contentThe following screenshot shows the view of the page after adding the Static FBML app as a tab. You can change the properties or update the content on the static FBML tab by clicking on the Edit Page option displayed on the left panel.

Static FBML App added as TabClicking on the Get iPhone4 tab (we just added) shows up as below with some sample text. Notice that the survey link is not yet added on the page; only some static information is added.

Static FBML page content sampleYou can add any content as long as it is FBML compatible. FBML is a simplified form of HTML with some specific exceptions. For example, it used to support iframe embedding, which is not allowed now.

The following picture shows the addition of other relevant information and the Survey URL on the FBML page. The Save button at the bottom of the screen should be clicked to save the updated content. When the changes are saved, respective message will be displayed.

Static FBML page content savedClicking on the page name (Great Products for Fun, Inc., in this case) will take you to the respective tab.

The final page after completion of FBML content update is shown below.

Static FBML tab with content viewContents such as Images, YouTube videos, MP3 audio recordings and Flickr photo slideshows can also be added to the FBML page. Note that all contents (images, videos and audio) should be hosted outside of the Facebook system and only the links will be embedded in the system.

Changing the Default Tab

When a visitor (i.e. fan) visits the business page, generally the wall page will be displayed by default. if you are creating a Static FBML based tab for linking the Survey URL, it is essential to direct the user to that page by default, so that maximum visibility will be ensured.

In order to change the default landing page, go to the Wall tab and click on the Settings link included in the right side of the wall page on Facebook.

Default landing tab on facebook pageThen click on the dropdown for “Default Landing Tab for Everyone Else” property. Multiple tab names will be displayed in the dropdown list.

Select the newly created Static FBML based tab name (Get iPhone4, in this example) from the dropdown.

The following screenshot shows the required tab in selected position.  The selection will be saved automatically; no need to save this change explicitly.

Default landing tab on facebook pageThe final view of the Static FBML based Tab as seen by the fans is shown below. A visitor will arrive at this landing page, with the Get iPhone4 tab in open position.

Static FBML tab view finalThe survey link is included fully, so that the users can also copy and paste the same into the browser.

Getting Survey URL Link from LeadPro247 Survey Builder

The following screenshot shows the Survey Response Data Collector list page (accessed from Survey Definition module by clicking on the Collectors icon link).

Survey Response Collectors list in Survey BuilderClick on the View icon against the respective data collector. It is suggested that a separate data collector can be defined for linking the survey URL on Facebook. Note that the system supports any number of data collectors for each survey.

Survey web url linkThe survey URL link can be viewed and copied from the Survey Link section displayed at the bottom of the collector definition view page. This link is copied and used in the FBML contents page described above.

Be Sociable, Share!

Previous post:

Next post: