UPDATED: We have an updated Tutorial for Embedding SWF’s into Facebook. Please refer to this new page.
Many social networking sites allow you to directly embed a Flash (SWF) file onto your profile or blog including Facebook, but the process for Facebook is a bit different.
The only way to add a SWF to Facebook is on a “Page,” i.e. Fan Page, or Business Page. These are Public profile pages because no privacy settings can be defined and are open to everyone.
The first step of this process is to create a page:
After you have created the page, click on the “Edit Page” tab. Once here scroll down through “Applications” and click on “Static FBML,” click add, then press the “Add to My Page” button.
Once this is done go back to your page and click the “Edit Page” button again. If you scroll down you will see the new application “FBML” and click “Edit.” This is where you can add the title of your SWF and add the embed code.
The embed code will need to be set up according to Facebook’s outline. The code is similar ““ at least in structure ““ to standard <object> <embed> code used in HTML. There are, however, more specific attributes that must be used. The only necessary attribute is swfsrc ““ which defines the URL that points to your SWF file. For more information on this here is a link to their developer page:
Here is the basic embed code for our tv2beta application with a few variables added:
Once you have saved the page you can go back to your profile and add a “Tab” (Wall, Info, Photos, etc.) to link it to your FBML application.
SWF files are initially inactive. The user must click on the SWF in order to activate it. You can define an image file in the FBML code that displays a static image that the user can click on to initialize the SWF file.
We hope that this helps all you Facbookers and if you have any questions, please feel free to ask.