Wie generiert man dynamisch Facebook Open Graph-Meta-Tags?-PHP-Tutorial-php.cn

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

Barbara Streisand

Freigeben： 2024-10-22 23:58:29

Original

127 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!