Stape
Rechercher
Essayer gratuitement

Comment configurer le suivi GA4 à l'aide de Google Tag Manager Server-Side Container

Mis à jour
11 oct. 2024
Publié
12 nov. 2020
Egalement disponible

Dans cet article de blog, vous allez explorer certaines fonctionnalités avancées de Google Analytics 4 et apprendre comment configurer GA4 côté serveur à l'aide de Google Tag Manager. Vous découvrirez comment le rendre résistant aux bloqueurs de publicités et aux restrictions de suivi grâce au module complémentaire Stape Custom Loader.

Le suivi côté serveur de GA4 présente de nombreux avantages, dont les principaux sont:

  • Conformité avec les réglementations sur les données. Le suivi côté serveur vous donne plus de contrôle sur la collecte, le stockage et le traitement des données, ce qui vous permet d'aligner vos opérations de gestion des données sur les réglementations en vigueur.
  • Anonymisation des données. Vous pouvez anonymiser les données sensibles avant de les envoyer à GA4.
  • Amélioration de l'exactitude et de la qualité des données. Les bloqueurs de publicités, les limitations des navigateurs et les actions des utilisateurs impactent négativement le suivi côté client, tandis que le suivi côté serveur de GA4 est moins sensible à ces problèmes.
  • Amélioration de l'attribution et du suivi des données. Le suivi GA4 côté serveur offre des modèles d'attribution plus fiables et des données de conversion plus précises, car certains événements côté serveur peuvent être manqués par les scripts côté client.
  • Protection renforcée des données. Les données envoyées du serveur à GA4 peuvent être sécurisées à l'aide du protocole HTTPS, ce qui réduit le risque d'interférence avec les données.

Introduction au suivi côté serveur

Le suivi côté serveur collecte des données à partir d'un site Web ou d'une application en les envoyant à un serveur. Le serveur traite et envoie les données à Google Analytics. Cette approche offre plusieurs avantages, notamment une meilleure précision des données, une protection accrue des données et de meilleures performances. Les entreprises qui souhaitent réduire l'impact du suivi côté client sur la vitesse de chargement des pages tout en continuant à collecter des données précieuses bénéficient du suivi côté serveur.

Contrairement au suivi côté client, où les données sont collectées et traitées directement sur l'appareil de l'utilisateur, le suivi côté serveur déplace la collecte et le traitement des données vers un serveur. Cela améliore la sécurité des données et garantit que les données collectées sont plus précises et moins susceptibles d'être manipulées.

En utilisant une couche de données, les entreprises peuvent encore améliorer la précision et la fiabilité des données collectées via le suivi côté serveur.

Grâce au suivi côté serveur, les entreprises peuvent obtenir des informations plus approfondies sur le comportement des utilisateurs, optimiser leurs stratégies marketing et assurer la conformité avec les réglementations sur la confidentialité des données. Que vous utilisiez Google Analytics 4 (GA4), le suivi côté serveur peut révolutionner votre stratégie de collecte de données.

how server-side tracking works

Il présente de nombreux avantages, notamment une durée de vie prolongée des cookies, une précision accrue du suivi, une amélioration de la vitesse des pages, une meilleure sécurité des données, la possibilité de contourner les bloqueurs de publicités et les ITP (Intelligent Tracking Prevention), et bien d'autres encore.

Avant de continuer, vous devez disposer d'un compte GA4 actif. Configurons un conteneur serveur GTM en utilisant le service Stape.

Étape 1. Créer un conteneur serveur Google Tag Manager

1.1 Sélectionnez votre compte GTM → Cliquez sur Admin → Cliquez sur + à côté du nom du conteneur.

set up server gm

1.2 Ajoutez un nom de conteneur → Sous la plateforme cible, choisissez Serveur. Cliquez sur Créer.

set up server gm

1.3 Choisissez Manuellement provisionner le serveur de balisage. Copiez la configuration de votre conteneur. Nous en aurons besoin dans les étapes suivantes.

Étape 2. Créer un compte Stape pour héberger votre conteneur serveur GTM

2.1 Allez sur stape.io et créez un compte ou connectez-vous. Vous pouvez essayer notre service gratuitement et explorer les avantages de l'hébergement Stape pour le serveur GTM.

2.2 Appuyez sur le bouton Créer un conteneur en haut à droite.

2.3 Entrez les détails de votre conteneur:

  • Nom du conteneur. Le nom ne doit pas nécessairement être le même que le nom du conteneur dans votre serveur GTM.
  • Configuration du conteneur – collez la configuration du conteneur que vous avez copiée à partir de votre conteneur serveur Google Tag Manager.
  • Emplacement du serveur: Sélectionnez l'emplacement du serveur en fonction de l'emplacement de la majorité de vos clients. L'emplacement ne peut pas être modifié par la suite.

