Maison  >  Article  >  développement back-end  >  Comment générer dynamiquement des balises méta Facebook Open Graph ?

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

Barbara Streisand
Barbara Streisandoriginal
2024-10-22 23:58:29223parcourir

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>

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>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn