我在我的网站上包含了 Facebook 客户聊天插件。第一天效果很好。从第二天开始，它不工作了。我在 Google Chrome 控制台中看到一条错误消息:
Refused to display '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' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com/"."
我用谷歌搜索了解决方案。我看到的每个答案都是域白名单问题。 但我已在 Facebook 页面中将我的域列入白名单。
这是我将域名列入白名单的过程
首先我进入我的页面设置
在信使平台设置下我把我的域名加入白名单
我已将我的域名置于多种模式中。在这里，我给你我的模式
https://www.example.com/https://www.example.com/https://example.com/http://www.example.com/http://example.com/
这是控制台错误图像
最佳答案
要避免此消息，需要做两件事:
确保您在 HTML 中设置了正确的 Facebook 页面 ID。这应该是数字 ID，而不是您在 URL 中看到的。我通过 https://findmyfbid.com 找到了我页面的数字 ID
例子:
<div class="fb-customerchat" page_id="6708927376315932"> </div>在您的页面 > 设置 > Messenger 平台 将您的域列入白名单。确保这与您的域匹配，使用 HTTPS 协议(protocol)，如果使用非标准端口，也包括端口。 (然后确保您点击了保存按钮!)
关于wordpress - 拒绝显示..... frame-ancestors https ://www. facebook.com，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47736650/