19 June 2009 ~ 7 Comments

How to Embed a Flash File Into a Facebook Fan Page

We have a lot of Facebook fan pages at my day job for example (FoodNetwork & HGTV) As an advertiser you want these pages to be engaging and to actually give people a reason to become a fan and use them. As these pages become more popular customization and how-to questions arise. Today I had to drop a flash widget in which had been developed by a vendor so I thought I’d list the steps below on how to go about adding flash onto a Facebook fan page.

1. In the search box at the top right hand side of the page, type in “FBML” which stands for Facebook Markup Language
2. Click to Application
3. Select Add to my Page
4. Navigate back to your Fan page and under your logo on the left hand side click “Edit Page”
5. Under Applications, you should see something which says ” FBML – Add advanced functionality to your Page using the Facebook Static FBML application. This application will add a box to your Page in which you can render HTML or FBML (Facebook Markup Language) for enhanced Page customization.”
6. Click the small pencil on the top right of this box and choose “Edit”
7. Give your box a title then in the area which says FBML drop in your swf file. You must use the following tag style:
<fb:swf swfsrc='link to swf file' />

Here is an example from one of our pages. You’ll notice that you need to create an image the exact size of your flash which they will have to click on first to activate:

<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://widgets.clearspring.com/o/484179e16a8b548b'
imgsrc='http://widgets.isg-marketing.com/food_network/recipe/image/fn_small.png'
width='300' height='250' />

8. Save your changes and your done.

You should see the box on the left hand side of your fan page. If you’d rather the box not be on the left hand side, you can also add it as a tab at the top by clicking the “+” icon.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • Wists
  • BlinkList
  • Furl
  • NewsVine
  • Technorati

7 Responses to “How to Embed a Flash File Into a Facebook Fan Page”

  1. Djc 30 June 2009 at 11:08 pm Permalink

    Is this real? Show me

  2. Francesco Boschian 22 September 2009 at 9:44 am Permalink

    Thank you so much!
    Greetings from Italy :)

  3. szataniol 11 March 2010 at 6:37 am Permalink

    Ok, but what if I want to run a flash facebook application inside a fan page? I need it to communicate with facebook API and I certainly don’t want to keep my secret key inside it. I need facebook to pass all the fb_sig_* variables as if it was displayed in normal application canvas.

  4. Theodore Wymer 16 April 2010 at 6:46 pm Permalink

    My other half and I both love this. You give some super pointers We found your web site on ask.com and have favorited it for future reference.

  5. D 28 July 2010 at 8:29 pm Permalink

    THANKS!!!!


Leave a Reply