Including a wall feed from Facebook

The basic code necessary to include a facebook feed on your web page is somewhat simple. However, please note that editable regions for each template, plus where the box is located (i.e., in a table, in the right column, ...) govern your need to edit the height and width in the code below.

1. Copy this HTML code:

<iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&amp;connections=0&amp;stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"></iframe>

2. In Cascade, navigate to the page where you would like to have this feature

3. Choose "Edit"

4. in the WYSIWYG tool bar, choose the HTML button to enter the HTML editing window

5. Scroll to the place where you would like to insert this newsfeed and paste the above code

6. Replace the 15 "#" characters with the 15-digit facebook page identifier. The numbers can be found here in the URL:

http://www.facebook.com/pages/Carolina-Canning/154004811319982

* some facebook groups no longer have the numerical identifier in the URL. In this case, you will need to find the 15-digit page ID in the facebook HTML. See below for details.

Set the width and height to the necessary proportions based on your template layout and its position on the page. For example if it is in the right column of a 3-col layout, then change the width to "100%", if it is in a table cell also set the width to "100%".

7. choose "Submit" to save your changes

Additional code to include as needed:

These 2 pieces of code can be added within the "style" tag for additional formatting:

  • Align to left or right so that the text on the page wraps around the facebook feed = "float"
  • Make text wrap around the facebook feed so that there is some padding and text is not on top of the blue lines = "padding"

<iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=154004811319982&amp;connections=0&amp;stream=1" style="border: 1px; width: 300; height: 380px; padding: 0px 0px 0px 15px; float: right;" scrolling="no"></iframe>

Review sizes of editable regions on for these cascade pages:


If you have enough fans to have named your facebook URL then your group no longer has the numerical identifier in the URL. In this case, you will need to find the 15-digit page ID in the page's HTML.

1. Go to your group's facebook page

2. right-click your mouse and choose, "view page source" from popup window

3. In this window new window full of blue, black and purple HTML code: use the "find" feature in your browser ("command +F" for Macs, or "control + F" for PCs] and search for "og:image" to find the line containing the 15-digit code (bolded below)

<meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203474_121689848324_8086592_n.jpg" />

4. Copy that 15-digit number to paste in the HTML code (#6 above)

Please contact a web team member if you need assistance with this: email the Web Team >