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・ブラウザでページが表示できなくなる障害が起きているようです。
そのときも「復旧を待っていたら治った」なので今回もこちらでできることはないので、様子を見ましょう。


WordPressのプラグインはどれを入れたら良い?とりあえず最初に導入をオススメするプラグイン一覧
「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
既存プロジェクトにCompassが導入されている場合に備えて、最低限Sassのコンパイルだけでも行えるようにしておく
Dart Sassを使う上で1番基本的なネストやアンパサンドの書き方|Dart Sass入門
CSSのカスタムプロパティ(変数機能)の使い方
JetpackでのError during WebSocket handshakeの解決方法
Visual Studio Codeでショートカットキーを変更する方法
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
PS Auto Sitemapを使って自分のブログのサイトマップを作成する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
「ヴィパッサナー瞑想」で自分の感情や身体の感覚を客観視する
Keynoteのプリセットカラーを好みの色にカスタマイズする方法
Transmitで特定拡張子のファイルを開くアプリケーションを指定する方法
Backlogフリープランでプライベートの課題管理を行う方法
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
AutoSleepを使って、Apple Watchをつけたまま寝るだけで自動的に睡眠ログを取る!
Chrome拡張機能の「Create Link」を使って簡単にサイトリンクを生成する
BetterTouchToolを使って、ショートカットキーでAirPods ProをMacBook Proに接続する方法
BetterTouchToolでHTMLを使った表示を作成できる「Floating WebView」機能
Nuxt.jsの基本と最初のセットアップ「プロジェクトの作成と起動をするまでの流れ」