Facebook-Open-Graph-Meta-Tags dynamisch generieren

Dynamische Open-Graph-Meta-Tags erstellen kann eine herausfordernde Aufgabe sein. In diesem Thread stößt ein Entwickler beim Versuch, diese Funktionalität zu implementieren, auf ein Problem.

Dynamische URL-Parameter

Der Schlüssel zu dynamischen Open Graph-Meta-Tags liegt in der Erstellung von URLs, die Parameter einschließen. Dadurch kann der Server bestimmen, welche Daten für die Meta-Tags verwendet werden sollen. Im bereitgestellten Beispielcode wird ein PHP-Skript verwendet, um die Parameter zu analysieren und die erforderlichen Meta-Tags zu generieren.

Die folgende URL kann beispielsweise die Parameter Typ, Gebietsschema, Titel, Bild und Beschreibung angeben dynamisch:

http://mysite.com/index.php?type=restaurant&locale=de_DE&title=stalone&image=arnold&description=hi

Meta-Tag-Struktur

Die Meta-Tags selbst müssen bestimmten Eigenschaften und Namespaces entsprechen. Im bereitgestellten Code sind die folgenden Meta-Tags dynamisch generiert:

• og:site_name
• og:url
• og:type
• og: locale
• og:title
• og:image
• og:description

The Das Meta-Tag og:url ist besonders wichtig, da es die endgültige URL angibt, die der Facebook-Debugger besuchen soll.

Veröffentlichungsaktionen

Sobald die dynamischen Meta-Tags vorhanden sind, Es wird möglich, Aktionen im Stream des Benutzers zu veröffentlichen. Das bereitgestellte Code-Snippet zeigt, wie eine „have_lunch“-Aktion mit benutzerdefinierten Parametern veröffentlicht wird:

FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&\
    expires_in=7200&\
    restaurant='   encodeURIComponent(getRedirectURI()   '?type=restaurant'   '&description=arnold'   '&title=stalone'), 'post', function (response) {
        // Handle response
    });

Durch die dynamische Generierung von Meta-Tags und Parametern ist es möglich, benutzerdefinierte Open Graph-Erlebnisse zu erstellen, die auf bestimmte Seiteninhalte oder Benutzeraktionen zugeschnitten sind.