How To Embed Facebook Posts Onto Your Website Or Blog

Facebook has all kinds of not-so-hidden features that are added unbeknownst to your average user. They slide them in when no one’s looking, growing their database at a frightening speed and getting one step further to an imminent world takeover. Unless the feature is emojis, nobody misses new emojis.

One function Facebook kept quiet is the omniscient search function. Type “photos liked by [insert friend’s name]” into your search bar and you’ll see what we mean (or don’t if you think ignorance is bliss). This could potentially cause some serious Facebook stalking and be the end of young relationships. Plus, I’m sure it won’t help lessen the statistic that “Facebook” is cited in 1 in 3 divorces in America.

Anyway, this has less to do with relationship breakdowns (a whole other article entirely) but more to do with improving your website with the clever little trick of embedding. We’re very familiar with embedded tweets (*cough Buzzfeed*), YouTube videos, even Instagram pictures, but did you know it could be done with Facebook posts and comments, too?

If the answer to that question is “yes,” you don’t need to continue reading, see you later, pat on the back. If it’s a “no,” we thought we’d break it down for your pleasure.

What is embedding?

Embedding means you display a piece of media directly into your post, as opposed to print-screening a Facebook status or tweet, or simply writing “someone posted: *quotes status in speech marks. *”

By embedding, the post will also include the number of likes, shares and comments that it has. Readers are able to react to the post from the embedded widget, or click through to your post on Facebook itself (see below).

Though this has actually been a thing on Facebook since 2013 (this is as far as my questionable research skills take me), it doesn’t tend to be a feature that’s commonly used. But for bloggers, copywriters and businesses, in particular, it can prove quite useful.

You can get the embed code directly from the post itself, as with tweets, but keep in mind that long posts will be shortened with a “see more” option, which will display the full post on your site when clicked.

How can it improve your website?

This handy function can be done in a few simple steps and has several benefits for your marketing strategy, whether for a business or personal website.

Increase visibility and engagement
Enabling more people to see your post, the function extends the reach of your media and in doing so boosts interactions, grows your social community, customers or ‘fans’ (Cc. all bloggers).
Brag about your happy customers
Whether your customers are happy with your product or your customer service, let other people know about it! Keep an eye out for positive posts on your page and share them on your website to create what they call ‘social proof.’ There’s no place for modesty in this world.
Boost engagement of discussion posts
Discussions, heated or not, are a brilliant way to increase engagement. So embedding that post into your content is an ideal way to gain even more exposure for it. You’ve then turned your website visitors/blog readers into engaged members of your page.
Show off your best content
Sure, we all have posts that can unexpectedly take off like wildfire, and others that induce a storm of tumbleweed from the depths of the Mexican desert, but you only need to talk about the great ones. Highlight them, discuss them, create a list of them if you so wish.
Share Facebook media
As opposed to sharing just a video, you can include the entire post. This is useful if you’d like to show the status that has gone along with it, or the number of likes, comments and shares. Readers can still watch the video from your website and like the post, too.

How to embed a post

  1. Go to the post you want to embed.

Screen Shot 2016-06-08 at 11.43.11

2. Click in the top-right corner of the post and select Embed Post icon.

Screen Shot 2016-06-08 at 11.45.24

3. Copy and paste the few lines of scary-looking code that appears into where you want it to show on your website or web page (we’ve used WordPress).Screen Shot 2016-06-08 at 11.45.47embed

Here it is, your finished product:

You can do this on your own posts, as well as any other posts by a person or page which are public. If you wish to share a post onto a website, but the audience is later changed from public to private then it will no longer be available to view.

You’re also able to adjust the width of these posts on desktop models via the data-width attribute in the Embed Post tag.

How to embed comments

Embedded comments are again a simple way to put public posts within the content of your website or web page. Again, only public comments from pages and profiles can be embedded.

Screen Shot 2016-06-08 at 11.48.56

Screen Shot 2016-06-08 at 11.50.08

Directly embed them from Facebook in the same way you would a status or other post by clicking the arrow, selecting the ‘Embed’ icon and copying and pasting.

Et voilà, your finished product:

Embed away!

Real Time Web Analytics