Facebook allows us to automatically integrate the newest post into your website along with own content. Newest post automatically come before older one without changing code. This embedded feature helps you to get more likes, visitors & engagement on site.
Below is the example embed newest Facebook post.
Embed newest Facebook post is easy to integrate within few steps. Once the code is pasted into website, all things get done automatically. A post will display exactly like as it displays on Facebook with option button like and sharing. The embedded post, show media if attached to it as well as it display number of likes too.
Steps to Embed Facebook post into your websites.
- The user has to know their Facebook Page ID. To get Facebook page ID, visit to Facebook profile and copy page ID from address bar after “.com/“.
- Copy this below code and pasted it into your website just before the closing <body> tag.
<iframe scrolling="yes" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F"FACEBOOK-PAGE-ID"&width=500&height=600&stream=true&header=true" style="border:none; overflow:hidden; width:500px; height:600px; float:left;"></iframe>
- Replace your Facebook page id with
"FACEBOOK-PAGE-ID"in copied scripts.
<iframe scrolling="yes" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FByteNbit&width=500&height=600&stream=true&header=true" style="border:none; overflow:hidden; width:500px; height:600px; float:left;"></iframe>
- And that’s it. Now you can see newest Facebook post on your website.
Note:
- Only Facebook public posts can be embedded into a website, indicated by the gray world icon.
- The width of the embed posts exists between 180 to 500 pixels.
- The minimum height of the embed posts is 70 pixels.
Also, see: Quora – How to Find your Answers Smartly