How to Embed a Facebook Update on Your Blog

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)

  • Terri Main

    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?”

  • Terri Main

    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?”

  • 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

  • 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

  • Angela Breidenbach

    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 🙂

  • Angela Breidenbach

    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 🙂

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

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

  • Kathy Sheldon Davis

    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!

  • Kathy Sheldon Davis

    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!

  • 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?

  • 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?

  • Kathy Sheldon Davis

    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.

  • Kathy Sheldon Davis

    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.

  • 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.

  • 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.

  • Kathy Sheldon Davis

    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

  • Kathy Sheldon Davis

    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

  • 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.

  • 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.

  • Kathy Sheldon Davis

    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!

  • Kathy Sheldon Davis

    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!

  • 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/

  • 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/

  • Kathy Sheldon Davis

    Yea, success! Thank you, Laura!

  • Kathy Sheldon Davis

    Yea, success! Thank you, Laura!

  • Yippee!

  • Yippee!

  • Pingback: How to delete a Facebook Business or Fan Page | Blogging Bistro()

  • Pingback: Top Stories on Blogging Bistro During 2013 | Blogging Bistro()