Inicio rápido: SDK de Facebook para JavaScript

El SDK de Facebook para JavaScript proporciona un amplio conjunto de funciones del lado del cliente que:

El SDK, los plugins sociales y los cuadros de diálogo funcionan en navegadores para ordenador y para móvil.

En esta guía de inicio rápido se mostrará cómo configurar el SDK para realizar llamadas básicas a la API Graph. Si todavía no quieres configurarlo, con la consola de pruebas de JavaScript puedes usar todos los métodos del SDK y ver algunos ejemplos (puedes omitir los pasos de configuración y el resto de la guía se puede probar en la consola).

Configuración básica

Puedes utilizar el SDK de Facebook para JavaScript sin necesidad de descargar ni instalar ningún archivo independiente. Solo necesitas incluir un pequeño fragmento de código JavaScript común en el código HTML que cargará de forma asíncrona el SDK en tus páginas. La carga asíncrona del SDK no bloqueará la de otros elementos de la página.

El siguiente fragmento de código contiene la versión básica del SDK. En esta versión, las opciones están configuradas en su forma predeterminada más común. Insértalo directamente después de la etiqueta de apertura <body> en todas las páginas en las que quieras cargarlo:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      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>
    

Este código cargará e inicializará el SDK. Reemplaza el valor de your-app-id por el identificador de tu propia aplicación de Facebook. Puedes buscar este identificador mediante el panel de aplicaciones.