發送到Messenger沒有顯示

我試圖使用Send to Messenger插件，但是如果我嘗試用另一個FB用戶的頁面ID和我的Messenger應用ID初始化它，它不會呈現。這個用戶已經允許我管理他的頁面，所以我從他們中的一個獲得頁面ID（他選擇哪個）。有沒有什麼有關此方案的使者文檔..發送到Messenger沒有顯示

這是我如何做到這一點：

流量：

在使用Facebook的登錄與Facebook的SDK用戶登錄。他給了我manage_pages權限。
我拿他與FB.api頁面（「/ ME /賬戶」），並顯示給用戶
用戶選擇這些頁面
我創建發送到Messenger插件元素與選定的頁面ID的一個和我的應用ID，然後調用FB.XFBML.parse（）來渲染插件。如果頁面沒有連接到應用程序，這不起作用。

我的messenger bot未發佈（仍在開發中）。

事情我沒有結果已經嘗試過： - 與我在我的應用程序創建測試用戶嘗試 - 試圖讓用戶在我的應用程序的設置，測試者的角色

代碼：

<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>

來源

2016-07-11 Ivan Krumov

問題是我的應用程序的webhook沒有訂閱該頁面。如果尚未通過Messenger產品的應用程序設置進行訂閱，或者通過Graph API，則不會顯示該按鈕。

來源

2016-07-18 22:17:30

謝謝！這正是我的問題。 – orta

發送到Messenger沒有顯示

回答

相關問題