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 on 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 on their blog and discovered themselves other than an official page of Facebook.

embed facebook post to websiteFacebook has enabled this functionality to some famous websites like CNN, The Huffington Post, Mashable. Everyone still has to wait for its full functionality.

Although the complete method can be found on their official developer page 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 used only for the label of the post 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 on a website/blog follow the steps.

  1. Choose the Facebook content to embedded from any page or profile or even your own timeline.
  2. Click on 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 anywhere in the website content. and enjoy
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div data-href="YOUR_URL_HERE"></div>

For example, I have shared this post on 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 paste the whole code again but just copy the last line of code, paste it there at the end and replace YOUR_URL_HERE with a new permalink (post link).
Source: Labnol

Leave a Comment