Facebookチェックボックスプラグインが隠されたままになる

私はFacebookのCheckbox Pluginをテストページに実装しています（per their documentation）。ただし、チェックボックスはレンダリングされません。それは隠されたままです。Facebookチェックボックスプラグインが隠されたままになる

You can test my page here。

私は同じ問題でいくつかの他の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>

：

以下は私のコードです。 アイデア？

出典

2017-12-28 PoeHaH

あなたのメッセンジャープロファイルであなたのドメインをホワイトリストに入れましたか？ https://developers.facebook.com/docs/messenger-platform/reference/messenger-profile-api/domain-whitelisting – amuramoto

@amuramotoはい、しました。私のリストのポイント1を参照してください:-) – PoeHaH

divにorigin = "maartenbelmans.com/"を設定してみましたか？ Originはドメインのみである必要があります。そのため、プラグインがホワイトリストとの照合を行っている時点で一致するものはありません。

出典

2018-01-03 00:41:03 amuramoto

私はかつて一つ、これらの問題を越え、ドメイン一つは、他のは、私はバージョンwirh周りに遊んでいたとき、あなたは2.8として選択したバージョンも出ていることを確認してくださいでした原点事

だったので、ホワイトリストされた来ました2.6は実際にはそうでないかもしれません、あなたが働いている対応するバージョンを見つけてください

出典

2018-01-03 00:53:16 Ezekiel

Facebookチェックボックスプラグインが隠されたままになる

答えて

関連する問題