Comment configurer le suivi côté serveur de GA4

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

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

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

2.1 Allez sur Stape 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:

Cliquez ensuite sur Créer un conteneur.

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.

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.

To improve your tracking, you need to set up a custom domain. It will help you prolong your cookie lifetime in all browsers.

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

Il existe trois manières de configurer un domaine personnalisé:

Cependant, la méthode « Same origin » est techniquement avancée. Si vous nécessitez un CDN ou un équilibreur de charge pour configurer un domaine de même origine.

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

Choisissez votre conteneur dans Stape, faites défiler vers le bas et cliquez sur Add custom domain.

Ajoutez le Subdomain name : il peut s'agir de n'importe quel nom qui vous convient, mais veillez à éviter les termes liés à la publicité ou au suivi : ad, gtm, stgm, tracking, analytics, metrics, stape, gtag, etc.

Un Content Delivery Network (CDN) distribue les ressources de votre site web sur un réseau mondial de serveurs afin de réduire la latence et d'améliorer les temps de chargement pour les utilisateurs situés dans différentes régions. Cette option est utile si votre audience est géographiquement dispersée ou si vous souhaitez améliorer le suivi des cookies et la précision des données.

Par défaut, le CDN est désactivé, ce qui signifie que les fichiers JavaScript (tels que gtm.js, gtag.js et analytics.js) sont servis directement depuis le serveur où votre conteneur sGTM est hébergé. En pratique, cela contourne à la fois Stape Global CDN et Own CDN et établit une connexion directe, sans proxy, entre votre site et le conteneur sGTM.

Pour activer le CDN, cliquez sur le bouton Add CDN et sélectionnez l'une des options suivantes :

Ensuite, dans la section How to connect, deux méthodes permettent de connecter un domaine personnalisé à votre conteneur :

La méthode la plus simple pour connecter des domaines. Connectez-vous avec vos identifiants de fournisseur DNS via Entri et accordez-nous une autorisation unique pour connecter votre domaine. Vous pouvez ensuite passer directement à l'Étape 5 pour vérifier votre domaine ; aucune configuration manuelle n'est requise.

Manually

Avec cette option, vous devez ajouter manuellement des enregistrements DNS auprès de votre hébergeur pour connecter votre sous-domaine à Stape.

Après avoir ajouté un sous-domaine personnalisé à votre conteneur, vous verrez les enregistrements DNS à créer pour vérifier le domaine personnalisé. L'enregistrement DNS dépend de l'emplacement du serveur et de l'option CDN choisie. L'étape suivante explique comment ajouter des enregistrements DNS.

