SafariでFacebookのPage Pluginに「リクエストを処理できませんでした」とダイアログが表示される問題

この記事の要約
2020年の11月11日から発生している、SafariでFacebookのPage Plugin(Facebookページをサイト上に埋め込む機能)を表示しようとすると、「リクエストを処理できませんでした。できるだけ早く解決できるよう、作業中です。」と表示される問題は、Facebook側の問題のため「復旧を待つ」のが結論です。
2020年の11月11日に、SafariでFacebookのPage Plugin(Facebookページをサイト上に埋め込む機能)を表示しようとすると、「リクエストを処理できませんでした。できるだけ早く解決できるよう、作業中です。」と表示されるようになっていました。

自分の結論は「Facebook側の問題のようなので、こちらからはどうすることもできない」なののですが、こうした現象が起こったときに、「自分たちで設定などでどうにかなる問題なの?それともどうしようもない問題なの?」の判断方法についてまとめておきます。
2020年11月21日:追記
Twitterにて、ブラウザの「サードパーティのCookieをブロックする」の設定になっているとこの表示になるそうです。
Safari以外も、ほとんどのブラウザが影響を受けてるようですが、原因はCookieぽいですね。ブラウザが「サードパーティのCookieをブロックする」設定になってると、表示されるようです。
— カナかな団首領(銀河辺境) (@shokodei) November 14, 2020
自分の場合はSafariだけがこの設定になっていたのでSafariだけ表示されて、他のブラウザでは問題なかったようです。
現象の把握
1. キャッシュやデバイスを変えて確認
まずは「自分だけでなく、他の人も同じ現象が発生するかどうか?」を確認します。
キャッシュが悪さしている可能性もあるので、キャッシュを削除してみたり、現象を把握するためにブラウザやデバイスを変えて確認します。
- キャッシュを削除してみる
- ブラウザを変えてみる
- デバイスを変えてみる
ちなみに今回の場合は、これでSafari(macOS・iOS両方)で発生していることが分かりました。
2. Facebookページに直接アクセスして確認
自分の環境だけで起きているキャッシュなどの問題ではないことが分かったら、Facebook側の問題かどうかを確認します。
ファイルを触った覚えがないか思い出したり、Page Pluginの埋め込みではなく、直接Facebookページを開いてみたりします。
- 最近ファイルを触ったことがないか?(ある場合は何をしたか確認する)
- Page Pluginではなく、直接Facebookページを開いてみる
今回の場合は、Facebookページにアクセスすると同様のダイアログが表示されたので、Page Plugin関係なく完全にFacebook側の問題だと切り分けられます。
3. 他のサイトでも同様の現象が起こっているか?
それでも不安な場合は、他サイトでも同様の現象が起こっているかどうか確認します。
今回の場合は、他サイトのPage Pluginにも同じダイアログが表示されていたので、他サイトで起こっている現象だと説明できます。
過去の事例
Facebookは以前も特定のOS・ブラウザでページが表示できなくなる障害が起きているようです。
そのときも「復旧を待っていたら治った」なので今回もこちらでできることはないので、様子を見ましょう。


スマホやPCにプッシュ通知をしてくれる「Push7」をブログに追加する方法
JavaScriptのテンプレートリテラル内で条件分岐を行う方法
既存プロジェクトにCompassが導入されている場合に備えて、最低限Sassのコンパイルだけでも行えるようにしておく
WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう
WordPressのカスタムメニューでは、内部リンクに対してカスタムリンクは使わない!
Nuxt.jsでVuexストア連携を行う方法|Nuxt.jsの基本
WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認
PS Auto Sitemapを使って自分のブログのサイトマップを作成する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Vue Routerでページ遷移後にトーストを表示させる方法
Macログイン時に自動起動するアプリの管理方法
Figmaで簡単に波の素材を生成するプラグイン「Get Waves」
js-cookieでウェブサイトのダークモード表示設定をユーザーごとに保存しておく方法
Macで録画から編集までが比較的簡単にできるScreenFlow 8の基本操作
Visual Studio CodeでMovable TypeのMTMLファイルを開く拡張機能「Movable Type Markup Language Syntax」
iTerm2終了時に表示される確認ダイアログを非表示にする
CSS Nite in Kobe, vol.43「ウェブページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」に参加してきました
Google日本語入力の基本的な設定項目
様々な作業を自動化するgulpの基礎と導入方法