由于 CSP 规则，Facebook 聊天插件无法加载

Question

我正在尝试集成 Facebook 客户聊天小部件:

<div class="fb-customerchat" page_id="{{ fb_app_id }}" minimized="true"></div>

但是它没有加载，我有以下错误:

Chrome :

Refused to display 'https://www.facebook.com/v2.11/plugins/customerchat.php?app_id=APPID&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FlY4eZXm_YWu.js%3Fversion%3D42%23cb%3Df108c14525cffd8%26domain%3Dtokeeen.com%26origin%3Dhttps%253A%252F%252Ftokeeen.com%252Ff21c2952e6dd8fc%26relation%3Dparent.parent&container_width=0&locale=fr_FR&minimized=true&page_id=APPID&sdk=joey' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com".

火狐:

Content Security Policy: « x-frame-options » ignoré en raison de la directive « frame-ancestors ».

我已将 tokeeen.com 域列入白名单。所以我不知道为什么我有这个错误。错误可以是 on this page .

Answer 1

这是一个配置问题，我们将应用程序 ID 而不是您将在 Facebook 页面的管理“关于”选项卡上找到的页面 ID。