web-dev-qa-db-ja.com

表示を拒否しました..... frame-ancestors https://www.facebook.com

FacebookカスタマーチャットプラグインをWebサイトに含めました。初日は問題なく動作します。 2日目からは、機能していません。 Google Chromeコンソールにエラーメッセージが表示されました：

' https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=214160985792954&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%の表示を拒否しました2FlY4eZXm_YWu.js％3Fversion％3D42％23cb％3Df157c0f5ff1898c％26domain％3Dwww.fast-pay.cash％26Origin％3Dhttps％253A％252F％252Fwww.fast-pay.cash_enparent_reparent_relation_parent_relation_parent_relation_parent_relation_parents祖先が次のコンテンツセキュリティポリシーディレクティブに違反しているため、フレーム内でfalse＆ref = front-page＆sdk = joey '。「frame-ancestors https://www.facebook.com/ "」

ソリューションをグーグルで検索しました。私がこれまで見てきたすべての答えは、ドメインホワイトリストの問題です。ただし、Facebookページでドメインをホワイトリストに登録しました。

ドメインをホワイトリストに登録するプロセスは次のとおりです。

  1. 最初にページ設定に移動します
  2. メッセンジャープラットフォーム設定の下に、ホワイトリストにドメイン名を入れます

  3. ドメイン名をいくつかのパターンで配置しました。ここに私のパターンを示します

    1. https://www.my-domain.com/
    2. https://www.my-domain.com/
    3. https://my-domain.com/
    4. http://www.my-domain.com/
    5. http://my-domain.com/

コンソールエラーイメージは次のとおりです enter image description here

wordpressfacebookfacebook-messengerfacebook-customer-chat
27
Md. Sahadat Hossain

追加のプラグインまたはCMSの使用については何も言及しませんでした。プレーンPHPまたはWordPressのようなCMSを使用していますか？間違った設定に問題があるのではないかと思います。 FacebookページIDを再確認してください。追加のプラグインについては、必ず有効にしてください。

3
Prokash Sarkar

このメッセージを回避するには、次の2つのことが必要です。

  1. HTMLに正しいFacebookページIDが設定されていることを確認してください。これは、URLに表示されるものではなく、numericIDである必要があります。 https://findmyfbid.com でページの数値IDを見つけました

    例：

    <div class="fb-customerchat" page_id="6708927376315932">
</div>

  2. であなたのドメインをホワイトリストに登録してくださいあなたのページ>設定>メッセンジャープラットフォーム。これがドメインと一致し、HTTPSプロトコルを使用し、非標準ポートを使用している場合はポートも含めるようにしてください。 （そして（Saveボタンを押してください！）

26
Simon East

いくつかのことがあります：

  1. Facebookページが公開されていることを確認する
  2. Facebookページ設定（Messenger Platform）で、ドメインを追加します。 https：//である必要があります。ドメイン名がwww（またはその欠如）を正確に含むようにしてください。
  3. 正しいapp_idを使用してください
  4. このpage_idを使用します（ステップ3および4から）

チャットプラグインがあなたのために機能し、他の人には効果がない場合、FBにログインしていて、ページ管理者であることが原因である可能性があります。手順1と2を確認します。

6
Michael Y.

FBページが公開されていることを確認してください。

4
Jeff H

いくつかのよくあること

  • ドメイン名をホワイトリストに登録する
  • Facebookページは一般公開されています
  • 正しいページID

  • リファラーポリシーが「リファラーなし」に設定されていない

    他のいくつかの理由、

  • httpsを介したページの読み込み
  • 複数のFacebook SDKが追加されました

ソース、詳細

2
bhv

同じ問題がありました。コンソールでそれをクリックすると、「page_id：Invalid id：<107153046051560>」というメッセージが表示されます。

問題は単に<>でした。私はそれを削除したので：

そしてそれは働いた。それがあなたにも役立つことを願っています。よろしく

1
Guillermo

これらすべての答えから明らかなように、これはいくつかの理由で発生している可能性があります。

ただし、私が経験したが、ここにリストされていないこのエラーにつながる1つの条件は、 Test User としてログインしている間にページをロードした場合です。

0
Jeff Bowen

問題は、ホワイトリスト登録の誤りなどではありません。 Google chromeブラウザーの問題について。 Firefoxで開く場合、メッセンジャーチャットに問題はありません。クロムの問題だと思います。

0
afendio

Facebookからではなく、あなたのウェブサイトから来ていると思います。ブラウザは「悪い」ソース（この場合はfacebook.com）からのiframeの表示を拒否します。

あなたは読むことができます

または、この例のようにfacebookからの要求を承認します（XSSに対する主要な保護を弱めるため、これは最善の方法ではありません）。

Stackoverflowでのリンク： Content-Security-Policy issue

0
andi79h