插件复选框Messenger不会在Chrome和Firefox上显示（即使控制台中显示“插件已渲染”）

Question

我正在尝试在我的网站上呈现Facebook Messenger复选框插件。 它完全可以在Safari上运行，但不能在Chrome和FF中运行。

我遵循了所有FB文档的说明。 我在每次加载页面时都会生成一个随机的user_ref

<script>
    function confirmOptIn() {
        FB.AppEvents.logEvent('MessengerCheckboxUserConfirmation', null, {
            'app_id':'1871369789807458',
            'page_id':'250962921913812',
            'user_ref':'{{$user_ref}}'
        });
    }
</script>
<div class="fb-messenger-checkbox"  
    origin={{ env('APP_URL') }}
    page_id=250962921913812
    messenger_app_id=1871369789807458
    user_ref="{{$user_ref}}"
    prechecked="true"
    allow_login="true"
    size="large"
    skin="light"
    center_align="false">
</div>

我的控制台显示“已渲染插件”，但不是！ 当我在Safari上使用它时，一切正常（订阅，漫游器等）