I read the other day that it’s now possible to embed Facebook posts and status updates on your own blog, effectively having a tiny window into your Facebook profile right there on whatever page you’d like. Sounds great, but how do I accomplish this neat little FB trick?
I also read the notice from Facebook about how “embedded posts” were available for everyone, and when I read through their example article on the FB blog, I couldn’t figure out it if meant that I could embed functional sections of my own blog on my Facebook page, or vice versa. Kinda confusing.
In fact, the answer is that it lets you essentially carve out a region on a Web page you control and then have Facebook push the content into that area, content that you originally posted on Facebook itself.
In other words, let’s say you post a photo of your child and have a very witty comment below it. In addition, your friends leave comments congratulating you on your sparkling wit (Note: this has not happened to me as of yet) and once it starts to gain momentum you think “I need to include this on my blog too. It’s glorious!”. Sure, you can link to it, but then people don’t get the effect.
Instead it’s a job for “emdedded posts”. However, not every single thing you post on your Facebook timeline turns out to be eligible. For example, if you get timeline entries because you’ve posted something on Instagram, that can’t be embedded. The easy way to tell? Look for the menu option.
Let’s look at an example. Here’s a post I put up on Facebook this afternoon, asking for input regarding which film screening I should attend in a few days:
Lots of comments, and a fun image that catches the eye.
Now, to embed it, simply move your cursor to the top right corner, where there’s a hidden down arrow symbol. Click on it and a menu pops up:
You can see that the last entry is “Embed Post”. If you look at the same menu related to a post you cannot embed, well, that entry simply doesn’t show up on the menu. I haven’t figure out the pattern yet, but I bet someone can enlighten us with a comment below.
Choose “Embed Post” and yet another window pops up, this time with some interesting content:
The code snippet is what you want. Copy it, go to your Web page editor — or blog program — and paste it as HTML source code, save the page and you’ll end up with something like this:
Now click on some of the things. “Like” the post or unlike it, even leave a comment.
Cool, isn’t it?
And now you know exactly how to embed Facebook posts on your own site too. Nice.