Intégration de Google Tag Manager avec Google Analytics

:bookmark: Ce guide vous aidera à configurer Google Tag Manager et à l’utiliser avec Google Analytics sur votre site Discourse. De plus, il couvre la configuration des variables, des déclencheurs et des balises dans Google Tag Manager pour suivre les pages vues.

:information_source: Ce guide couvre la configuration de Google Tag Manager. Si vous souhaitez uniquement activer Google Analytics pour votre site, définissez la balise G dans le paramètre de site ga universal tracking code. Nos paramètres peuvent encore faire référence à toutes les analyses comme étant « universelles », mais il s’agit d’un artefact de dénomination de champ hérité. Les instructions suivantes utilisent, et fonctionnent pour, les balises Google.

:person_raising_hand: Niveau d’utilisateur requis : Administrateur

L’intégration de Google Tag Manager (GTM) avec Google Analytics (GA) vous permet de gérer et de suivre efficacement les événements sur votre site Discourse. Ce guide couvre l’ensemble du processus de configuration, de la création d’un compte GA à la configuration de GTM avec les balises et les déclencheurs nécessaires.

Résumé

  1. Créez un compte et une propriété Google Analytics.
  2. Configurez Google Tag Manager.
  3. Configurez les variables, les déclencheurs et les balises GTM.
  4. Intégrez GTM à votre site Discourse.

Créer un compte Google Analytics

  1. Visitez Google Analytics et connectez-vous avec votre compte Google.

  2. Si vous n’avez pas encore de compte, suivez les étapes guidées pour en créer un.

  3. Créez une propriété en cliquant sur « Admin » puis sur « Créer une propriété ».

  4. Remplissez les détails requis sur l’écran « Création de propriété ».

  5. Entrez les détails de votre entreprise sur l’écran suivant.

  6. Sélectionnez vos objectifs commerciaux de manière appropriée.

:information_source: Info : La sélection des quatre sections correspondra le plus étroitement aux rapports qu’Analytics a généralement fournis :

  1. Choisissez « Web » comme plateforme pour la collecte de données.

  2. Configurez un flux de données en entrant l’URL de votre site et un nom de flux.

:information_source: Après avoir créé avec succès votre flux web, notez votre ID de mesure. Vous en aurez besoin pour la configuration GTM.

Configurer Google Tag Manager

  1. Visitez Google Tag Manager et créez un compte.
  2. Configurez un conteneur en suivant les étapes guidées et choisissez « Web » comme plateforme.

Configurer GTM

Variables

  1. Accédez à l’onglet « Variables » dans GTM et cliquez sur « Nouvelle » dans la section Variables définies par l’utilisateur.
  2. Créez deux variables de couche de données :
  • Titre : DL-page-title
    Type : Variable de couche de données
    Nom de la variable de couche de données : page.title
    Version de la couche de données : 2

  • Titre : DL-page-url
    Type : Variable de couche de données
    Nom de la variable de couche de données : page.url
    Version de la couche de données : 2

À titre d’exemple, choisissez le type de variable :

Configurez ensuite les variables, comme dans cet exemple :

Déclencheurs

  1. Accédez à l’onglet « Déclencheurs » et cliquez sur « Nouveau ».

  2. Choisissez « Événement personnalisé » comme type.

  3. Nommez le déclencheur virtualPageView et enregistrez-le.

    Le résultat final devrait ressembler à ceci :

Balises

  1. Accédez à l’onglet « Balises » et créez une nouvelle balise.

  2. Choisissez Google Analytics : Balise Google comme type de balise.

  3. Configurez la balise avec les détails suivants :

  • ID de mesure : Entrez votre ID de mesure de GA.
  • Champs requis à définir :
    • title : {{DL-page-title}}
    • page : {{DL-page-url}}
    • send_page_view : true
    • page_path : {{Page Path}}

Une fois terminé, cela devrait ressembler à ceci (notez que vous pouvez ajouter un paramètre userID en plus des paramètres ci-dessus, mais vous devrez ajouter une variable supplémentaire comme DL-page-url.) :

  1. Choisissez le déclencheur virtualPageView pour cette balise.
  2. Nommez votre balise et enregistrez-la.

Publier votre espace de travail GTM

Publiez votre conteneur dans GTM en cliquant sur le bouton bleu « Soumettre » dans le coin supérieur droit de la page.

:warning: Important : Si vous rencontrez des erreurs 404 provenant de googletagmanager.com, assurez-vous que les modifications de votre conteneur GTM ont été publiées.

Intégrer GTM à Discourse

  1. Accédez aux paramètres d’administration de votre Discourse et recherchez gtm container id.
  2. Entrez votre ID de conteneur GTM (format : GTM-XXXXXX) dans le champ correspondant.

