Personal tools
You are here: Home DCN SimpleSite Help Center How-tos Adding a Facebook Fan Box to your Site
 

Adding a Facebook Fan Box to your Site

Document Actions
Advertise your desire for Facebook fans!
fanbox

Facebook Fan Boxes provide a way of connecting your site to your organization's Facebook page.

If you've already created a Facebook page for your organization, adding a Facebook Fan Box to your site is a simple, two-step process.

  1. Find your Facebook page's API Key and Page ID. To do this, look for the “Add Fan Box to your site” link in the left column of your page (you'll need to be an administrator). Clink on the link, and choose “Other” for where you want to add it.

    Facebook will give you a code fragment under the title “Copy the code below.” Copy it and paste it into a text editor so that you may read it all. It will look like:

    <script type="text/javascript" src="http://static.ak.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script><script type="text/javascript">FB.init("af79f890d7a925e9fcf6d5c6522254c7");</script><fb:fan profile_id="140324341568" stream="1" connections="10" width="300"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Steve-McMahon-Test-Band/140324341568">Steve McMahon Test Band</a> on Facebook</div>

    You need to extract two pieces of information. Inside FB.init("...") is your API Key. In this case, it's “af79f890d7a925e9fcf6d5c6522254c7”. Inside profile_id="..." is your Page ID. In this case, it's “140324341568”.

  2. Now, go to the top page of your organization's SimpleSite. Log in and choose the edit tab. Fill in your API Key in the Facebook API Key field and your page ID in the Facebook Page ID field. Save the web form.

This How-to applies to: Any version.


This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
This site provided with the assistance of the Davis Community Network.