Comment générer dynamiquement des balises méta Facebook Open Graph ?-tutoriel php-php.cn

Comment générer dynamiquement des balises méta Facebook Open Graph ?

Barbara Streisand

Libérer： 2024-10-22 23:58:29

original

127 Les gens l'ont consulté

How Do You Dynamically Generate Facebook Open Graph Meta Tags?

Génération de balises méta Facebook Open Graph dynamiques

Comme le titre l'indique, il est possible de générer dynamiquement des balises méta Facebook Open Graph. En incorporant des éléments dynamiques dans les balises méta, vous pouvez optimiser la présentation de votre contenu sur la plateforme Facebook.

Comment réaliser une génération dynamique de balises méta

Pour générer dynamiquement balises méta, vous devez inclure du code PHP dans le code HTML de votre page Web. Ce code doit remplir les balises méta avec des informations pertinentes provenant de votre base de données ou d'autres sources. Par exemple, vous pouvez utiliser les paramètres GET ou POST pour transmettre des données dynamiques à la page Web, puis incorporer ces données dans les balises méta.

Exemple de mise en œuvre

À titre d'illustration , voici un exemple de la façon dont vous pouvez générer dynamiquement des balises méta Facebook Open Graph :

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

Copier après la connexion

Dans cet exemple, les balises méta sont renseignées avec des valeurs obtenues à partir des paramètres GET ou POST. En accédant à la page Web avec différentes combinaisons de paramètres, vous pouvez modifier le contenu des balises méta de manière dynamique.

Exemple d'utilisation pour les actions Facebook

Avec les balises méta générées dynamiquement, vous pouvez publier actions sur le flux Facebook de l'utilisateur. Par exemple, le code suivant utilise PHP pour publier une action « déjeuner » :

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

Copier après la connexion

Dans ce code, le paramètre « restaurant » est généré dynamiquement en fonction des balises méta de la page Web. En personnalisant les balises méta, vous pouvez fournir des informations plus pertinentes dans les actions Facebook.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!