2.4 Choisissez un plan pour votre conteneur. Vous pouvez commencer avec un plan gratuit. Cliquez sur Continuer avec un plan gratuit.

Vous verrez le statut de votre conteneur, la configuration du conteneur et le nom du plan. Il faut plusieurs minutes pour déployer un conteneur serveur. Veuillez recharger la page pour mettre à jour le statut. Si la configuration a été effectuée correctement, vous devriez voir le statut En cours d'exécution.

Étape 3. Créer une URL de serveur de balisage personnalisée

La fonctionnalité clé du balisage côté serveur est la définition de cookies de première partie, ce qui nécessite une configuration côté serveur. Vous devez utiliser une URL ou un domaine de serveur de balisage personnalisé pour activer cette fonctionnalité. L'URL de serveur de balisage personnalisée ou le domaine personnalisé doit partager le même domaine que votre site Web.

En raison des restrictions sur les cookies, la configuration de domaines personnalisés pour le sGTM est devenue plus complexe. L'Intelligent Tracking Prevention (ITP) affecte le suivi des utilisateurs dans Safari et Firefox.

Pour améliorer votre suivi, vous devez configurer un domaine personnalisé. Cela vous aidera à prolonger la durée de vie de vos cookies dans tous les navigateurs.

Discutons des moyens de configurer un domaine personnalisé pour votre URL de serveur de balisage sGTM.

  • Same origin (même origine)
  • Sous-domaine
  • Domaine par défaut

Cependant, la méthode « Same origin » est techniquement avancée et nécessite un CDN ou un équilibreur de charge. Si vous souhaitez configurer un domaine de même origine, suivez ce guide sur notre blog.

types of custom domain configuration

Si vous ne pouvez pas configurer le domaine de même origine, nous avons des solutions pour prolonger la durée de vie des cookies dans Safari: Own CDN et Cookie Keeper.

Par défaut, lorsque vous ajoutez votre sous-domaine personnalisé à votre conteneur Stape, il sera vérifié par l'enregistrement CNAME.

Voici un exemple de configuration de sous-domaine personnalisé:

3.1 Connectez-vous à votre compte Stape, choisissez un conteneur, faites défiler vers le bas et cliquez sur Ajouter un domaine personnalisé.

3.2 Vous verrez les enregistrements DNS qui doivent être ajoutés pour vérifier le domaine personnalisé.

L'enregistrement DNS dépend de l'emplacement du serveur et de l'option CDN que vous choisissez.

  • Désactiver le CDN - choisissez de ne pas utiliser de type de CDN.
  • Stape Global CDN - charge les scripts à partir d'un serveur plus proche de l'utilisateur visitant votre site Web. Cette fonctionnalité est gratuite et disponible pour tous les conteneurs sGTM de Stape.
  • Own CDN - aide à étiqueter les URL de serveur à partir de la même adresse IP que votre site Web. Cela donne la possibilité de définir des cookies que Safari ne peut pas raccourcir.

Vous devez définir un enregistrement CNAME si vous n'utilisez pas Global CDN.

cdn settings on stape

Vous devez définir deux enregistrements CNAME si vous utilisez Global CDN.

cdn settings on stape

3.3 Connectez-vous à votre service de nom de domaine (par exemple, Cloudflare) et créez un nouvel enregistrement DNS pour le sous-domaine que vous souhaitez utiliser.

Si vous utilisez Global CDN, définissez un enregistrement CNAME supplémentaire.

3.4 Une fois votre domaine personnalisé vérifié, vous devriez voir le statut prêt à côté de l'URL du serveur de balisage dans l'administration de Stape. Si vous avez des problèmes pour vérifier un domaine personnalisé, veuillez suivre ce guide sur le dépannage d'un domaine personnalisé.

3.5 Allez dans votre conteneur Google Tag Manager Server → Admin → Paramètres du conteneur → Changez l'URL du serveur de balisage pour votre sous-domaine.

Ajout d'un sous-domaine personnalisé avec des enregistrements A et AAAA

Si vous souhaitez vérifier votre sous-domaine personnalisé à l'aide des enregistrements A et AAAA, vous pouvez le faire en cliquant sur Paramètres avancés après avoir ajouté le sous-domaine personnalisé au conteneur et en cochant la case Utiliser des enregistrements A au lieu d'enregistrements CNAME.

