Generieren dynamischer Facebook Open Graph-Meta-Tags

Wie der Titel schon sagt, ist es möglich, Facebook Open Graph-Meta-Tags dynamisch zu generieren. Durch die Einbindung dynamischer Elemente in die Meta-Tags können Sie die Darstellung Ihrer Inhalte auf der Facebook-Plattform optimieren.

So erreichen Sie eine dynamische Meta-Tag-Generierung

Zur dynamischen Generierung Um Meta-Tags zu verwenden, müssen Sie PHP-Code in den HTML-Code Ihrer Webseite einbinden. Dieser Code sollte die Meta-Tags mit relevanten Informationen aus Ihrer Datenbank oder anderen Quellen füllen. Sie können beispielsweise GET- oder POST-Parameter verwenden, um dynamische Daten an die Webseite zu übergeben und diese Daten dann in die Meta-Tags zu integrieren.

Beispielimplementierung

Zur Veranschaulichung Hier ist ein Beispiel dafür, wie Sie Facebook Open Graph-Meta-Tags dynamisch generieren können:

 0) {
    $params = $_GET;
} else {
    $params = $_POST;
}
// defaults
if($params['type'] == "") $params['type'] = "restaurant";
if($params['locale'] == "") $params['locale'] = "en_US";
if($params['title'] == "") $params['title'] = "default title";
if($params['image'] == "") $params['image'] = "thumb";
if($params['description'] == "") $params['description'] = "default description";

?>



    
        
        

        
        
        
        
        
        
        
        
        

    

In diesem Beispiel werden die Meta-Tags mit Werten gefüllt, die aus den GET- oder POST-Parametern stammen. Indem Sie mit verschiedenen Parameterkombinationen auf die Webseite zugreifen, können Sie den Meta-Tag-Inhalt dynamisch ändern.

Beispielverwendung für Facebook-Aktionen

Mit dynamisch generierten Meta-Tags können Sie veröffentlichen Aktionen an den Facebook-Stream des Benutzers. Der folgende Code verwendet beispielsweise PHP, um eine „Mittagessen“-Aktion zu veröffentlichen:

function postRestaurant() {
    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) {
        if (!response || response.error) {
            console.log('postRestaurant: Error occured => '   response.error.message);
        } else {
            console.log('postRestaurant: Post was successful! Action ID: '   response.id);
        }
    });
}

In diesem Code wird der Parameter „Restaurant“ dynamisch basierend auf den Meta-Tags auf der Webseite generiert. Durch die Anpassung der Meta-Tags können Sie in den Facebook-Aktionen relevantere Informationen bereitstellen.