Я реализую плагин Facebook Checkbox на тестовой странице, как в соответствии с их документация. Однако флажок не отображается. Он остается скрытым.
Вы можете протестировать мою страницу здесь.
Я столкнулся с несколькими другими вопросами SO с той же проблемой, но ни один из них, похоже, не решает мою проблему. Я убедился:
- что мой домен внесен в белый список моего приложения FB.
user_refвсегда уникален.- Я владелец приложения, поэтому могу тестировать в режиме разработки.
- Я вошел в свою учетную запись FB.
Ниже мой код:
<?php $random_val=rand(100000,999999).rand(100000,999999).rand(100000,999999);?>
<html>
<head>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '472807186447994',
xfbml : true,
cookie : true,
version : 'v2.6'
});
FB.Event.subscribe('messenger_checkbox', function(e) {
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");
}
});
};
(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 confirmOptIn() {
FB.AppEvents.logEvent('MessengerCheckboxUserConfirmation', null, {
'app_id':'472807186447994',
'page_id':'408145106012959',
'ref':'some-ref-here',
'user_ref':'<?php echo $random_val; ?>'
});
}
</script>
<div class="col-md-7">
<div class="fb-messenger-checkbox"
origin="https://maartenbelmans.com/fbtest"
page_id="408145106012959"
messenger_app_id="472807186447994"
user_ref="<?php echo $random_val; ?>"
prechecked="false"
allow_login="true"
size="large">
</div>
</div>
<body>
<input type="button" onclick="confirmOptIn()" value="Confirm Opt-in"/>
</body>
Я не знаю, что делать, чтобы устранить эту проблему. Есть идеи?