1. Ouvrez votre conteneur sGTM sur Stape, faites défiler vers le bas jusqu'à Domaines et cliquez sur Ajouter un domaine personnalisé.

2. Écrivez un domaine personnalisé. Cliquez sur Paramètres avancés après avoir ajouté le sous-domaine personnalisé au conteneur et en cochant la case Utiliser des enregistrements A au lieu d'enregistrements CNAME.

3. Les enregistrements DNS que vous devez configurer varient selon l'emplacement du serveur. Vous verrez les enregistrements DNS que vous devez ajouter à votre conteneur stape.io.

4. Connectez-vous à votre compte DNS et ajoutez les enregistrements que vous voyez dans votre compte stape.io. Voici un exemple de configuration DNS pour CloudFlare. Ouvrez les paramètres DNS du domaine requis et cliquez sur Ajouter un enregistrement.

Ensuite, écrivez les enregistrements que vous voyez dans votre compte stape.io. Assurez-vous que le proxy est désactivé.

En général, il faut 2 à 3 heures pour vérifier le domaine personnalisé. Pour certains fournisseurs de DNS, la vérification des enregistrements peut prendre jusqu'à 72 heures. Nous vous enverrons un email une fois le domaine personnalisé vérifié ou si une erreur est détectée. S'il y a une erreur avec la vérification, veuillez suivre cette instruction sur la façon de vérifier la vérification du domaine personnalisé.

5. Une fois le domaine personnalisé vérifié, retournez au conteneur Google Tag Manager Server → Choisissez votre conteneur serveurAdmin → Paramètres du conteneur → collez l'URL du serveur de balisage.

6. Si vous utilisez un domaine personnalisé, il est fortement recommandé de mettre à jour le script Web GTM sur votre site Web. Cette modification chargera gtm.js depuis votre domaine. Pour ce faire, remplacez le domaine par défaut googletagmanager.com par le domaine personnalisé que vous avez configuré à l'étape précédente.

Étape 4. Configurer Google Analytics 4

Il peut y avoir deux scénarios:

4.1 Si vous avez déjà configuré Google Analytics 4 dans votre conteneur GTM Web, il vous suffit de faire ce qui suit:

4.1.1 Ajoutez l'URL de votre conteneur serveur aux paramètres de balise Google. Dans les paramètres de configuration, ajoutez le paramètre de configuration server_container_url et ajoutez votre URL de serveur de balisage comme valeur.

4.1.2 Créez un client Google Analytics 4 dans le conteneur GTM serveur. Pour ce faire, ouvrez la section clients → Créer un nouveau client → Sélectionnez le type de client Google Analytics : GA4 (Web) → Ajoutez le nom du client et cliquez sur Enregistrer.

4.1.3 Dans le conteneur GTM serveur, créez une nouvelle balise avec le type de balise Google Analytics: GA4.

4.1.4 Ajoutez l'ID de mesure et le nom de l'événement.

ID de mesure - Suivez ce guide pour trouver l'ID GA4. Vous pouvez l'ajouter en tant que variable ou, si l'événement provient d'une balise Web GA4, vous pouvez laisser ce champ vide pour hériter de l'ID de mesure de l'événement.

Nom de l'événement - le nom de l'événement à envoyer à Google. Consultez les événements recommandés pour plus d'informations. Si ce champ est vide, la valeur du paramètre event_name sera envoyée.

