Intégration Google Tag Manager
Ajoutez votre ID de conteneur GTM à docs.json pour charger Google Tag Manager sur chaque page. Gérez les balises d'analytics et de suivi depuis GTM.
Ajoutez votre ID de conteneur GTM à docs.json pour charger Google Tag Manager sur chaque page de votre site de documentation. Votre équipe marketing peut ainsi configurer les analytics, les pixels de conversion et le suivi des événements entièrement dans GTM.
Les ID de conteneur GTM commencent par GTM-. Si vous avez uniquement besoin de Google Analytics, consultez l'intégration Google Analytics pour une configuration plus simple.
Quand utiliser GTM
Utilisez Google Tag Manager lorsque vous avez besoin de :
- Plusieurs outils de suivi - GA4, Facebook Pixel, LinkedIn, etc.
- Contrôle par l'équipe marketing - Permettre aux marketeurs d'ajouter des balises sans l'aide d'un développeur
- Déclencheurs avancés - Suivre les clics sur les boutons, les soumissions de formulaires, les vues de vidéos
- Intégration de tests A/B - Connecter des outils comme Google Optimize
Pour des analytics basiques uniquement, l'ajout direct de GA4 est plus simple.
Obtenir votre ID de conteneur
- Rendez-vous sur Google Tag Manager
- Sélectionnez votre compte et votre conteneur (ou créez-en de nouveaux)
- Copiez l'ID de conteneur en haut de la page (commence par
GTM-)
Ajouter GTM à votre documentation
Ajoutez l'ID de conteneur à votre docs.json :
{
"name": "My Docs",
"integrations": {
"gtm": {
"tagId": "GTM-XXXXXXX"
}
}
}
Remplacez GTM-XXXXXXX par votre ID de conteneur réel.
Configurer GA4 via GTM
Si vous souhaitez utiliser GA4 via GTM plutôt que de l'ajouter directement :
- Dans GTM, accédez à Balises → Nouvelle
- Choisissez Google Analytics : configuration GA4
- Saisissez votre ID de mesure GA4 (commence par
G-) - Définissez le déclencheur sur Toutes les pages
- Publiez votre conteneur
Si vous configurez GA4 via GTM, ne l'ajoutez pas également directement dans docs.json. Cela entraîne un double suivi.
Vérifier l'installation
Utiliser le mode aperçu de GTM
- Dans GTM, cliquez sur Aperçu en haut à droite
- Saisissez l'URL de votre site de documentation
- Une fenêtre de débogage affiche les balises qui se déclenchent sur chaque page
Utiliser les outils de développement du navigateur
- Ouvrez votre site avec les outils de développement (F12)
- Accédez à l'onglet Réseau
- Filtrez par
gtm.jsougoogletagmanager - Vous devriez voir des requêtes en cours
Balises GTM courantes pour la documentation
Suivre les liens sortants
Créez une balise pour suivre lorsque les utilisateurs cliquent sur des liens externes :
- Balise : Google Analytics : événement GA4
- Nom de l'événement :
click - Déclencheur : Clic - Liens uniquement, où l'URL du clic ne contient pas votre domaine
Suivre l'utilisation de la recherche
Suivez lorsque les utilisateurs interagissent avec la fonctionnalité de recherche :
- Balise : Google Analytics : événement GA4
- Nom de l'événement :
search - Déclencheur : Événement personnalisé correspondant à votre interaction de recherche
Suivre le temps passé sur la page
Comprenez combien de temps les utilisateurs passent à lire :
- Balise : Google Analytics : événement GA4
- Nom de l'événement :
timing - Déclencheur : Déclencheur de minuterie (par exemple, toutes les 30 secondes)
Dépannage
- Vérifiez l'ID de conteneur - Doit commencer par
GTM- - Publiez votre conteneur - Les modifications non publiées n'apparaîtront pas sur votre site
- Utilisez le mode aperçu - L'aperçu de GTM indique quelles balises se déclenchent sur chaque page
Si GA4 est configuré à la fois :
- Directement dans
docs.json(integrations.ga4) - Via GTM en tant que balise GA4
Vous obtiendrez des pages vues en double. Supprimez l'une d'elles.
