Today, we're introducing Embedded Posts, a social plugin that lets you easily add public posts from Facebook to your blog or web site. We are launching Embedded Posts with Bleacher Report, CNN, Huffington Post, Mashable and PEOPLE.
To embed a post, first check if the post is public by hovering over the audience selector (you'll see a globe icon). Only public posts from Pages and Facebook users can be embedded.
If the post is public, click the "Embed Post" option in the drop down menu:
In the dialog that pops up, simply copy and paste the code provided on your own web page:
Embedded Posts display just like they do on Facebook, with the ability to show pictures, videos, hashtags, and other content. People can interact with Embedded Posts by:
Try it out below:
<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 class="fb-post" data-href="https://www.facebook.com/VenusWilliams/posts/10151647007373076" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/VenusWilliams/posts/10151647007373076">Post</a> by <a href="https://www.facebook.com/VenusWilliams">Venus Williams</a>.</div></div>
To learn more, visit our Embedded Posts documentation, which also has best practices for finding high quality public posts on Facebook to embed.
Sign up for monthly updates from Meta for Developers.