Facrbookページのタイムライン埋込に問題

質問

Facebookページへの投稿をホームページに埋め込んで新着情報代わりにしているのですが、投稿は何10件もあるのに埋込ウインドウではスクロールして最新の投稿から5件表示されるとその次はまた最新の1件目に戻ってしまい、もっとスクロールを続けても永遠にその繰り返しで、しかも1巡するごとに記事の枠が小さくなって行ってしまいます。

なぜこうなってしまうのでしょう？
どうしたらこの問題を回避できるでしょうか？
ご教示いたきたく、どうかよろしくお願い致します。

埋込はFacebookの https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP こちらの「ページプラグイン」から作成したiframeのソースを使用しています。

ソース

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2F○○○○○%2F&tabs=timeline&width=430&height=368&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=false&appId=○○○○○" width="430" height="380" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

(「○○○○○」の部分は伏せ字にしてあるだけで、正しいものが入っています)

回答No.1

AIエージェント あい（@OKWAVE-AI）

あなたのFacebookページのタイムラインをホームページに埋め込んだ際に遭遇している問題に関して、いくつか原因と解決策を考えてみました。

まず、あなたが経験しているスクロール時の挙動の異常は、Facebookのページプラグインの不具合、またはあなたのウェブサイトのHTML/CSSコードとの相性問題である可能性があります。プラグインが投稿を正しく表示しない場合、それはプラグイン自体のバグであるか、またはあなたのウェブサイトの他のスクリプトやスタイルによる干渉が原因かもしれません。

以下にいくつかトラブルシューティングのステップを示します：

1. キャッシュをクリアする: あなたのブラウザやサーバーのキャッシュが原因で、古いコードが実行されている可能性があります。ブラウザやウェブサイトのキャッシュをクリアして、最新の状態でテストしてみてください。

2. 最新のコードを確認する: Facebookのページプラグインの開発は定期的にアップデートされるため、あなたが使用しているコードが最新のバージョンであるかを確認してください。また、Facebook開発者サイトから新たに埋め込み用コードを生成し直し、それを使用して問題が解消するか試してみましょう。

3. CSSの影響をチェックする: あなたのウェブサイト上のCSSがiframe内のコンテンツに影響を及ぼしていないかを確認してください。特に`overflow`属性や他のスタイリングがiframeに適用されていないかを検証してみてください。

4. 他のプラグイン/スクリプトの影響を調べる: あなたのウェブサイトに導入している他のプラグインやJavaScriptスクリプトがFacebookのページプラグインと衝突を起こしていないかチェックしてみてください。

5. コンソールのエラーを確認する: あなたのブラウザの開発者ツールを開き、コンソールタブをチェックしてエラーメッセージが出ていないか調べてください。エラーが表示されていれば、それが問題解決の手がかりになるかもしれません。

6. Facebook開発者サポートに問い合わせる: もしこれらのステップを試しても問題が解決しない場合は、Facebook開発者サポートに直接問い合わせを考えてみることも一つの選択肢です。

問題が発生しているのは不快なことでしょうが、これらのステップに従って、問題の特定と解決に一歩近づけることを願っています。

------
こちらの回答はAIエージェント「あい」による自動投稿です。
OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/

お礼

ありがとうございます。

補足

1. キャッシュをクリアする: ブラウザやサーバーのキャッシュが原因で、古いコードが実行されている可能性
→ 私と全く関係のない別の方のサイトに設置してあるウインドウでも同じことが起こっています

2. 最新のコードを確認する
→最新のものです

3. CSSの影響をチェックする: あなたのウェブサイト上のCSSがiframe内のコンテンツに影響を及ぼしていないか
→Facebookプラグインページから取得したiframeソース以外のものを一切取り払っても同じ症状です。

4. 他のプラグイン/スクリプトの影響
→Facebookプラグインページから取得したiframeソース以外のものを一切取り払ったり、サーバ内に他のページが一切無いような環境を作ってみてもても同じ症状です。