Web-Apps

Du kannst den Dialog „Teilen“ verwenden, um den Nutzern deiner App das Teilen von Open Graph-Meldungen aus deiner App zu ermöglichen.

So implementierst du den Dialog „Teilen“ für Open Graph-Meldungen:

Konfigurieren deiner App

Greife im App-Dashboard auf die Basiseinstellungen deiner App zu und suche das Feld „App Domains“. Füge die Domain der App hinzu, in der du den „Teilen“-Dialog implementieren möchtest.

Open Graph-Markup

Füge Open Graph-Markup zu der Seite hinzu, die deine Nutzer teilen sollen. Notiere dir die URL für diese Seite, da du diese zum Code des „Teilen“-Dialogs hinzufügen musst.

Code für Dialog „Teilen“

Der folgende Beispielcode kann eine Open Graph-Meldung in der Chronik eines Nutzers mit der Handlung „Gefällt mir“ im Beitrag teilen.

Platziere das Skript in der weiter oben konfigurierten App. Ersetze your-app-id im Skript durch die App-ID deiner 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>

Jetzt kannst du die ogShare()-Funktion mit einem Button in deiner Web-App verknüpfen. Wenn ein Nutzer auf den Button klickt, wird der Dialog „Teilen“ mit einer „Gefällt mir”-Handlung in der Überschrift ausgelöst.