Wie generiert man dynamisch Facebook Open Graph-Meta-Tags?

Barbara Streisand
Freigeben: 2024-10-22 23:58:29
Original
220 Leute haben es durchsucht

How Do You Dynamically Generate Facebook Open Graph Meta Tags?

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:

<code class="php"><?php

$params = array();
if(count($_GET) > 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";

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# MY_APP_NAME_SPACE: http://ogp.me/ns/fb/MY_APP_NAME_SPACE#">
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <!-- Open Graph meta tags -->
        <meta property="fb:app_id" content="MY_APP_ID" />
        <meta property="og:site_name" content="meta site name"/>
        <meta property="og:url" content="http://mysite.com/index.php?type=<?php echo $params['type']; ?>&amp;locale=<?php echo $params['locale']; ?>&amp;title=<?php echo $params['title']; ?>&amp;image=<?php echo $params['image']; ?>&amp;description=<?php echo $params['description']; ?>"/>
        <meta property="og:type" content="MY_APP_NAME_SPACE:<?php echo $params['type']; ?>"/>
        <meta property="og:locale" content="<?php echo $params['locale']; ?>"/>
        <meta property="og:title" content="<?php echo $params['title']; ?>"/>
        <meta property="og:image" content="http://mysite.com/img/<?php echo $params['image']; ?>.png"/>
        <meta property="og:description" content="<?php echo $params['description']; ?>"/>

    </head>
</html></code>
Nach dem Login kopieren

In diesem Beispiel werden die Meta-Tags mit Werten gefüllt, die aus den GET- oder POST-Parametern erhalten wurden. Durch den Zugriff auf die Webseite mit verschiedenen Parameterkombinationen 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:

<code class="php">function postRestaurant() {
    FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&amp;\
    expires_in=7200&amp;\
    restaurant=' + encodeURIComponent(getRedirectURI() + '?type=restaurant' + '&amp;description=arnold' + '&amp;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);
        }
    });
}</code>
Nach dem Login kopieren

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.

Das obige ist der detaillierte Inhalt vonWie generiert man dynamisch Facebook Open Graph-Meta-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage