埋め込んだfacebookページが突然表示されなくなった原因は…

こんにちは

桜もキレイな春の午後、皆さまいかがお過ごしでしょうか？

久々の更新は、WEBでちょっとハマってしまった「埋め込んだfacebookページが突然表示されなくなった原因」についてです。

あまりないとは思うのですが、もし同じ様な現象でお困りの方がいたらと思ったのでシェアします。ちょっとまぬけな話ではあるのですが、どうぞお付き合いください 

今回、以前作成したとあるクライアントさんのWEBサイトを参照する機会がありまして、気づいたのです。

「あれ？」

facebookページのタイムラインの埋め込みが消えてる！！

なんでー！？？

Facebookページのユーザーネーム変更したから？？
 

Wordpressのバージョン変更とか何かあった？？

Wordpressで新規に Plug-in 追加したっけ？？

わぁ〜何でだろ？って焦って色々原因となりそうな事を調べてみました。

facebookページの「公開範囲」「国別制限」「年齢制限」に制限をかけている → 制限かけてない！公開されてるし誰でも見ることができるになってる。埋め込んだタイムラインも以前は見えてたんだし、変更もしてない。

Script タグが重複してる → してない。JavaScript SDK版でもiframe版でも表示されない。JavaScript版はタイトルテキストの文字リンクだけ表示される。

ローカル環境で見ている → そんなわけない

WordpressのPlug-inと干渉している → 以前に表示を確認した時から新規で追加も更新もしていない

facebook for developers の「ページプラグイン」でコードも再取得して貼り直したし、他にも https: を削除するとか色々なページで解決したとされる方法を試してみるものの一向に表示される気配がなく、

えーーなんでだろー？？？

と途方に暮れてしまいました。

で、、、、、ですよ。

ここでふと、もしや！と原点に戻って

こちら、皆さまご存知「シークレットモード」

で確認してみたのです。

そしたら....

なんと！
 

ちゃんと表示されてた！( ´艸`)w

ってことは、

はい。 別の複数のブラウザやスマホでもちゃんと表示されてました 

なんだ〜〜〜

だいぶ焦ってたんだな〜。私としたことがっ ( ´艸`) w

結局のところ今回の原因は何だったかと言うと、先日試しに追加したChromeブラウザのセキュリティ系の

拡張機能（アドオン）

で、

見えてなかったのは私だけ！

と言う落ちでございます orz ...

もし同じ拡張機能を使っている環境の人がいたら見えてないかも知れないけれど、マイノリティだと思うし対策の予算もないので、今回は 拡張機能外せば解決！と言うことで (´ω｀)ノ

ついWordpressのバージョンUPとかPlug-inの干渉とかの方が気になってしまうのだけれど、ブラウザの拡張機能は灯台下暗しだったわ 

やらなくて良い作業をしてしまったけれど、割と早く原因に気づいてよかったー！ふぅ

拡張機能は色々と便利なのでついつい追加してしまうけれど、確認作業時は当然外さないとなのにねー
  バカっ w

そういえば、以前 常時SSL化の作業していた時にも、クライアントさんの Chromeだけなかなか鍵がかからないと思ったら拡張機能が原因な事があったんだったわ。今思い出した 

ちなみに今回はChromeだったので確認はシークレットウインドウでしたが、各ブラウザ

Google Chrome - シークレットモード
Safari - プライベートブラウズモード

IE - InPrivateブラウズモード

Firefox - プライベートブラウジングモード

いずれも特に設定しなければ拡張機能（アドオン）は無効になるし、検索結果もパーソナライズドされないし、色々とログインしていない状態で閲覧もできるので、確認作業時等には便利に使わせて頂いてます 

シークレットモードは恥ずかしいサイトの閲覧や検索の履歴が残らないだけじゃないんですよー。笑

と言うことで、私がハマったちょっとまぬけな確認作業のお話でした。

それではまたー