2017-08-24 14 views
0

ページにFacebookのログインボタンを表示するために必要なコードが含まれています。しかし、ボタンが表示されない場合は、私のコードを読んで、問題があれば教えてください。ありがとうfacebookログインボタンが私のページに表示されない

私は2可能性のある問題があると思い
<!DOCTYPE html> 
<html> 
<body> 

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     vappId   : '486506335043368', 
     autoLogAppEvents : true, 
     xfbml   : true, 
     version   : 'v2.10' 
    }); 
    FB.AppEvents.logPageView(); 
    }; 

    (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')); 
</script> 

<div id="fb-root"></div> 
<script>(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#xfbml=1&version=v2.10&appId=486506335043368"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-login-button" data-max-rows="1" data-size="large" data- button-type="continue_with" data-show-faces="false" data-auto-logout- link="false" data-use-continue-as="false"></div> 


</body> 
</html> 
+0

エラーが発生しますか? –

+0

ブラウザのコンソールを確認してください。ブラウザでHTTP/HTTPS経由で呼び出すページでこれをテストしていますか? – CBroe

+0

[Facebookのサンプルコードを使用してリソースを読み込めませんでした]の複製があります(https://stackoverflow.com/questions/15669167/failed-to-load-resource-using-facebooks-example-code) – ViktorG

答えて

1

js.src="https://connect.facebook.net/en_US/all.js";

2)私はFacebookがローカルからの呼び出しをサポートしていないと思う:あなたはへの割り当てをjs.src変更する必要が

1)ファイルの場合、スクリプトはhttp://またはhttps:// URIを持つファイルで実行する必要があります。

これを参照してくださいanswer

関連する問題