Solve the Facebook and Instagram oEmbed Problem

Solve the Facebook and Instagram oEmbed Problem


Since October 24, 2020, you can no longer automatically integrate Facebook and Instagram content into your WordPress site.

Indeed, Facebook has carried out a API change which changes the way in which the oEmbed protocol.

If you haven’t made any changes yet, you are no longer able to add Facebook and Instagram posts like you did before.

Today I present to you 3 solutions to re-embed Facebook and Instagram content in your WordPress site: Smash Balloon, JetPack, oEmbed Plus.

If you are already aware of this subject but this post seems too technical to you, I invite you to communicate it to the department or to the person concerned in your company.

# 1. Editing oEmbed Facebook and Instagram endpoints

oEmbed is a open protocol which allowsembed the content of a website A in a site B, by copying and pasting a URL.

It thus simplifies the integration of third-party content (video, text, image, etc.), without using the HTML code of the site hosting the media.

Last august, Facebook announced a modification of its oEmbed Facebook and Instagram endpoints.

So that to continue to integrate third-party content into your WordPress site with the oEmbed protocol, you now need to authenticate yourself through a complex process.

Thus, Facebook asks in particular the creation of a Facebook application.

Why has Facebook changed its API for oEmbed Facebook and Instagram endpoints?

I am not sure. But, I would lean for security reasons when I read this part of the documentation on the oEmbed Instagram and Facebook:

# 2. Smash Balloon: oEmbed Facebook and Instagram

Balloon Smash is a company that develops plugins allowing the integration of social media with a WordPress site.

I became a client of the YouTube extension several months ago during the acquisition of Smash Balloon by Awesome Motive (OptinMonster, Wp Beginner…).

Smash Balloon features two extensions for Facebook and Instagram: Smash Balloon Social Post Feed and Smash Balloon Social Photo Feed.

These extensions allow you, among other things, to integrate your Facebook and Instagram posts.

Comment?

After having installed and activated the desired extension, head to theFacebook Feed (or Instagram Feed) extension tab in your admin panel.

In the oEmbeds sub-tab, Click on the button Connect to Facebook / Instagram and activate oEmbeds.

smash-ballon-facebook-feed-oembed

Connect to Facebook through the secure login window. And that’s all !

You can now integrate Facebook or Instagram content (depending on the extension installed) in a publication.

For install the 2nd extension, go through the tab of the first activated extension. The installation of the 2nd extension is thus even faster.

smash-balloon-instagram-feed-oembed-

My opinion :

If you are looking for a very simple solution, I invite you to consider Smash Balloon.

On the other hand, this is not the best option for your website performance, because you add one or two additional extensions whose primary purpose is not the integration of posts.

# 3. JetPack: oEmbed Facebook and Instagram

JetPack is a plugin for the security, backup, performance and growth of WordPress sites.

This is a strong plugin currently used by over 5 million sites and developed by Automattic, the company behind WordPress.com.

The configuration of JetPack is very simple car you just need to connect your website to JetPack once you have installed and activated the extension.

jetpack-oembed-facebook-instagram

jetpack-oembed-facebook-instagram-login-site

Note that JetPack has partnered with Facebook to create a smooth transition and ensure that your integrations continue to display normally.

My opinion :

Support for integrating Facebook and Instagram content is only one feature among the many possibilities offered by JetPack.

Users who installed JetPack before October 24, 2020 will appreciate it without a doubt.

For the others, I am not sure that installing an extension that is not dedicated is ideal for the same reason mentioned above.

# 4. oEmbed Plus: oEmbed Facebook and Instagram

To use the new oEmbed Facebook endpoints, you must complete the required conditions following:

oembed-facebook-instagram-requirements

After, there is easier if you use the extension oEmbed More.

Here’s how to do it.

First of all, create an application here at clicking on the green button.

create-application-facebook-oembed

Choose “something else” for’purpose of your application.

application-facebook-oembed-something else

Give a name to your application and enter an e-mail address.

application-facebook-oembed-information

Once the application has been created, in the list of “Products”, add oEmbed clicking on configure.

oembed-facebook-instagram-app

Then, activate oEmbed Plus.

oembed-facebook-instagram-app-activate

Then head into Settings> General, and indicate at least a link to your privacy policy and the category of your application.

app-oembed-facebook-instagram

At the top of the App area, switch the button “in development” to “live”.

app-oembed-facebook-instagram-mode-live

In the administration panel of your website, enter the ID and the secret key of your application (see screenshot above), under Settings> Writing.

Facebook-Instagram-oEmbed-plus

Well done ! You have completed the procedure!

My opinion :

If you are not a “developer” and are looking for a solution that affects your WordPress site’s performance as little as possible, oEmbed Plus comes close to the most appropriate answer.

Conclusion

Difficult to do more complicated for an action that was once very intuitive.

This method, against an initially open format, is she the price to pay for securing a procedure may be diverted from its primary use ?

It is likely that some WordPress site owners will not retain any of the solutions presented in this article, due to lack of desire, time or skills.

Others prefer to screenshot third-party content and host it directly on their website.

However, this solution has never been in accordance with Instagram regulations for example.

Embedding Instagram images appeared to be the best choice so far for se guard against copyright claims.

After, this may no longer be sufficient, and a license would be required.

Your Turn Now

How did you solve the oEmbed problem on your WordPress site? Do you have other solutions to recommend?



Source link

Leave a Reply

%d bloggers like this: