javascript - 最適な場所はどこですか そのため、div と fb js の呼び出し: Fb は (body) タグの直後に配置するように指示します。それを使用するすべての wp プラグインは、それをフッターに配置します (wp_just_after_body() がないため、wp_footer())。必要な fb 機能が body タグの後にある場合にのみ機能するという状況が一度ありました。私

Question

そのため、div と fb js の呼び出し: Fb は (body) タグの直後に配置するように指示します。それを使用するすべての wp プラグインは、それをフッターに配置します (wp_just_after_body() がないため、wp_footer())。必要な fb 機能が body タグの後にある場合にのみ機能するという状況が一度ありました。私は違いが何であるか、そしてボディとフッターのどちらがこれに最適な場所であるかを知るのに十分なjsを知りません。

Answer 1

ロードする各ページの開始 body タグの直後。

Facebook SDK ドキュメントからの詳細:

display: none または visibility: hidden を使用して fb-root 要素を非表示にしないでください。非表示にすると、SDK の一部が Internet Explorer で適切に動作しなくなります。

SDK は、要素を fb-root に挿入します。この要素は、本文に対して相対的に配置されるか、ページの上部に近い要素に対して相対的に配置されることが期待されます。fb-root 要素が position: absolute または position: relative の要素内にない場合が最適です。fb-root 要素を配置された要素の内部に配置する必要がある場合は、ボディの上部に近い位置に配置する必要があります。そうしないと、SDK の一部が正しく機能しない可能性があります。

Answer 2

ドキュメントのフッターの近くで js SDK を使用する必要がある場合は、非同期を使用し、SDK が読み込まれて初期化された後にのみ API 呼び出しを行うことをお勧めします。

私が使う。例: すべての API 呼び出しを関数でラップしたとします。

 <div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
    appId  : '135669679827333',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true, // parse XFBML
    channelUrl : 'https://anotherfeed.com/emo/channel.html', // channel.html file
    oauth  : true // enable OAuth 2.0
        });

// facebook has been loaded and init, you can call your api functions from here.
if (window!=window.top) {
FB.Canvas.EarlyFlush.addResource("https://anotherfeed.com/");
setTimeout("FB.Canvas.setAutoGrow(250);", 2000);
toggle('connections');  // my api call
FB.XFBML.parse(loginb); // my api call
}else {
}
// !facebook load and init.
      };
  // 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/all.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>
</body>
</html>