開発者向けニュースに戻る

Introducing Embedded Posts

2013年7月31日作成者:Dave Capra

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.

Embed public posts from Facebook with one line of code

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:

Like and share the Embedded Post directly from your 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:

  • Liking or sharing the post directly from your web page
  • Liking the Page or following other posts from the author using the top right button
  • Visiting the post's comments, photos, hashtags and other content on Facebook

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.