发送到 Messenger 按钮未显示答案

【问题标题】：Send to Messenger button not showing发送到 Messenger 按钮未显示
【发布时间】：2017-07-16 07:30:58
【问题描述】：

我正在尝试使用 Send to Messenger 插件，但如果我尝试使用另一个 FB 用户的页面 ID 和我的 Messenger 应用 ID 对其进行初始化，它不会呈现。该用户已授予我管理他的页面的权限，因此我从其中一个获取页面 ID（他选择哪个）。 Messenger 文档中没有关于这种情况的任何内容..

这是我的做法：

流程：

用户使用 Facebook 登录和 Facebook SDK 登录。他给了我 manage_pages 权限。
我使用 FB.api('/me/accounts') 获取他的页面并将其显示给用户
用户选择这些页面之一
我使用选定的页面 ID 和我的应用 ID 创建了一个 Send to Messenger 插件元素，然后调用 FB.XFBML.parse() 来呈现插件。如果页面似乎没有连接到应用程序，这将不起作用。

我的 Messenger 机器人尚未发布（仍在开发中）。

我已经尝试过但没有结果的事情： - 与我在我的应用程序中创建的测试用户一起尝试 - 尝试在我的应用设置中为用户提供测试者角色

代码：

<html>
<body>
    <script>
        // If user is logged in to FB get his pages
        function statusChangeCallback(response) {
            if (response.status === 'connected') {
                fetchPages();
            }
        }

        // Login listener
        function checkLoginState() {
            FB.getLoginStatus(function(response) {
                statusChangeCallback(response);
            });
        }

        // Initialize FB
        window.fbAsyncInit = function() {
            FB.init({
                appId: 'XXXX',
                cookie: true,
                xfbml: true,
                version: 'v2.6'
            });

            FB.getLoginStatus(function(response) {
                statusChangeCallback(response);
            });
        };

        // Load the SDK asynchronously
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id))
                return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        function fetchPages() {
            FB.api('/me/accounts', function(response) {

                if (response && response.data && !response.error) {

                    // Get all pages managed by the logged in user
                    var pages = response.data;
                    var pageIds = [];
                    pageList.innerHTML = '';

                    // User selects one of these pages, let's say first one
                    var selectedPage = pages[0];

                    var pageSelector = document.getElementById('pageSelector');
                    pageSelector.addEventListener("click", function() {

                        // Create the Send to Messenger element with
                        // messenger_app_id: my app's ID
                        // page_id: ID of the selected page
                        var sendToMessengerWrapper = document.getElementById('sendToMessengerWrapper');
                        sendToMessengerWrapper.innerHTML = '';

                        var plugin = document.createElement('div');
                        plugin.setAttribute('class', 'fb-send-to-messenger');
                        plugin.setAttribute('messenger_app_id', 'XXXX');
                        plugin.setAttribute('page_id', selectedPage.id);
                        plugin.setAttribute('data-ref', 'ref');
                        plugin.setAttribute('color', 'blue');
                        plugin.setAttribute('size', 'standard');
                        sendToMessengerWrapper.appendChild(plugin);

                        // Re-render the button - this only worked the for page directly connected to my app. 
                        FB.XFBML.parse(document.getElementById('sendToMessengerWrapper'));
                    });
                }
            });
        }
    </script>

    <!-- Notice the permissions I am requesting -->
    <fb:login-button id="logInBtn" scope="manage_pages,pages_messaging,pages_messaging_phone_number" onlogin="checkLoginState();">
    </fb:login-button>

    <input type="button" id="pageSelector" value="Connect page"/>

    <!-- Plugin button should be rendered inside this element -->
    <div id="sendToMessengerWrapper"></div>  

</body>

【问题讨论】：

标签： facebook facebook-javascript-sdk facebook-messenger

【解决方案1】：

问题是我的应用程序的 webhook 未订阅该页面。如果未通过 Messenger 产品的应用设置或通过 Graph API 进行订阅，则不会出现该按钮。

【讨论】：

谢谢！这正是我的问题。