拒绝展示..... frame-ancestors https://www.facebook.com

Question

我在我的网站上添加了Facebook客户聊天插件。它第一天工作正常。从第二天开始，它就不起作用了。我在Google Chrome控制台中看到了一条错误消息：

  

拒绝展示   ＆＃39; 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%252Ff11cff6d515fe88%26relation%3Dparent.parent&container_width=0&locale=en_US&minimized=false&ref=front-page&sdk=joey＆＃39;   在一个框架中，因为祖先违反了以下内容安全性   政策指令：＆＃34;框架 - 祖先https://www.facebook.com/＆＃34;。＆＃34;

我用Google搜索了解决方案。每个答案我都看到这是域名白名单问题。 但是我已经在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/

这是控制台错误图像

Answer 1

要避免此消息，需要做两件事：

1. 确保您在HTML中设置了正确的Facebook页面ID。这应该是数字 ID，而不是您在URL中看到的ID。我通过https://findmyfbid.com

   找到了我的网页的数字ID

   示例：

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

2. 将您的网址列入白名单您的网页＆gt;设置＆gt; Messenger平台。确保这与您的域匹配，使用HTTPS协议，如果使用非标准端口，也包括端口。 （然后确保按下保存按钮！）

Answer 2

有几件事：

1. 确保Facebook页面已发布
2. 在Facebook页面设置（Messenger平台）下，添加您的域名。必须是https：//确保域名完全匹配包括www（或缺少）。
3. 使用正确的app_id
4. 使用此page_id（来自步骤3和4）

如果聊天插件适合您而没有其他人，那可能是因为您已登录到FB并且您是页面管理员。检查步骤1＆amp; 2。

Answer 3

确保您的FB页面已发布。

Answer 4

您没有提及有关使用其他插件或CMS的任何信息。您使用纯Word或CMS如WordPress吗？我想知道您的错误配置可能存在问题。请重新检查您的Facebook页面ID。对于任何其他插件，请务必将其打开。

Answer 5

我遇到了同样的问题。如果你在控制台中点击它，你会看到它说： 参数page_id：无效的ID：＆lt; 107153046051560＆gt;

问题只是＆lt;＆gt;。我删除了它，所以它：

它有效。 希望它也适合你。此致

Answer 6

一些常见问题

• 将域名列入白名单
• Facebook页面公开可见
• 正确的页面ID

• 引荐来源网址政策未设置为“无引荐来源”

  其他一些原因，

• 页面通过https加载
• 添加了多个facebook sdk

source, more info

Answer 7

我认为这不是来自facebook，而是来自你的网站。您的浏览器拒绝显示来自＆＃34; bad＆＃34;的iframe来源，在这个案例中是facebook.com。

你可以阅读

• https://developer.mozilla.org/en-US/docs/Web/Security/CSP
• https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

或者绿灯显示来自facebook的任何请求，例如在这个示例中（这不是最好的方法，因为它削弱了对XSS的一些主要保护）：

Stackoverflow上的链接：Content-Security-Policy issue

Answer 8

问题不在于将错误或其他问题列入白名单。它关于谷歌浏览器浏览器问题。如果你用firefox打开，那么信使聊天没问题。我认为铬有问题。

Answer 9

所有这些答案都证明，这可能是出于多种原因。

但是，导致我遇到但未在此处列出此错误的一种情况是，如果您以Test User登录后加载页面。

Answer 10

在“设置客户聊天页面”中，确保已单击“完成”按钮。 如果“完成”按钮为灰色，请先单击“保存”按钮