4.1.5 Cliquez sur Déclenchement et configurez un déclencheur avec le type de déclencheur Personnalisé qui se déclenchera chaque fois que le nom du client est égal à GA4 (ou le nom du client GA4 que vous avez spécifié à l'étape 2.b) → Cliquez sur Enregistrer.

4.2 Si vous n'avez pas configuré GA4, suivez les étapes ci-dessous :

4.2.1 Dans le conteneur Web, créez une nouvelle balise de type Google Tag. Ajoutez votre ID de balise Google.

Add trigger to GA4 tag. It usually should trigger on all page views. 

Vous pouvez également créer une variable de Paramètres de configuration de la balise Google qui définira à l'avance les paramètres de la balise Google si vous devez utiliser plusieurs balises Google sur votre site Web et ne souhaitez pas ajouter les paramètres manuellement pour chaque balise.

Ces paramètres peuvent, par exemple, définir si vous souhaitez envoyer un événement de vue de page chaque fois qu'une balise Google se déclenche, définir des paramètres UTM, définir l'ID client, etc. Il existe une liste des paramètres de configuration standard des balises Google.

4.2.2 Pour configurer le suivi des événements GA4, allez dans la section des balises et créez une nouvelle balise avec le type de balise Google Analytics : GA4 Event. Ajoutez votre ID GA4 et le nom de l'événement; il existe une liste de noms d'événements standard.

4.2.3 Allez dans votre conteneur Google Tag Manager Server. Cliquez sur Clients et Nouveau.

4.2.4 Choisissez Google Analytics : GA4 (Web) et cliquez sur Enregistrer.

4.2.5 Allez dans Balises et cliquez sur Nouveau.

4.2.6 Choisissez Google Analytics: GA4.

4.2.7 Ajoutez l'ID de mesure et le nom de l'événement.

ID de mesure - Suivez ce guide pour trouver l'ID GA4. Vous pouvez l'ajouter en tant que variable ou, si l'événement provient d'une balise Web GA4, vous pouvez laisser ce champ vide pour hériter de l'ID de mesure de l'événement.

Nom de l'événement - le nom de l'événement à envoyer à Google. Consultez les événements recommandés pour plus d'informations. Si ce champ est vide, la valeur du paramètre event_name sera envoyée.

4.2.8 Cliquez sur Déclenchement.

4.2.9 Créez des déclencheurs pour la balise. Le nom du client doit être égal à GA4. Exemple:

Cliquez sur +.

Choisissez le type Personnalisé → cliquez sur Certains événements → choisissez Client Name dans les variables intégrées → définissez Equals GA4 (le nom de votre client GA4) → cliquez sur Enregistrer.

4.2.10 Ouvrez les débogueurs GTM Web et serveur et testez la configuration.

Ouvrez le mode d'aperçu du conteneur serveur et vérifiez que vous voyez des requêtes GA4. Publiez les mises à jour à l'intérieur des conteneurs Google Tag Manager serveur et Web.

Étape 5. Configurer un chargeur personnalisé [optionnel]

Le chargeur personnalisé modifie les chemins de chargement de gtag.js et gtm.js pour résister aux bloqueurs de publicités et aux ITP, ce qui peut augmenter le volume de données jusqu'à 40 %.

5.1 Trouvez et copiez votre ID GTM WEB dans GTM. Pour trouver l'ID GTM, connectez-vous à votre compte Google Tag Manager et ouvrez un conteneur GTM Web. Dans le coin supérieur droit (à côté des boutons Soumettre et Aperçu), vous verrez un court texte commençant par "GTM-" suivi de lettres/nombres.

5.2 Ouvrez votre conteneur sGTM sur Stape → Cliquez sur Power-Ups.

Trouvez Chargeur personnalisé et cliquez sur Utiliser.

5.3 Ajoutez les paramètres suivants:

  • Sélectionnez le domaine dans le menu déroulant. Sélectionnez le domaine personnalisé si vous avez configuré un domaine personnalisé pour votre conteneur sGTM. Sinon, sélectionnez celui par défaut.
  • Ajoutez l'ID GTM Web que vous avez copié à l'étape précédente.
  • Sélectionnez le CMS que votre site Web utilise ou sélectionnez Autre. Cette configuration n'affecte que les instructions de configuration. Stape a des plugins pour WordPress, Magento et Shopify qui simplifient la configuration du balisage côté serveur.

Si vous n'utilisez aucun de ces CMS ou si vous ne souhaitez pas utiliser les plugins Stape, sélectionnez Autre. Vous verrez le code GTM Web mis à jour → Copiez ce script GTM Web et ajoutez ou remplacez le script GTM Web existant sur votre site.

Étape 6. Mettre à jour l'URL du serveur de balisage de votre Google Tag dans le GTM Web

Ajoutez l'enregistrement suivant dans votre Google Tag dans le conteneur Google Tag Manager Web.

Paramètre de configuration: server_container_url

Valeur: votre nom de domaine dans l'administration de stape.io

Étape 7. Comment tester votre configuration

Ouvrez les modes d'aperçu du conteneur Web et du serveur et vérifiez que vous voyez des requêtes GA4. Ensuite, publiez la mise à jour dans les conteneurs Google Tag Manager Web et serveur. L'API Measurement Protocol GA4 permet aux développeurs d'envoyer des données directement aux propriétés GA4 via des requêtes HTTP, améliorant ainsi la collecte de données et l'intégration avec d'autres options côté serveur.

Fonctionnalités avancées de GA4

1. Modèle de données basé sur les événements

Le modèle de données basé sur les événements vous permet de créer un événement pour toute activité sur le site Web que vous souhaitez enregistrer dans GA4. Vous pouvez également utiliser des paramètres qui ajoutent plus de valeur et de description à chaque événement. Google a préparé une liste d'événements recommandés à utiliser dans GA4, mais vous pouvez également créer des événements et des paramètres personnalisés.

2. Rapports inter-appareils

Lorsqu'il s'agit d'analyser le trafic et les ventes, le suivi des utilisateurs/conversions inter-appareils est primordial. Supposons qu'un utilisateur ait vu votre annonce Adwords sur mobile et y ait cliqué. Pour une raison quelconque, il a décidé de procéder à l'achat sur un ordinateur de bureau. Cependant, l'utilisateur ne s'est pas connecté à l'un des services Google. Ainsi, Google ne peut pas les reconnaître et attribuer ce clic Adwords particulier. En conséquence, la source de conversion est perdue et les informations pour l'optimisation des Adwords sont incomplètes.

Pour résoudre ce problème, Google a lancé les Signaux. Google a intégré la fonctionnalité Signaux dans GA4 et a ajouté l'apprentissage automatique. Cela permet d'identifier les utilisateurs qui ne sont pas connectés à des services Google. L'apprentissage automatique comble toutes les lacunes si un utilisateur n'est pas connecté aux services Google ou si son appareil ne peut pas être identifié via le fingerprinting.

Par défaut, la collecte de données des signaux Google n'est pas activée dans GA4. Vous devez l'activer manuellement en allant dans les paramètres → cliquer sur les paramètres de donnéescollecte de données.

Une autre configuration essentielle (et nouvelle) que vous devriez envisager de vérifier est comment GA4 identifie les utilisateurs.

Ils ont deux options:

  • uniquement par appareil
  • par user-id, Google Signals, puis appareil

3. Événements prédéfinis

Google a identifié les événements les plus couramment utilisés que les marketeurs et les propriétaires d'entreprise suivent dans Google Analytics et GTM, et les a ajoutés à la fonctionnalité de mesure améliorée.

Désormais, les vues de page, les défilements, les clics sur des liens sortants, les recherches sur le site, l'engagement vidéo et les téléchargements de fichiers sont suivis par défaut.

Cette fonctionnalité est généralement activée pour toutes les propriétés GA4. Mais vous devez vous assurer qu'elle est activée pour votre compte. Pour ce faire, allez dans Flux de données → choisissez Détails du flux Web, et vérifiez si tous les événements sont activés.

4. Centre d'analyse et intégration avec BigQuery

Google a complètement repensé le centre d'analyse/rapport à l'intérieur de GA4. Cela permet aux utilisateurs de créer facilement des tableaux croisés, des tableaux et des filtres. Il existe également une galerie de modèles, similaire à ce qu'ils ont dans DataStudio. Vous serez donc en mesure d'analyser les données plus efficacement et de passer moins de temps à créer des rapports personnalisés.

L'exportation vers BigQuery est disponible pour tous les utilisateurs de GA4. En résumé, vous pouvez exporter des données GA4 vers BigQuery, qui peut être intégré à d'autres sources comme votre CRM.

5. Limite des dimensions personnalisées et des métriques personnalisées

Dans GA4, la limite des dimensions et des métriques personnalisées a été augmentée. Google Analytics 4 permet d'avoir 25 dimensions personnalisées à portée utilisateur et 50 dimensions personnalisées à portée d'événements. Le nombre de métriques personnalisées a été porté à 50. Un nombre accru de métriques et de dimensions personnalisées offre plus de flexibilité pour la personnalisation de GA4.

6. Vue de débogage GA4

Le débogueur GA4 est extrêmement utile pour les personnes configurant Google Analytics 4. L'aperçu activé vous permet de voir quels événements, propriétés d'événements et données utilisateur GA4 traite. Cela rend la configuration de GA4 beaucoup plus rapide et plus facile.

7. Autres avantages

Vous êtes peut-être déjà fatigué de lire pourquoi GA4 est si génial. Voici donc un rapide récapitulatif d'autres avantages : évaluation des audiences en fonction de leur probabilité d'achat dans les prochains jours, combinaison des analyses Web et d'applications, et bien plus encore.

Conclusion

GA4 et le balisage serveur GTM ont été créés pour s'adapter aux règles de suivi actuelles, aux technologies Web, aux restrictions et à la sécurité des données. Vous aurez besoin de temps pour vous habituer à la nouvelle interface et à ses fonctionnalités, et pour comprendre comment elles peuvent mieux répondre aux besoins de votre site Web et de votre entreprise.

Si la migration vers GA4 et les conteneurs serveur GTM est complexe ou si vous réalisez que vous avez besoin d'assistance, n'hésitez pas à nous contacter. Nous pouvons répondre à vos questions ou configurer cela pour vous.

Tagged with:Google analytics

Hébergez votre serveur GTM chez Stapemaintenant!