Embeddable Facebook Content Now a Reality

eye-see-facebookEver tried to embed content from Facebook into your web site or blog? Frustrating isn’t it? Usually you have to use a 3rd party plugin or use a messy code hack and it’s almost impossible to get it to display properly on all browsers.

Well, it seems Facebook have been listening to the sighs of Webmasters everywhere and the company is finally introducing Facebook Embeddable Posts.

What Are They?

Embedded Posts are a way to publish public posts (by a Page or person) on Facebook into your web page or blog.

The embedded post will show media attached to it, as well as the number of likes, shares, and comments that the post has. Embedding posts will let people visiting your web site see the same information that is shown on Facebook.com. Embedded posts will even enable people to follow or like content authors or Pages directly from the embedded location.

It’s important to note that only public posts from Facebook Pages and profiles can be embedded.

How to Embed Facebook Posts

To embed a post, follow these steps:

1) Go to the post you want to embed.

2) Check if the post is public by hovering over the audience selector (you’ll see a globe icon if it is).

fb-embed1

3) Click the down arrow icon in the top right corner of the post and select Embed Post. You will see a dialog appear with the code to embed your post in it.

fb-embed24) Copy the code that appears and paste it to your own blog post or web page

How Does it Work?

The code in the Embedded Post dialog box includes a Facebook SDK for JavaScript snippet which gets saved into your web page code. If you already include this snippet elsewhere on your page, you can remove it if you wish, although it will not cause any issues if included twice.

Currently, you can’t customize how Embedded Posts are displayed on your page because the size of the post is fixed to the same dimensions as it appears on Facebook.

If you embed a very long post, it will get truncated with a “see more” option. Clicking “see more” will display the full post on your web page.

If you embed a post and the author later deletes it or changes the post audience selector from public to private, a message will display in place of the embedded post: “The page you requested is no longer available. The post may have expired or the privacy settings may have changed”.

What Does it Mean?

This new feature provides huge advantages to businesses with a Facebook page. The Embed Post functionality will enable companies to quickly publish and syndicate their social content from Facebook on their web sites and – more importantly – allow their customers to interact with their Facebook channel directly from their main business site.

The result should be a more streamlined social media process and greater potential for more social interactivity on company web sites rather than on 3rd party social sites. The Facebook water cooler will be moving to the company office! For businesses that haven’t yet seen the value in creating a Facebook presence, this feature might just be the tipping point.

When Can I Use it?

The feature is being rolled out this week to just a handful of large media sites, including CNN, Bleacher Report, Huffington Post, Mashable and People. It will be rolled out to the general public over the next few weeks.

Spread the joy!