Aplicaciones web

Puedes usar el cuadro de diálogo de contenido compartido para permitir a los usuarios de tu aplicación compartir historias de Open Graph desde tu aplicación.

Si quieres implementar el cuadro de diálogo de contenido compartido para las historias de Open Graph:

Configurar tu aplicación

Usa el panel de aplicaciones para acceder a la configuración básica de tu aplicación y localizar el campo Dominios de la aplicación. Agrega el dominio de la aplicación a donde implementarás el cuadro de diálogo de contenido compartido.

Marcado de Open Graph

Usa marcado de Open Graph para marcar la página que quieres que compartan tus usuarios. Anota la URL de esta página porque tendrás que agregarla al código del cuadro de diálogo de contenido compartido.

Código del cuadro de diálogo de contenido compartido

El siguiente código del cuadro de diálogo de ejemplo puede compartir una historia de Open Graph en la biografía de un usuario con la acción "Me gusta" en la publicación.

Coloca el script en la aplicación que configuraste anteriormente. En el script, reemplaza your-app-id con el identificador de la aplicación.

<script type="text/javascript">

// Initialize the Facebook JS SDK.
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.1'
    });

    // Put additional init code here
  };

  // Load the Facebook JS SDK Asynchronously
  (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 = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));

    // Custom function to call when user initiates a share
    function ogShare() {
       FB.ui({
         method: 'share_open_graph',
         action_type: 'og.likes',
         action_properties: JSON.stringify({
             object:'https://developers.facebook.com/docs/opengraph/getting-started',
         })
    }, function(response){
         // Debug response (optional)
         console.log(response);
    });
  }

</script>

Ahora puedes vincular la función ogShare() a un botón en tu aplicación web. Cuando un usuario hace clic en el botón, iniciará el cuadro de diálogo de contenido compartido con la acción "Me gusta" en el título.

Próximos pasos

A continuación figuran los pasos que puedes dar en lo sucesivo para seguir familiarizándote con Open Graph: