Facebook Open Graph – Facebook in April of 2010, launched it’s “Open Graph” API, which enables you do much more than just connecting your site to Facebook. This is a new set of programming tools that enable you to get information in and out of Facebook.

facebook open graph

Facebook Social Plugins

The new API introduces several new plug-ins that you can easily drop into your site. These are the new plugins;

  • Like Button
  • Activity Feed
  • Recommendations
  • Like Box
  • Login Button
  • Facepile
  • Comments
  • Live stream

Now, these plugins are such that you can on your pages easily and make your pages social “objects” part of the Facebook Open Graph. This implies that your pages become more closely integrated with Facebook, even to the point of becoming extended Facebook pages hosted on your domain.

The “Like” Button

One useful new Social plugin from Facebook is the new version of the “Like Button”. This “Like” button turns any of your pages into a Facebook “Fan” page, though hosted on your website.

As people visit your page and tap on the new version of the “Like” button, they become “fans” of the page. This implies that the link is shared with their network on Facebook, and also you now can add content to their Facebook News Feed.

How to Add Facebook Open Graph to your Pages

To add Facebook Open Graph to your pages, the following steps are required;

  • Add some meta tags to your page and HTML
  • To ensure your efforts are effective, make sure that someone is in charge of administering your Facebook presence.
  • To get Facebook Open Graph added to your website, point your developer at the following links to kick start them
    • Facebook Social plugins: This enables you easily integrate Facebook’s social features on your blog. This plugin enables easy addition of the social plugins to your plugin with just a few clicks.

The Like button can be added to the top or bottom of articles. You have access to control where and how it appears. It is also available as a widget

The Activity feed, comments, the Like Box, and recommendations are also available as widgets.

Note; the comments widget is available only if you provide a Facebook application ID

  • Open Graph protocol: This allows for web developers to turn their websites into Facebook “graph” objects, enabling a certain level of customization over how information is transmitted over from a non-Facebook website to Facebook, when a page is “recommended” “liked”, or just generally shared. This information is set thru custom META tags on the source page.

These pages will give your developer or designer enough details required to include Facebook Open Graph functionality into your website.

I think with these few info implementing Facebook open graph would no longer be a challenge. In the nearest future, we will be coming up many other features you can get from Facebook.