FacebookやGoogleカレンダーの埋め込みが表示されない

下記のように外部埋め込みコンテンツの表示がおかしいときの対処法です。
※現在の状況での話ですぐ古くなるかもしれないので、最新情報を調べてください。
・Facebookの埋め込みが表示されない（何も出ない/ヘッダーだけ表示される）
・Googleカレンダーの埋め込みで『私はロボットではありません』が表示される

スマホで見れない

まずは状況を確認して、検証端末で再現するか確認してください。
・iOSとバージョン
・OSとバージョン
・ChromeなどほかのOSでも起きるか

対処法

大体は閲覧環境の設定の問題のようです。
iOSであれば最新版にしてsafariの設定を下記のようにしてもらってください。
iPhone>Safari>サイト越えトラッキングを防ぐ>オン　
iPhone>Safari>IPアドレスを非公開>トラッカーから隠す　
それぞれオンになっていたらオフにする。



なお、上の設定がオンになっていても見れる端末もありました。
なので納品時には予想の元に直したので直らなかった場合は設定の詳細などの情報が欲しいと添えてください。

PCで見れない

1

社内環境の場合は会社のセキュリティ関連の問題かもしれないので社外環境で確認いただいてください。

2

念のためFBのJavaScript SDK のバージョンを現行のbaseファイルに合わせてください。
現在はv12.0にしています。
js.src ='https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v12.0';

その他

Facebookの埋め込みで「ヘッダーだけ表示される」場合は、ソースの調整で解消できる可能性があります。
「https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v」のバージョンや、埋め込みコードを確認してみてください。