Facebook Messenger 复选框插件不工作/呈现

Question

我们创建了一个新的 Facebook 应用程序（未审核）并添加了 Messenger 产品。我们已将我们的 Facebook 页面（可见：Public）与我们的应用程序连接起来，并向该应用程序添加了一个 Webhook。如文档中所述，我们还在页面设置中将我们的域列入白名单。但是插件仍然没有被渲染。控制台输出：'Plugin was hidden'

测试时，我们以 Facebook 用户身份登录，该用户在应用程序和页面上都具有管理员角色。

您可以在下面看到我们如何集成 Messenger 复选框插件。作为来源，我们使用集成了插件的域。

<script>
     window.fbAsyncInit = function() {
        FB.init({
            appId: '766805437589568',
            autoLogAppEvents: true,
            xfbml: true,
            version: 'v9.0'
        });

        FB.Event.subscribe('messenger_checkbox', function(e) {
            console.log("messenger_checkbox event");
            console.log(e);

            if (e.event == 'rendered') {
                console.log("Plugin was rendered");
            } else if (e.event == 'checkbox') {
                var checkboxState = e.state;
                console.log("Checkbox state: " + checkboxState);
            } else if (e.event == 'not_you') {
                console.log("User clicked 'not you'");
            } else if (e.event == 'hidden') {
                console.log("Plugin was hidden");
            }

        });
    };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

<div class="fb-messenger-checkbox" 
  origin='https://example.com'
  page_id=100378165398818
  messenger_app_id=766805437589568
  user_ref="%%uniqueIdForEveryRender%%" 
  allow_login="false" 
  size="large" 
  skin="dark" 
  center_align="true">
</div>

在打印屏幕中，您可以看到开发控制台的输出。

console output

我们已经检查了以下 post 。

Answer 1

看起来这是一个与 GDPR 相关的问题： https://developers.facebook.com/docs/messenger-platform/europe-updates#nov-30th-2020

在 table 受影响的功能和具有缓解措施的 API 中，有一个复选框插件条目：

所以我们别无选择，只能等到facebook重新开启服务。

Facebook Messenger 复选框插件不工作/呈现

Facebook Messenger Checkbox Plugin not working / rendering

facebook

facebook-javascript-sdk