Apps web

Grâce à la boîte Partager, les personnes qui utilisent votre app peuvent partager des actualités Open Graph depuis cette dernière.

Afin d’implémenter la boîte Partager pour les actualités Open Graph :

Configuration de votre app

Utilisez l’Espace App pour accéder aux paramètres de base de votre app, puis recherchez le champ Domaines de l’app. Ajoutez le domaine de l’app dans laquelle implémenter la boîte Partager.

Balises Open Graph

Ajoutez une balise Open Graph pour indiquer la page que les utilisateurs doivent partager. Notez l’URL de cette page, car vous devrez l’ajouter au code de la boîte Partager.

Code de la boîte Partager

L’exemple de code de boîte suivant peut partager une actualité Open Graph sur le journal d’un utilisateur à l’aide de l’action « likes » de la publication.

Placez le script dans l’app que vous avez configurée. Dans le script, remplacez your-app-id par l’ID de votre app.

<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>

Vous pouvez à présent relier la fonction ogShare() à un bouton de votre app web. Lorsqu’un utilisateur clique sur ce bouton, la boîte Partager est déclenchée avec une action « likes » dans le titre.