1
メッセンジャーに送信プラグインを使用しようとしていますが、他のFBユーザーのページIDとメッセンジャーアプリIDで初期化しようとするとレンダリングされません。このユーザーは既に自分のページを管理する権限を私に与えているので、ページIDを取得しています(どちらがどちらかを選択します)。このシナリオについてのメッセンジャーのドキュメントでは何も...メッセンジャーに送信ボタンが表示されない
ここでは、私はそれを行う方法はありません。
フロー:
- FacebookのSDKでFacebookログインを使用してユーザーがログイン。彼は私にmanage_pages許可を与えます。
- 私は、ユーザーが、私が選択したページIDとメッセンジャーのプラグイン要素に送信を作成し、これらのページの1
- を選択FB.apiと彼のページをフェッチ(「/私は/アカウント」)と
- ユーザーにそれらを表示と私のアプリケーションIDは、プラグインをレンダリングするためにFB.XFBML.parse()を呼び出します。ページがアプリに接続されていない場合は、これは機能しません。
私のメッセンジャーボットは公開されていません(まだ開発中です)。私は結果なしですでに試さ
もの: - 私は私のアプリ で作成したテストユーザーに試してみましたが - ユーザーが自分のアプリの設定でテスターの役割を与えてみました
コード:
<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>
ありがとうございます!これはまさに私の問題でした。 – orta