How to Embed Facebook Posts to a website


Facebook¬† introduced a new feature of “embedded¬† post“,especially for the blog and website owner.Now you can share any type of content including photographs,video,audio or even any kind of post to your blog or website.

The feature was recently introduced by the Facebook developers to help their visitors and to make their social media user friendly.Although this method is still not so common and in test mode,yet it is so interesting that many have used it in their blog posts or at their blog and discovered themselves other than official page of Facebook.embed facebook post to website

Facebook has enabled this functionality to some of famous website like CNN,The Huffington Post,Mashable. Every one still have to wait for its full functionality.

Although the complete method can be found at their official developer page but it may not easy to get the embedded code and apply it to their blog. So I have come up with a simple method to embed Facebook posts.

Read Also: How to know Someone IP address using Facebook Chat

This feature can be use only for the posts label with “Public” or as long as the owner set its visibility to “Public”

How to Embed Facebook Posts to a Website/Blog:

In order to embed Facebook posts to a website/blog follow the steps.

  1. Choose the Facebook content to embedded fro any page or profile or even your own timeline.
  2. Click at the Date in the post to get its permalink url.
  3. Now copy the following code at your website page and replace the YOUR_URL_HERE with the permalink url.
  4. Paste this snippet to your blog post or any where in the website content. and enjoy
<div id="fb-root"></div>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<div data-href="YOUR_URL_HERE"></div>

For example I have shared this post at Facebook Fan Page and you can see it in action.

Read Also: How to send colorful Message in Facebook chat

So you have read the method to embed Facebook posts to a blog, If you have more than one post to share then you need not to paste the whole code again but just copy the last line of code,paste it there at end and replace YOUR_URL_HERE with new permalink (post link).
Source: Labnol

Leave a Reply