Par défaut, la vérification du sous-domaine est effectuée avec des enregistrements CNAME, mais vous pouvez également vérifier votre sous-domaine avec des enregistrements A et AAAA si nécessaire (généralement dans les cas où vous devez éviter la création d'enregistrements en double).

Nous couvrons les deux options ci-dessous avec un guide étape par étape sur la création d'enregistrements via Cloudflare. Vous pouvez utiliser n'importe quel autre fournisseur.

Une fois les enregistrements DNS ajoutés auprès de votre fournisseur DNS, revenez à la page du conteneur Stape où vous avez configuré le domaine personnalisé et cliquez sur Verify.

Attendez que Stape termine la vérification de votre domaine personnalisé (lorsque la barre de statut du conteneur passe de Verifying à Ready). En général, la vérification du domaine personnalisé prend entre 2 et 3 heures. Pour certains fournisseurs DNS, la vérification des enregistrements peut prendre jusqu'à 72 heures. Nous vous enverrons un e-mail une fois le domaine personnalisé vérifié ou en cas d'erreur détectée.

Si vous rencontrez des problèmes lors de la vérification du domaine, veuillez suivre notre guide de dépannage des domaines personnalisés.

Accédez à votre conteneur serveur Google Tag Manager → Admin → Container Settings → modifiez Tagging server URL en indiquant votre sous-domaine.

Mettre à jour le script

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

Vous pouvez également automatiser ce processus avec le Custom Loader power-up. Au lieu de modifier manuellement le script GTM, Custom Loader génère un extrait de code prêt à l'emploi qui charge les scripts GTM et GA4 directement depuis votre domaine personnalisé. Cela vous fait gagner du temps, rend vos scripts de suivi plus résistants aux bloqueurs de publicités et garantit que tous les cookies sont traités comme des cookies propriétaires.

Il peut y avoir deux scénarios:

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.

Vous pouvez également en savoir plus sur les paramètres spécifiques à chaque région dans notre blog.

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.1 Dans le conteneur web, créez une nouvelle balise de type Google Tag. Ajoutez votre ID de balise Google.

Ajoutez un déclencheur à la balise GA4. Il devrait normalement se déclencher à chaque consultation de page.

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.

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:

Domaine - à partir de la liste des domaines connectés à votre conteneur, sélectionnez ceux qui sont nécessaires. 

Web GTM ID - ajoutez l'ID web de Google Tag Manager. Consultez notre guide pour savoir comment trouver l'ID GTM Web.

GA4 ad block bypass - permet de contourner l'impact des adblockers sur le code de suivi GA4. Notez que ce paramètre affecte tous les domaines de conteneurs. Veillez à déboguer les conteneurs GTM web et serveur après avoir activé cette option.

Same Origin Path - si vous utilisez l'approche « same origin » pour configurer un domaine personnalisé, veuillez spécifier le chemin du proxy pour les requêtes.

Plateforme - le code du Custom Loader diffère pour chaque plateforme. Sélectionnez votre plateforme ou « Autre » si elle ne figure pas dans la liste.

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

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

Nous vous suggérons de commencer par le mode de prévisualisation et de débogage du Tag Manager pour vous assurer que vos balises se déclenchent lorsqu'elles le devraient. L'outil de débogage du GTM vous montrera quels tags et événements ont été ajoutés au site et s'ils se sont déclenchés ou non sur des pages/déclencheurs particuliers.

Le mode de débogage du conteneur de serveur du gestionnaire de balises fonctionne de la même manière que le débogueur web. Il suffit de cliquer sur le bouton de prévisualisation dans le coin supérieur droit. Ensuite, naviguez vers les différentes pages et cliquez sur le bouton ou effectuez les événements configurés dans le conteneur de serveur.

Retournez dans le débogueur du Tag Manager et vérifiez quelles balises et quels événements ont été déclenchés et si tous les paramètres requis ont été envoyés à la couche de données. Si tout fonctionne correctement, nous pouvons passer à l'étape suivante.

GA4 a sa propre vue de débogage qui vous montrera tous les événements, les paramètres des événements et les données de l'utilisateur qui sont traités par GA4. Pour trouver le débogueur du GA4, cliquez sur Configure → Debug view.

Pour s'assurer que les requêtes sont envoyées à partir d'une URL de marquage personnalisée, il faut plonger plus profondément dans la zone du développeur. Pour ce faire, vous aurez besoin des outils de développement Chrome ou Safari (vous pouvez également utiliser d'autres navigateurs).

Sur Mac, vous pouvez accéder à l'outil de développement en cliquant sur command+option+I ou en cliquant sur le bouton droit de la souris, puis sur Inspecter.

Une fois que vous avez ouvert l'outil de développement, allez dans l'onglet Réseau et rafraîchissez la page. Dans le filtre, tapez collect. Vous devriez voir des demandes GA4. Cliquez sur la demande GA4, et sur le côté droit, vous verrez des paramètres supplémentaires.

Gardez à l'esprit que vous devez vérifier que vous pouvez voir l'URL du serveur de balisage dans l'URL de la requête. C'est celle que vous avez ajoutée au conteneur du serveur et à l'intérieur de la variable ou de la balise GA4.

Remarque : les cookies ne seront étendus que si vous utilisez un sous-domaine personnalisé dans l'URL de marquage. Par exemple, l'URL de votre site web est example.com. Le domaine personnalisé pour l'URL de balisage devrait alors ressembler à gtm.example.com.

Allez dans l'onglet « Application » de l'outil de développement que vous avez utilisé à la deuxième étape. Cliquez sur Stockage → Cookies. Sur le côté droit, vous trouverez des cookies nommés FPID ; vérifiez la date dans la colonne « expires ». De cette façon, les cookies devraient être prolongés jusqu'à 2 ans. J'écris ce billet en février 2021, et mon cookie expirera en février 2023. Si vous n'utilisez pas de suivi côté serveur et une URL de marquage personnalisée située sous votre domaine principal, Safari réduira la durée de vie de vos cookies à 1 ou 7 jours. Si vous voyez que les cookies n'ont pas été prolongés, allez dans le client GA4 à l'intérieur du conteneur du serveur, cliquez sur plus de paramètres et vérifiez à quoi ressemblent les paramètres des cookies du serveur sur la capture d'écran ci-dessous. Ou assurez-vous que vous utilisez une URL de marquage personnalisée qui ressemble à gtm.yourdomain.com.