Facebookの埋め込みができない
Q&A
Closed
解決したいこと
Facebookが正しく埋め込めること
発生している問題・エラー
以下のようにかなり高頻度で表示されます。(99.9%ぐらい）
ブラウザを変えると、「フレーム内で表示されません」的な表示がされる
複数ユーザーで発生しています。
人によっては正しく表示される報告も受けています。
自分で試したこと
- 会社のFacebook権限を得た
- Facebookログイン、未ログインも両方試した
- テストサイトと同一ドメインのappIDを入手した
- 何も考えず、普通のplain htmlに埋め込みタグだけ貼り付けて、Facebookだけが表示されるテストページを作った
- 国別とかのフィルターも確認している
- （本番環境で動いている旧サイトも同じ現象になっています）
- そもそも本番環境では２年前には正しく表示していた
- うちの中ではISP2個、契約先の違うスマホすべてで確認したが、すべて不表示です。（非常に低確率で正しく表示される）
- https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP で https://www.facebook.com/facebook を入れても全く同じ状況になる
facebook.html
<!doctype html><html><head><meta charset="UTF-8"></head>
<body>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v14.0&appId=***********&autoLogAppEvents=1" nonce="*****"></script>
<div class="fb-page" data-href="******" data-tabs="timeline" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="*******" class="fb-xfbml-parse-ignore"><a href="*******">@*******</a></blockquote></div></body></html>
↑以上、すべてだめでした
よろしくお願いします
1
