Cómo cargar javascript facebook api SINCRÓNEA ...?

Question

Quiero cargar facebook api (javascript SDK) sincrónicamente. He visto este código en los desarrolladores de Facebook.

<div id="fb-root"></div> 
<script src="//connect.facebook.net/en_US/all.js"></script> 
<script> 
FB.init({ 
appId  : 'YOUR_APP_ID', 
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File 
status  : true, // check login status 
cookie  : true, // enable cookies to allow the server to access the session 
xfbml  : true // parse XFBML 
}); 
</script> 

y también en referencia a otro enlace http://www.masteringapi.com/tutorials/facebook-javascript-sdk-best-practices/58/ se menciona que "Pero hay que asegurarse de que no se define FB en su propio código JS o bibliotecas!" ....... ........

¡Estoy confundido ...! Por favor, ayúdenme ...

Answer 1

Lo que está haciendo se ve bien.

Las instrucciones que ha visto, "¡Pero debe asegurarse de no definir FB en su propio código JS o bibliotecas!" es simplemente una advertencia para no declarar una variable llamada FB en su aplicación, o va a ocultar el SDK de Facebook.

En su código, en la siguiente línea, puede comenzar a hacer llamadas con FB.api o cualquiera de los otros métodos.

¿Eso ayuda?

Answer 2

Agregar el siguiente código después de la apertura etiqueta html

<div id="fb-root"> 
    </div> 

    <script> 
     window.fbAsyncInit = function() { 
      FB.init({ 
       appId: 'Your APP ID', 
       status: true, // check login status 
       cookie: true, // enable cookies to allow server to access session 
       xfbml: true, // parse XFBML 
       oauth: true 
      }); 
     }; 
    (function() { 
     var e = document.createElement('script'); 
     e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
     e.async = true; 
     document.getElementById('fb-root').appendChild(e); 
    }()); 
    </script> 

Este código se carga el SDK de JavaScript asíncrona.