「FB-ルート」のdivは、自動作成

Question

を作成されていない、私はエラーに

The "fb-root" div has not been created, auto-creating 

を示すことをログに記録し、私はエラーのためのコンソールが表示されたら、時にはそれは、レンダリング、時にはそのない、私のWebページ上のボタンのようにFBを使用していますall.js で

私はこのコード

<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/all.js#xfbml=1&appId=105911812857824"; 
     fjs.parentNode.insertBefore(js, fjs); 
    } (document, 'script', 'facebook-jssdk')); 
</script> 


<div class="fb-like" data-send="false" data-width="450" data-show-faces="true"> 
        </div> 

Answer 1

使用この次のコードを使用してい

<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&appId=694586437259261&version=v2.0"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

ともあなたはあなたのために働くだろうデータのhref =「等のためのあなたのリンク」を提供しなければならないも

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div> 

をこのコードを置きます。

Answer 2

newer way to initialize the APIがあります。

appIdをURLに埋め込まずにinitメソッドに入れることができます。

彼らはあなたがもうfb-rootを使用することを示唆しません。実際、私はあなたがなぜ必要なのか本当に分かりません。コンソールにはまだ警告が表示されますが、手動で入力する心配はありません。

<script> 

    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'your-app-id', 
     xfbml  : true, 
     version : 'v2.3' 
    }); 
    }; 

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