SDK para JavaScript: ejemplos

Lee nuestra guía de inicio rápido para obtener más información sobre cómo cargar e inicializar el SDK de Facebook para JavaScript y nuestra guía de configuración avanzada para personalizar la implementación. A continuación, prueba nuestros ejemplos de uso del SDK:

• Activar un cuadro de diálogo de contenido compartido
• Inicio de sesión con Facebook

Activar un cuadro de diálogo de contenido compartido

Gracias al cuadro de diálogo de contenido compartido, los usuarios que usen una página pueden publicar un enlace en su biografía o crear una historia de Open Graph. Los cuadros de diálogo que se muestran al usar el SDK para JavaScript adoptan automáticamente el formato del contexto en el que se cargan (sitios web para móviles u ordenadores).

A continuación, te mostramos cómo utilizar el método FB.ui() del SDK para invocar un cuadro de diálogo de contenido compartido muy básico. Añade este fragmento de código después de la llamada FB.init() en el código de configuración básica:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

Cuando vuelvas a cargar la página, verás que en la parte superior aparece un cuadro de diálogo de contenido compartido. Cuando se cierra el cuadro de diálogo (ya sea al publicar la historia o al cancelarla), se activará la función de respuesta.

Lee la documentación de referencia de FB.ui para ver una lista completa de los parámetros que se pueden usar y la estructura del objeto de respuesta.

Inicio de sesión con Facebook

Gracias al inicio de sesión con Facebook, los usuarios pueden registrarse o iniciar sesión en tu aplicación con su identidad de Facebook.

Disponemos de una guía completa sobre cómo implementar el inicio de sesión con Facebook mediante el SDK para JavaScript. Sin embargo, de momento solo utilizaremos un código de muestra básico para que veas su funcionamiento. Inserta el fragmento siguiente después de la llamada FB.init original:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

Lee la guía de inicio de sesión para saber exactamente qué sucede en este caso; sin embargo, cuando vuelvas a cargar la página deberías ver el cuadro de diálogo de inicio de sesión para tu aplicación, en caso de que no le hayas concedido permiso todavía.