Comment configurer Google Tag Manager Server Container

Pour configurer un conteneur de serveur GTM, suivez ces étapes:

• Créer un conteneur de serveur Google Tag Manager.
• Créer un compte sur Stape pour héberger le conteneur de serveur GTM.
• Configurer une URL de serveur de marquage personnalisée.
• Créer une balise Google Tag dans le conteneur web GTM.
• Créer la balise événement Google Analytics: GA4.
• Créer un client GA4 dans le conteneur de serveur GTM.
• Vérifier et déboguer la configuration.
• Configurer le Custom GA4 Loader.

Au final, vous aurez un conteneur de serveur GTM entièrement fonctionnel qui peut contourner les bloqueurs de publicité, augmenter la durée de vie des cookies et bien plus encore.

Il existe de nombreux éléments communs entre les conteneurs web et les conteneurs de serveur, comme les balises, les déclencheurs, les variables et le mode d’aperçu. Cependant, la configuration du conteneur de serveur GTM est plus complexe que celle du conteneur web standard de Google Tag Manager.

La principale difficulté lors de la configuration d’un conteneur de serveur GTM est de préparer l’environnement cloud qui exécutera le conteneur sGTM. Avec l’aide de Stape, configurer des serveurs cloud pour sGTM prend seulement 5 minutes et vous n’avez pas besoin d’engager des développeurs. En plus, Stape propose des fonctions supplémentaires pour le serveur Google Tag Manager, comme contourner les bloqueurs de publicité, augmenter la durée de vie des cookies et envoyer des données hors ligne.

Vous trouverez ci-après le guide étape par étape pour configurer un conteneur de serveur GTM.

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

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

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

1. Rendez-vous sur stape.io et créez un compte ou connectez-vous.

2. Cliquez sur Créer un conteneur sGTM sur la page d'accueil.

3. Saisissez les informations relatives à votre conteneur.

• Nom du conteneur : donnez un nom à votre conteneur (pour plus de commodité, nous vous recommandons d’utiliser le même nom que celui que vous avez attribué au conteneur de serveur dans GTM).
• Configuration du conteneur : collez les données de Configuration du conteneur que vous avez copiées depuis la fenêtre contextuelle Installer Google Tag Manager. Si vous les avez perdues, rendez-vous sur Google Tag Manager → cliquez sur Admin → cliquez sur Paramètres du conteneur → copiez la chaîne de caractères située sous Configuration du conteneur.

• Emplacement du serveur : pour des performances optimales, choisissez l’emplacement de serveur le plus proche de la région où se trouvent la plupart de vos clients. Consultez la liste des emplacements de serveurs disponibles ici. Vous pouvez également opter pour l’option d’emplacement de serveur multizone mondial si votre trafic provient de différentes régions. Les requêtes entrantes seront alors automatiquement acheminées vers la zone disponible la plus proche en fonction de l’adresse IP de l’utilisateur.

Cliquez ensuite sur Créer un conteneur.

4. Choisissez une formule pour votre conteneur. Vous pouvez commencer par une formule Gratuite. Cliquez sur Continuer avec une formule gratuite.

5. Vous verrez l’état de votre conteneur, sa configuration et le nom de la formule. Le déploiement d’un conteneur serveur prend environ 5 minutes.

Veuillez actualiser la page pour mettre à jour le statut. Si la configuration côté serveur de Google Tag Manager a été effectuée correctement, vous devriez voir le statut En cours d'exécution.

Vous pouvez utiliser une URL de serveur de marquage personnalisée de votre conteneur de serveur pour configurer des cookies first party. L’URL de serveur de marquage personnalisée ou le domaine personnalisé doit partager le même domaine que votre site web. Par exemple, si le domaine de votre site est example.com, l’URL du serveur de marquage peut être anything.example.com.

Il existe trois façons de configurer un domaine personnalisé:

• Same origin
• Subdomain
• Default domain

