WordPressの初期設定であるoEmbedまたは埋め込みブロックは、InstagramやFacebookでは動作しなくなりました。そのため、過去に埋め込みブロックを使用してこれらのソーシャルネットワークからコンテンツを追加した場合、サイト上でエラーやコンテンツのギャップが発生する可能性があります。
ポジティブなユーザー体験を提供したいのであれば、この問題を解決することは重要です。そうしないと、サイト訪問者はコンテンツがなかったり、ページが壊れていたりするかもしれません。さらに、ソーシャルフィードを見つける可能性も低くなります。
このガイドでは、訪問者がWordPressサイトでソーシャルコンテンツを楽しめるように、FacebookとInstagramの埋め込み問題を簡単に修正する方法をご紹介します。
WordPressにおけるFacebookとInstagramのoEmbed問題とは？
以前は、oEmbedプロトコルを使えば、InstagramやFacebookの投稿をWordPressに簡単に埋め込むことができた。
しかし、FacebookはoEmbed機能の仕組みを変更したため、FacebookやInstagramの動画、写真、更新、その他のコンテンツを簡単に埋め込むことができなくなった。
代わりに、FacebookやInstagramのコンテンツをWordPressサイトに埋め込む前に、アプリを登録し、クライアントトークンを使用してFacebook Graph APIからデータを取得する必要があります。
そのため、WordPressの開発者はFacebookとInstagramの埋め込み機能を削除することにした。
以前、oEmbedを使ってサイトにFacebookのコンテンツを追加した場合、以下の画像のように表示されます。
oEmbedを使用してInstagramの投稿を追加した場合、アクセストークンが必要なため、同様のエラーが表示されます。
手動で問題を解決する方法があります。例えば、各ページや投稿を調べて埋め込みコンテンツを削除することができます。しかし、これには時間がかかりますし、すべての壊れた埋め込みを見つけられる保証もありません。
それでは、WordPressでFacebookとInstagramのoEmbed問題を簡単に解決する方法を見ていきましょう。
FacebookとInstagramのoEmbed問題を解決する方法
oEmbedの問題を解決する最も簡単な方法は、無料のSmash Balloonプラグインのいずれかを使用することです。
WordPressにInstagramの投稿を埋め込みたい場合は、Smash Balloon Social Photo Feedプラグインが必要です。
一方、WordPressにFacebookの投稿を埋め込みたい場合は、代わりに無料のSmash Balloon Social Post Feedプラグインを使うことができる。
まず、必要なプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
いずれかのプラグインをインストールしたら、Instagram Feed ” oEmbedsまたはFacebook Feed ” oEmbedsにアクセスするだけです。
すべての画像でSocial Photo Feedプラグインを使用していますが、どのプラグインを使用しても手順はまったく同じです。
この画面で、ニーズに合った「有効化」ボタンをクリックします。
これだけです。WordPressサイトにFacebookやInstagramの投稿を埋め込むことができるようになりました。
カテゴリー：WordPressにInstagramやFacebookの投稿を埋め込む方法
お好きなSmash Balloonプラグインを使用してoEmbed機能を有効化すると、特定のInstagramやFacebookの投稿を任意のページ、投稿日、ウィジェット対応エリアに埋め込むことができます。
例えば、 WordPressサイトのフッターに 追加することができます。
1つのオプションは、ソーシャルコンテンツを表示したいページや投稿をGutenbergエディターで開くことです。そして、「ブロックを追加」（＋）アイコンをクリックし、「埋め込み」とタイプする。
適切なブロックが表示されたら、クリックしてページまたは投稿に追加します。
埋め込み」フィールドに、サイトに表示したいInstagramまたはFacebookの投稿のURLを貼り付けるだけです。
そして、『埋め込み』をクリックする。
WordPressに特定の投稿が表示されます。投稿を公開する準備ができたら、「更新」または「公開」をクリックするだけです。
そのページにアクセスすると、ソーシャルメディアへの投稿がライブで表示されます。
もうひとつのオプションは、サイドバーなどのウィジェット対応エリアにInstagramやFacebookの投稿を追加することだ。そうすれば、サイトのすべてのページで同じ投稿を宣伝することができる。
例えば、最も人気のあるInstagramの投稿、セールを宣伝する投稿、サイトを成長させるために使用しているソーシャルメディアコンテストを埋め込むことができます。
FacebookやInstagramの投稿をウィジェット対応エリアに追加するには、外観 ” ウィジェットにアクセスし、青い「+」ボタンをクリックするだけです。
検索バーに『埋め込み』と入力して、適切なブロックを見つける必要がある。
埋め込み」ブロックが表示されたら、FacebookやInstagramの投稿を表示したいエリアにドラッグします。例えば、WordPressのサイドバーウィジェットにInstagramの写真を表示しています。
Embed」フィールドに、サイトに表示したいInstagramまたはFacebookの投稿のURLを貼り付けるだけです。そして、’Embed’をクリックする。
WordPressは特定の投稿を表示します。
見た目がよければ、「更新」をクリックすれば本番となる。
これで、WordPressサイトにInstagramやFacebookの投稿ステータスが表示されます。
WordPressにInstagramやFacebookのフィードを追加する方法
Smash Balloonプラグイン（無料）を使えば、WordPressサイトにFacebookやInstagramの投稿を簡単に追加できます。
これは、少数の投稿だけを埋め込みたい場合や、各ソーシャル投稿がWordPress上のどこに表示されるかを正確にコントロールしたい場合に最適です。しかし、サイトにカスタム Facebook フィードや Instagram フィードを埋め込みたい場合もあるでしょう。
フィードを作成することで、すべての最新投稿をきれいなレイアウトで表示することができます。さらに良いことに、フィードは自動的に更新されるので、手動でサイトを更新しなくても、訪問者は常に最新の投稿を見ることができます。
そうすることで、常連の訪問者にとっても、サイトを新鮮で興味深いものに保つことができる。
WordPressにInstagramのコンテンツを埋め込みたい場合は、Smash Balloon Instagram Feedプラグインを使うことができる。
Facebookのアルバム、動画、タイムラインの投稿などを表示するフィードを作成したいですか？
次に、Smash Balloon Facebook Feedプラグインを使用します。
WordPressサイトにFacebookとInstagramのフィードを追加したいですか？それなら、Smash Balloon Social Wallをお勧めします。
Smash Balloonプラグインで作成したフィード（Facebook、Twitter、Smash Balloon YouTube Feedなど）を組み合わせることができる強力なプラグインです。
例えば、Facebook FeedとInstagram Feedプラグインを設定した場合、WordPressダッシュボードのSocial Feeds“ Create a Social Wallに アクセスするだけです。
そして、先に進み、『新規追加』をクリックする。
追加したいソーシャルメディア・プラットフォームごとに、「ウォールに追加」をクリックする。
このプラットフォーム用に作成したさまざまなソーシャルメディアフィードがすべて表示されます。使用したいフィードの横にあるラジオボタンを選択するだけです。
例えば、Facebookイベントカレンダーと Instagramアカウントの最新投稿を組み合わせることができます。
それが終わったら、『Create Wall』をクリックする。
Smash Balloonエディターが開き、ソーシャルウォールのあらゆる部分を微調整できます。例えば、WordPressのテーマに合わせて配色を変更することができます。
ソーシャルウォールの外観に満足したら、ソーシャルウォールブロックを使って、任意のページ、投稿、またはウィジェット対応エリアに追加できます。
例えば、ソーシャルウォールをページに追加するには、WordPressのブロックエディターでそのページを開くだけです。ここで「+」アイコンをクリックし、「ソーシャルウォール」と入力する。
適切なブロックが外観されたら、クリックしてページに追加する。
ソーシャルウォールには、作成したばかりのマルチプラットフォームフィードが表示されます。
この投稿が、WordPressでFacebookとInstagramのoEmbed問題を修正する方法を学ぶのにお役に立てば幸いです。WordPressに最適なソーシャルメディアプラグインや、WordPressにFacebookのグループフィードを埋め込む方法についてもご紹介しています。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Ryan Elizabeth
Oh my goodness, THANK YOU for providing this fix! I was loosing my mind just now trying to figure out why none of my Instagram links were embedding. Guess I missed the memo about the October 24 deadline. O:-) Thank you again for saving me lots of headache!
WPBeginner Support
Glad our solutions could help
管理者
Tiffany Clark
The Instagram plugin is glitchy for me. It’s preserved most of the Instagram posts I had in previous content, but when I paste a link in a new piece of content, it doesn’t populate the Instagram post. Any suggestions?
WPBeginner Support
Reach out using the plugin’s support page for assistance to help check and ensure it is not a conflict with a different plugin or something that needs to be fixed
管理者
Soumitra haldar
Thank you so much…. I found my answer… Very helpful full … Thanks a lot
WPBeginner Support
Glad our guide was helpful
管理者
Palle Hyldgård Poulsen
This was great – so easy. Thank you!
WPBeginner Support
Glad our solution was helpful
管理者
Alyssa
I installed both plugins and connected to FB but FB posts are still not auto-embedding in my WP articles!
WPBeginner Support
These plugins are for ensuring your embeds work, not for automatically embedding them on your site.
管理者
Harry
i have an issue of embedding instagram igtv’s after these recent changes. and seems like your plugin solve this issue, but the thing is my site is not only using my personal instagram account, its a platform where bloggers can promote their stuff (igtv) so the question is, being an admin how could i connect various instagram accounts? kindly solve this problem i will be very pleased.
WPBeginner Support
While our solution is not for multiple channel embeds at the moment, we will certainly look into what we are able to do with what Facebook and Instagram allow.
管理者
Karim
How to embed posts even if I am not the FB page admin?
WPBeginner Support
We do not have a recommended method for that at the moment with the options available from Facebook.
管理者
Alyssa Storm
Any idea if this will impact the Facebook “Page Plugin” social plugin
WPBeginner Support
It shouldn’t affect that as this is specifically a change for oEmbeds
管理者
Carl Gross
To fix the issue, your article suggests two plugins by Smash Balloon.
Let’s say I install the Smash Balloon Facebook plugin (Smash Balloon Social Post Feed). Once I do that, will that *automatically* fix all current Facebook oEmbedded content on my site? Or will I have to manually remove all such embeds, and re-add them using the plugin?
WPBeginner Support
Yes, it should automatically fix the issue for any current embeds without needing to recreate them.
管理者
Barbara
So far I have not embedded anything from Facebook. However, our need to do so is coming up fast. And I need to find if there is a way we can embed the live feed into our website?
WPBeginner Support
You would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-embed-a-facebook-video-in-wordpress/
管理者
Julie
Can this be fixed later by activating the plugin or must it be done before it breaks?
WPBeginner Support
You can activate it after but if you are able to now, we would recommend activating the plugin before your embeds break.
管理者
Nierka
Hi,
Do i need what to do if i copy a link from WordPress and paste it on Facebook?
WPBeginner Support
This is for when you post a link from Facebook or Instagram on your site, you do not need this for sharing your site on one of those platforms.
管理者
Faruk Ahmed
thanks, for this
WPBeginner Support
You’re welcome
管理者
Prashanna karn
What about using jetpack plugin to link Facebook and Instagram account to WordPress website?
WPBeginner Support
You would want to reach out to the support for specific plugin for if they have something in place or if they would recommend our solution.
管理者
Rob Pugh
Yes, Jetpack solves this oEmbed issue.
Badiru
Hi,
Thanks for the info.
What about Elemetor IG and FB embedding. Will that also break?
WPBeginner Support
You would want to reach out to the support for specific plugins for if they have something in place or if they would recommend our solution.
管理者
Stephanie
Does this change affect embeds made using Facebook’s Page Plugin?
WPBeginner Support
You would want to reach out to the support for specific plugin for if they have something in place or if they would recommend our solution.
管理者
Graham
Will sharing on jetpack work still?
WPBeginner Support
This article is for oEmbeds, sharing is not normally part of embedding on your site. We would recommend reaching out to the support for the plugin you are wondering about for specific questions like this.
管理者
Babs
Hi, thanks for this!
I’ve implemented instagram media in the past but using a HTML block with the code from Instagram rather than a link and embed. Am I correct in thinking that this will keep on working like before?
Thank you!
WPBeginner Support
For safety, we would still recommend adding the plugin to prevent any future issues.
管理者
Rogerio
There is another issue with the Facebook API: they are not allowing to show the comments count. I use the AddThis plugin and they say they will have an alternative soon. Hope so.
Elaine Savage
Not at all techie so this may be a silly question. Does this have any impact on the simple SFP – Facebook Page Plugin widget that I have in the main sidebar of my front page?
WPBeginner Support
This tutorial is for the default embeds, if you are using a plugin then you would want to reach out to the support for the plugin you are using for how it will handle this change.
管理者
Andy Beard
Is the functionality free for every kind of media that was previously supported by oEmbed by default?
My understanding currently is that for Video oEmbeds the Smash Balloon plugin would have to be upgraded to Pro.
Editorial Staff
Yes all default oEmbed functionality is available for free in the free Smash Balloon plugins (including video oEmbeds).
I think you’re confusing the custom video feed feature that’s listed on the Smash Balloon Pro which is completely separate of oEmbed.
管理者
Andrés
Hi! Great to know all of this, I was wondering…What if I just paste the link directly in my post? will it work? Or will it look like the examples on this post? Because you’re talking about embedding posts instead of copying the links and paste them :O it’ll be good to know!
Editorial Staff
By default, when you currently paste the link in your posts, WordPress oEmbed feature automatically converts it into a proper embed.
That feature will stop working, and for older content it will show the broken layout. For new content, it will just show the URL itself (not embedded content).
管理者