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 computadoras y para celulares.

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, puedes usar nuestra consola de pruebas de JavaScript para utilizar todos los métodos del SDK y ver algunos ejemplos (puedes omitir los pasos de configuración, pero el resto del contenido de esta guía se puede probar en la consola).

Configuración básica

Para utilizar el SDK de Facebook para JavaScript no es necesario descargar ni instalar ningún archivo independiente. Solo necesitas incluir un breve fragmento de código JavaScript en tu HTML que cargará asincrónicamente el SDK en tus páginas. La carga asincrónica del SDK no bloqueará la de otros elementos de la página.

El siguiente fragmento de código te mostrará la versión básica del SDK, con las opciones configuradas en sus valores predeterminados más comunes. Insértalo directamente después de la etiqueta <body> de apertura en cada página en la 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 se cargará e inicializará el SDK. Debes reemplazar el valor de your-app-id con el identificador de tu aplicación de Facebook. Puedes buscar este identificador mediante el panel de aplicaciones.