Il existe un article détaillé sur le blog où vous pouvez trouver une description de la façon de mapper un domaine personnalisé pour le conteneur de serveur Google Tag Manager en utilisant Same Origin avec Cloudflare et nginx.

Ici, nous allons seulement voir la configuration d’un sous-domaine personnalisé.

Utilisez une URL de serveur de balisage personnalisée, également appelée domaine personnalisé, pour définir des cookies propriétaires. Cette URL doit utiliser le même domaine racine que votre site web. Par exemple, si votre site web est `example.com`, l’URL de votre serveur de balisage peut être `ss.example.com`.

Il existe trois façons de configurer un domaine personnalisé :

• Même origine – le serveur de balisage partage exactement le même domaine et le même chemin d’accès que votre site. En savoir plus sur la configuration d’un domaine personnalisé avec la même origine.
• Sous-domaine – le serveur de balisage s’exécute sur un sous-domaine de votre domaine racine. Dans cet article, nous vous guiderons tout au long de cette configuration.
• Domaine par défaut – pas de domaine personnalisé ; utilise l’adresse standard fournie par Stape.

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 :

• Stape Global CDN : charge les scripts depuis le serveur le plus proche de la localisation du visiteur de votre site web, ce qui réduit la latence et améliore les temps de chargement pour les audiences géographiquement dispersées. Nous utiliserons Stape Global CDN dans notre configuration. Cette fonctionnalité est gratuite et disponible pour tous les conteneurs sGTM de Stape.

