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:
- Te permiten usar el botón Me gusta y otros plugins sociales en el sitio web.
- Te permiten usar el inicio de sesión con Facebook para que las personas encuentren menos obstáculos al registrarse en tu sitio web.
- Facilitan las llamadas a la API Graph de Facebook.
- Inician cuadros de diálogo para que las personas realicen acciones, como compartir historias.
- Facilitan la comunicación cuando creas un juego o una pestaña de la aplicación en Facebook.
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',
xfbml : true,
version : 'v2.8'
});
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.