:warning: Note : Supprimez tout code de suivi Analytics existant des paramètres ga universal tracking code et ga tracking code dans Discourse.

Actualisez votre site et vérifiez la vue Contenu en temps réel dans GA pour confirmer que les données circulent via GTM.

Utilisations supplémentaires

Avec GTM, vous pouvez ajouter d’autres balises pour suivre des événements supplémentaires tels que :

Liens connexes

47 « J'aime »

Comme indiqué, la balise de configuration GA4 a été supprimée et vous choisirez désormais la balise Google. Les étapes de configuration restent les mêmes, mais j’ai mis à jour la documentation.

Pour tous ceux qui avaient précédemment configuré la balise GA4, elle aurait dû être mise à jour automatiquement et ne nécessiter aucune modification de votre part.

Il convient de mentionner que cette configuration n’est pas optimale en termes de meilleures pratiques actuelles de GA4/GTM et que l’étape n° 2 dans la section Déclencheurs semble incorrecte.

Au lieu d’un déclencheur de vue de page, il devrait s’agir d’un déclencheur d’événement personnalisé nommé virtualPageView.

cookieDomain = auto semble être un vestige d’Universal Analytics et n’est pas nécessaire. GA4 gère automatiquement la navigation entre les sous-domaines.

Une autre meilleure pratique consiste à faire en sorte que la balise Google se déclenche à l’initialisation, avec send_page_view défini sur false et, à la place, une balise d’événement GA4 distincte pour page_view.

Lorsque nous l’avons implémenté, nous avons également ajouté un remplacement pour page_location avec l’URL complète du site + le chemin de la page virtuelle. Cela remplira correctement les rapports GA4 standard.

1 « J'aime »

Salut Stefan,

Merci pour ces notes.

J’ai mis à jour l’étape n° 2 de la section Déclencheurs car j’avais déjà des captures d’écran correspondantes, et nous mettrons le reste à jour dès que possible.

2 « J'aime »

Description :

Je rencontre un problème avec Google Tag Manager (GTM) sur mon forum Discourse. Voici ma configuration et le problème en détail :

  1. Configuration GTM :

    • J’ai configuré un conteneur Google Tag Manager (ID : GTM-…MZV).
    • À des fins de test, j’ai ajouté une balise Google Analytics 4 dans GTM, configurée pour se déclencher sur toutes les pages lors de l’initialisation.
    • Je n’ai ajouté aucun déclencheur complexe, couche utilisateur ou couche de données. Il s’agit simplement d’une configuration de base pour vérifier que GTM fonctionne.
  2. Intégration GTM avec Discourse :

    • Dans mon forum Discourse, j’ai configuré GTM en saisissant l’ID du conteneur (GTM-W…MZV) dans les paramètres d’administration.
    • Lorsque j’inspecte mon site web, je peux constater que :
  3. Le Problème :

    • Après avoir publié mon conteneur GTM, je suis allé en Mode Aperçu dans Google Tag Manager et j’ai saisi l’URL de mon site web (https://forum.hobiguru.com).
    • Cependant, le débogueur d’aperçu GTM indique qu’aucune balise GTM n’a été trouvée sur mon site.
    • Bien que gtm.js se charge et qu’aucune erreur ne soit visible, le débogueur ne reconnaît pas la configuration GTM.

Captures d’écran :

  • Capture d’écran 1 : Configuration du conteneur GTM dans Google Tag Manager (montrant la balise GA4 et les déclencheurs).
  • Capture d’écran 2 : Paramètres d’administration Discourse montrant l’ID du conteneur GTM (GTM-W…MZV) configuré.
  • Capture d’écran 3 : Outils de développement du navigateur montrant que la bibliothèque gtm.js est chargée avec succès sur mon site web.
  • Capture d’écran 4 : Mode Aperçu GTM montrant le message d’erreur : Aucune balise GTM trouvée sur votre site web.



Ce que j’ai essayé jusqu’à présent :

  • J’ai confirmé que gtm.js se charge dans l’onglet Réseau.
  • J’ai vérifié la console du navigateur pour toute erreur de politique de sécurité de contenu (CSP) ou autre erreur JavaScript.
  • J’ai vidé le cache de mon site et de mon navigateur pour m’assurer qu’il n’y a pas de problème de mise en cache.
  • J’ai republié le conteneur GTM pour m’assurer qu’il est à jour.

Demande :

Quelqu’un peut-il m’aider à comprendre pourquoi le mode Aperçu GTM ne détecte pas ma configuration GTM, alors que le script gtm.js se charge correctement ? Y a-t-il quelque chose que j’ai manqué dans le processus de configuration ou d’intégration ?