How to Embed a Facebook Update on Your Blog

Posted August 31, 2013 | Laura Christianson

By Laura Christianson

I’m practicing embedding a Facebook update on my blog. It’s super-easy!

You can embed your own public posts from your profile or your fan page. You can also embed other people’s public posts.

Blogging Bistro client, Davis Bunn, has an inspirational contemporary suspense novel releasing November 5, 2013. When you like his Facebook page, you can instantly read Chapters 1-3.

I decided to embed Davis’s image-based post that promotes the free sample chapters.

1.  To embed a Facebook post, hover your mouse over the top righthand corner of any Facebook update.
2.  A pop-down dialog box will display. Click “Embed Post.”

Embed Post

3.  Copy the HTML code. Log in to the admin area of your blog, create a new post, and and paste the code into the HTML area of your text editor.

The cool thing about embedded posts is that they display any attached media (in this case, a graphic image), plus the number of likes, shares, and comments the post has.

Only public posts from Facebook Pages and Profiles can be embedded. Check whether the post is public by hovering over the audience selector (the globe icon that displays next to the post’s date).

Here’s the finished product.

What do you think? How would you use an embedded Facebook post on your blog or website?

Tweet This Post

Here’s a ready-made tweet for you. Go for it!

Just learned how to embed a Facebook post onto my blog from @bloggingbistro. It’s easy! (Click to tweet)

Return to Posts

30 responses to “How to Embed a Facebook Update on Your Blog”

  1. Terri Main says:

    You see, I don’t see how this is any better than just using the snipping tool in your windows accessories to take a screenshot which has the advantage of being an actual .jpg file that can be resized.

    Even then, I’m not sure what use it is other than to show an example of an effective post. It’s one of those things that I look at and say “Cool” at first and then later say, “But what good is it?”

  2. Terri Main says:

    You see, I don’t see how this is any better than just using the snipping tool in your windows accessories to take a screenshot which has the advantage of being an actual .jpg file that can be resized.

    Even then, I’m not sure what use it is other than to show an example of an effective post. It’s one of those things that I look at and say “Cool” at first and then later say, “But what good is it?”

  3. Terri, The main advantage I see for an embedded post is “social proof.” The Facebook update shows “live” updates of likes, shares, and the number of comments to the post. It makes it easy for the reader to see that it’s coming directly from Facebook, and might be a good incentive for them to interact with the page (or to like a page they haven’t discovered before). It would be nice if they’d let us resize the embedded post — it’s gargantuan.

    A woman named Leanne commented on the Blogging Bistro Facebook page: “I can see lots of benefits for this new feature! I help people who suffer from anxiety and panic attacks, my blog is brand new and I thought of a way that this feature could be really useful for me. I’m a member of many anxiety pages on fb where people post their questions and problems … I could embed a post from one of these other pages into a blog post on my website and answer the question.”

    We discussed potential privacy issues surrounding using an embedded post in this manner — see my Facebook update for more: https://www.facebook.com/bloggingbistro/posts/10151842794920225

  4. Terri, The main advantage I see for an embedded post is “social proof.” The Facebook update shows “live” updates of likes, shares, and the number of comments to the post. It makes it easy for the reader to see that it’s coming directly from Facebook, and might be a good incentive for them to interact with the page (or to like a page they haven’t discovered before). It would be nice if they’d let us resize the embedded post — it’s gargantuan.

    A woman named Leanne commented on the Blogging Bistro Facebook page: “I can see lots of benefits for this new feature! I help people who suffer from anxiety and panic attacks, my blog is brand new and I thought of a way that this feature could be really useful for me. I’m a member of many anxiety pages on fb where people post their questions and problems … I could embed a post from one of these other pages into a blog post on my website and answer the question.”

    We discussed potential privacy issues surrounding using an embedded post in this manner — see my Facebook update for more: https://www.facebook.com/bloggingbistro/posts/10151842794920225

  5. Angela Breidenbach says:

    Nice, I hadn’t thought of doing that but Muse has so many fans I started a blog (A-Muse-ings) by fan request. So now he can share his comedic talent in an easier way. Thanks for sharing 🙂

  6. Angela Breidenbach says:

    Nice, I hadn’t thought of doing that but Muse has so many fans I started a blog (A-Muse-ings) by fan request. So now he can share his comedic talent in an easier way. Thanks for sharing 🙂

  7. Hi Angie – Send me a link if you embed one of his Facebook posts, so I can see how it turned out.

  8. Hi Angie – Send me a link if you embed one of his Facebook posts, so I can see how it turned out.

  9. Kathy Sheldon Davis says:

    I couldn’t get this to work for me. All that appears in the posts or widget areas is the code itself. Can you explain what I’m doing wrong? Thanks!

  10. Kathy Sheldon Davis says:

    I couldn’t get this to work for me. All that appears in the posts or widget areas is the code itself. Can you explain what I’m doing wrong? Thanks!

  11. Kathy – Did you click the HTML tab so that you’re inserting the embed code into the HTML area of your text area, instead of the visual editor?

  12. Kathy – Did you click the HTML tab so that you’re inserting the embed code into the HTML area of your text area, instead of the visual editor?

  13. Kathy Sheldon Davis says:

    Yes, in the box where I write my posts there’s a choice between “text” and “visual.” I’ve pasted the code under both tabs, but it only shows up as code in the preview of the post. I’m sure the answer is probably something very simple, but I’m not seeing it now.

  14. Kathy Sheldon Davis says:

    Yes, in the box where I write my posts there’s a choice between “text” and “visual.” I’ve pasted the code under both tabs, but it only shows up as code in the preview of the post. I’m sure the answer is probably something very simple, but I’m not seeing it now.

  15. Kathy – Click on “Text” and paste the code ONLY via the text editor. If you put it both places, it will display the HTML code you pasted into the visual editor when you publish the post. When you preview the post, it sometimes doesn’t display the embedded post correctly, but it should once you publish it.

  16. Kathy – Click on “Text” and paste the code ONLY via the text editor. If you put it both places, it will display the HTML code you pasted into the visual editor when you publish the post. When you preview the post, it sometimes doesn’t display the embedded post correctly, but it should once you publish it.

  17. Kathy Sheldon Davis says:

    Thanks so much for your time, Laura. I posted the HTML code from Facebook under “text” as you suggested. Here’s what it looks like after publishing. I only see code.
    http://kathysheldondavis.wordpress.com/wp-admin/post.php?post=1953&action=edit&message=6&postpost=v2

  18. Kathy Sheldon Davis says:

    Thanks so much for your time, Laura. I posted the HTML code from Facebook under “text” as you suggested. Here’s what it looks like after publishing. I only see code.
    http://kathysheldondavis.wordpress.com/wp-admin/post.php?post=1953&action=edit&message=6&postpost=v2

  19. Yep, you’re right. It’s only showing the code. Not sure what to tell you; I’d have to look behind the scenes at the post itself, and at the embed code from Facebook, to troubleshoot this.

  20. Yep, you’re right. It’s only showing the code. Not sure what to tell you; I’d have to look behind the scenes at the post itself, and at the embed code from Facebook, to troubleshoot this.

  21. Kathy Sheldon Davis says:

    Thanks for your help today. I’ll Google a bunch of questions and see if I can learn how to tweak something. Blessings to you!

  22. Kathy Sheldon Davis says:

    Thanks for your help today. I’ll Google a bunch of questions and see if I can learn how to tweak something. Blessings to you!

  23. Looks as if they do it a bit differently on WordPress.com. Here’s a tutorial I found that shoudl do the trick http://en.blog.wordpress.com/2013/09/12/embed-facebook-posts/

  24. Looks as if they do it a bit differently on WordPress.com. Here’s a tutorial I found that shoudl do the trick http://en.blog.wordpress.com/2013/09/12/embed-facebook-posts/

  25. Kathy Sheldon Davis says:

    Yea, success! Thank you, Laura!

  26. Kathy Sheldon Davis says:

    Yea, success! Thank you, Laura!

  27. […] How to embed a Facebook update on your blog […]

  28. […] How to Embed a Facebook Update on Your Blog […]

Leave a Reply

Your email address will not be published. Required fields are marked *