Embedding valid Facebook widget on page

From Web Developer Network Wiki
Jump to: navigation, search

With the increased reliance on social media for both marketing and community-building, some sites have turned to Facebook to connect with their audiences. As part of their developer tools, Facebook has created code to allow developers to place a small "widget" on their page that shows recent updates and allows site users to become fans.

Unfortunately the default code that Facebook provides is neither valid or 508 compliant.

Fortunately, there is a way to do both...

Embedding 508 Compliant and Valid Code Facebook widget

<iframe scrolling="no" frameborder="0" 
src="http://www.facebook.com/connect/connect.php?id=123456789&amp;connections=6&amp;stream=1" 
style="border: none; width: 220px; height: 610px;">
Your browser does not support inline frames or is currently configured not to display 
inline frames. Content can be viewed at actual source page:"Your Facebook URL Goes Here"
</iframe>
<div style="font-size:8px; text-align:center">
<a href="Your Facebook URL Goes Here">Your Facebook Group Name Goes Here</a> 
on Facebook</div>

In the above code, simply replace ID number string in the iframe src reference, and replace both "Your Facebook URL Goes Here" areas with your Facebook URL (and the "Your Facebook Group Name Goes Here" area) for a valid and 508 compliant Facebook widget.

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox