Kurzanleitung: Facebook-SDK für JavaScript

Das Facebook-SDK für JavaScript bietet umfangreiche clientseitige Funktionen, die:

es dir ermöglichen, den Button „Gefällt mir“ und andere soziale Plug-ins auf deiner Webseite zu nutzen.
es dir ermöglichen, mit Facebook Login die Anmeldung für Personen auf deiner Webseite zu erleichtern.
Aufrufe der Facebook Graph API erleichtern.
Dialoge starten, mit denen Personen verschiedene Handlungen, wie das Teilen von Geschichten, durchführen können.
die Kommunikation erleichtern, wenn du ein Spiel oder einen App-Tab auf Facebook erstellst.

In dieser Kurzanleitung erfährst du, wie du das SDK einrichtest und einige einfache Graph API-Aufrufe damit ausführst. Wenn du das SDK noch nicht einrichten möchtest, kannst du mit unserer JavaScript-Testkonsole alle SDK-Methoden verwenden und einige Beispiele ausprobieren (du kannst die Setup-Schritte überspringen, jedoch den Rest dieser Kurzanleitung in der Konsole testen).

Unterstützte Browser

Das Facebook-SDK für JavaScript unterstützt die beiden aktuellsten Versionen der gängigsten Browser: Chrome, Firefox, Edge, Safari (inklusive iOS) und Internet Explorer (nur Version 11).

Einfaches Setup

Das Facebook-SDK für JavaScript verfügt über keine eigenständigen Dateien, die du herunterladen oder installieren musst. Stattdessen musst du einfach einen kurzen regulären JavaScript-Codeausschnitt in deine HTML aufnehmen, der das SDK asynchron in deinen Seiten lädt. Durch das asynchrone Laden werden keine Ladevorgänge anderer Elemente deiner Seite blockiert.

Der folgende Codeausschnitt entspricht der einfachen SDK-Version, bei der die Optionen auf die am häufigsten verwendeten Standardwerte gesetzt sind. Du solltest ihn direkt nach dem öffnenden <body>-Tag auf jeder Seite einfügen, auf der er geladen werden soll:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      xfbml            : true,
      version          : 'v19.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

Dieser Code lädt und initialisiert das SDK. Du musst den Wert in your-app-id durch die ID deiner eigenen Facebook-App ersetzen. Diese ID findest du im App-Dashboard.

Nächste Schritte

Erweitertes Setup Nutzungsbeispiele