• Own CDN (incompatible avec l'option de connexion Automatically (via Entri)) : permet d'acheminer le domaine personnalisé de sGTM et de faire transiter le trafic sGTM par le fournisseur DNS de votre site web. Dans ce cas, les adresses IP de votre site web et du domaine personnalisé de sGTM correspondront, et les cookies côté serveur seront considérés comme des cookies propriétaires. Cela permet ainsi d'augmenter la durée de vie des cookies.

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

• Automatically (via Entri)

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.

Ouvrez votre conteneur web, créez une nouvelle balise de type Google Tag. Ajoutez votre Google Tag ID.

Dans la section Configuration settings, ajoutez les paramètres suivants:

• Nom: server_container_url
• Valeur: saisissez l’URL que vous avez créée

Ajoutez un déclencheur à la balise GA4. En général, elle doit se déclencher sur toutes les vues de page.

Optionnel. Vous pouvez aussi créer une variable de type Google Tag: Configuration settings. Cette variable définit la configuration Google Tag si vous devez utiliser plusieurs balises Google Tag sur votre site et que vous ne voulez pas ajouter les réglages manuellement dans chaque balise.

Ces paramètres peuvent être, par exemple, un réglage qui définit si vous voulez envoyer un événement de vue de page à chaque activation d’une balise Google Tag, ou envoyer les paramètres UTM, le client ID, etc. Il existe une liste de paramètres de configuration standard pour les Google Tags.

Pour configurer l’événement GA4, allez dans la section Balises et créez une nouvelle balise de type 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.

Ouvrez le conteneur de serveur Google Tag Manager → cliquez sur Client → créez un client GA4 et enregistrez-le → puis allez dans Tags et configurez la balise GA4. N’oubliez pas que GA4 envoie automatiquement non seulement les vues de page mais aussi d’autres événements.

Dans le champ Event Name, choisissez la variable {{Event Name}} puis ajoutez un déclencheur où Client Name est égal à GA4.

Comment publier le conteneur GTM que vous avez créé côté serveur? Ouvrez les modes d’aperçu du conteneur web et du conteneur de serveur et vérifiez que vous voyez les requêtes GA4. Ensuite, publiez la mise à jour dans les conteneurs Google Tag Manager, côté serveur et côté web.

Vous pouvez rendre le suivi Google Analytics 4 côté serveur encore plus précis en utilisant un Custom GA4 Loader. Cela permet à GA4 d’éviter les outils de blocage comme les bloqueurs de publicité et d’autres technologies de protection de la vie privée qui essaient d’empêcher les traceurs de collecter des données sur l’activité des visiteurs. Vous verrez ainsi toute l’activité des utilisateurs sur votre site et vous aurez plus de données pour l’optimisation des annonces et la création d’audiences personnalisées.

Comment configurer un Custom Loader:

1. Connectez-vous à votre compte Stape et sélectionnez votre conteneur sGTM depuis le tableau de bord.

2. Accédez à Power-ups et cliquez sur Use à côté du panneau Custom Loader panneau.

3. Activez le bouton Custom Loader pour l'activer et cliquez sur Save changes.

4. Dans la section Code & Setup information les paramètres suivants :

• Domain - sélectionnez l'un des domaines liés à votre conteneur.
• Web GTM ID - saisissez votre ID web Google Tag Manager.
• Enhanced ad blocker protection - lorsqu'il est activé, toutes les requêtes vers votre serveur sGTM sont chiffrées afin que les bloqueurs de publicités ne puissent pas les bloquer sur la base des modèles de requêtes. En savoir plus sur la enhanced ad blocker protection.
• Same Origin Path - si vous utilisez l’same-origin approach, saisissez le chemin ici pour que GTM et gtag.js se chargent tous les deux via celui-ci.
• Platform - ici vous pouvez :

  • Sélectionner votre plateforme CMS (comme Shopify, Wordpress, etc.). Dans ce cas, vous devrez installer et configurer une app Stape. 
  • Sélectionner Other pour recevoir un snippet JS si vous utilisez une autre plateforme ou un site web personnalisé.

4. Quand vous avez mis à jour le code web GTM et configuré GA4 côté serveur, vous pouvez vérifier les requêtes GTM et GA4 modifiées dans le réseau.

L’URL de requête Google Tag Manager doit ressembler à ceci:

Tagging server URL/stape container identifier.js?st=web GTM ID sans les lettres GTM.

Dans notre cas, c’est: https://load.gtm.stape.dog/covxbvwx.js?st=PMVQSJH

L’URL de requête GA4 doit ressembler à ceci:

Tagging server URL/gt+stape container identifier.js?id=GA4 identifier...

Dans notre cas, c’est:  https://load.gtm.stape.dog/gtcovxbvwx.js?id=G-0SME9XLYER

À mesure que les technologies de suivi évoluent, de nouvelles méthodes d'automatisation voient le jour pour simplifier encore plus ces déploiements techniques. À l'avenir, l'adoption d'un protocole avancé tel qu'un MCP GTM (Model Context Protocol) pourrait par exemple permettre à des agents d'intelligence artificielle de vous assister directement dans la configuration, l'audit et la gestion de vos balises et conteneurs.

Dans ce fil de discussion, un utilisateur ne savait pas comment configurer son conteneur de serveur Google Tag Manager et demandait s'il existait une configuration « correcte ». Le problème s'est avéré être un malentendu : il n'y a pas de configuration unique bonne ou mauvaise, tout dépend des données que vous devez envoyer et des plateformes que vous intégrez. Comme il est impossible de diagnostiquer une configuration à partir d'un simple identifiant de conteneur ou d'une URL sGTM, la solution consistait à examiner la configuration complète du conteneur, et il était recommandé de faire appel à un spécialiste du suivi si vous ne saviez pas comment structurer les événements.

Vous avez maintenant un conteneur de serveur configuré et Google Analytics fonctionne via ce conteneur de serveur. Si vous voulez charger GA dans votre domaine et faire en sorte que les requêtes GA soient first party, suivez ces étapes pour utiliser un sous-domaine personnalisé. Et notre équipe d’experts peut vous aider.

Si vous voulez aussi une preuve de vos compétences, une certification peut vous aider à vous démarquer. Elle montre aux clients ou aux employeurs que vous comprenez à la fois les configurations du navigateur et celles du côté du serveur et que vous les avez apprises en profondeur.