Facebookの埋め込み（ページプラグイン）でエラーが発生する場合の対策

いつ頃からかわかりませんが、サイトに埋め込んだFacebookのページプラグイン（フィードを表示するパーツ）でエラーが表示されるようになっていました。

そして、ダイアログのエラーをクリックするとずっとローディングアイコンになります。

いろいろ検証した結果、2022年7月の時点ではFacebookからログアウトしていると正常に表示され、ログインしているとエラーとなります。

何だか不思議な不具合ですが、Facebookにログインしたままの人も多いと思うので放っておく訳にはいきません。

いろいろ探した結果、下記のページでページプラグインのパラメータを変えるとエラーが解消されるという情報を得たので試してみたところ、見事に解決しました。

ChromeやEdgeでFacebookのページプラグインが表示されない対処方法 | Digitalyze

ただし、最初に注意点として書いておきますが、この方法では本来は使われなくなった属性を使用します。なので、この方法がいつまで使えるかは分かりません。

data属性を修正する

通常、タイムラインを表示するように設定すると下記のようなコードになります。

黄色のマーカを引いた部分（data-tabs="timeline"）を削除して下記のように（data-show-posts="true"）を書き加えます。

これでエラー無しで正常に表示されるようになります。

これで一件落着ですが、Facebookの公式サイトを見ると下記のように書かれています。

使われなくなった属性
属性data-show-postsは使用されなくなりました。属性tabs/data-tabsを使用してください。Facebookページのタイムラインから投稿を表示するには、値timelineを使用します。

ページプラグイン – ソーシャルプラグイン

使われなくなった属性を設定すると正常に表示されるということは、今回の現象はバグである可能性が非常に高いです。このバグが修正された時点で今回の方法は使えなくなる可能性があるので、その動向には注意する必要がありそうです。

頻繁に確認するようなサイトではない場合、Facebook側が修正するまで放置しておいた方が良い可能性もあるでしょう。この方法を適用するかどうかはサイトの管理状況も踏まえて決めるようにしましょう。