Stape

Comment configurer Google Tag Manager Server Container

Auteur
Stape
Publié
October 04, 2020
Egalement disponible en

La collecte de données sur les visiteurs de votre site Web est essentielle pour analyser et améliorer la présence commerciale en ligne, atteindre les utilisateurs et les convertir en clients.

Cependant, la collecte de données devient plus problématique en raison de Intelligent Tracking Prevention, des AdBlockers et d'une diminution de la durée de vie des cookies. Google Analytics et d'autres outils similaires vont commencer à voir moins de données sur les visiteurs de votre site Web et vont vous donner moins d'informations à analyser.

Pour aider à relever ces défis, Google introduit la nouvelle fonctionnalité : Server-Side Tagging à Google Tag Manager.

Qu'est-ce que c’est que Google Tag Manager Server-Side Tagging et pourquoi est-ce important ?Copier le lien vers cette section

Google Tag Manager (GTM) Server-Side tagging permet aux propriétaires de sites Web de déplacer les pixels espions tiers de leur site Web vers le serveur Cloud. Cela signifie que le navigateur client ne traitera plus les pixels espions. Il sera chargé directement depuis le serveur. Cette approche offre les avantages suivants :

- Des données plus précises ;

- Temps de chargement du site Web est plus rapide ;

- Contrôle supplémentaire sur la confidentialité.

Vos outils d'analyse marketing numérique (comme Google Analytics) peuvent fonctionner sans cookies tiers côté client. En configurant les conteneurs de serveur appropriés, vous oublierez JavaScript difficile, les cookies tiers bloqués et les données incomplètes dans les outils d'analyse.

Si le suivi côté serveur est hébergé dans le sous-domaine de votre site Web, toutes les demandes seront considérées comme propres. Google a une description détaillée de ce qu'est le suivi du serveur GTM et de ses avantages pour votre site Web.

Comment installer Google Tag Manager Server-Side tagging sur votre site Web?Copier le lien vers cette section

Il existe de nombreux éléments communs entre les conteneurs Web et serveur, tels que balises, déclencheurs, variables, mode de prévisualisation, etc. La configuration du conteneur côté serveur GTM est plus complexe que celle du conteneur Web standard. Vous aurez besoin de connaissances en GTM Web, Google Analytics, Google Cloud et la programmation Web en général. Je vous propose de lire cet article de blog si vous souhaitez configurer le conteneur de serveur GTM via l’environnement Google natif.

Nous avons créé un service qui simplifie la configuration du conteneur du serveur GTM en supprimant certains des serveurs Google Cloud configurés, en simplifiant la création de domaine, en vous permettant de télécharger Google Analytics à partir de votre domaine et en vous appropriant les cookies tiers.

Commençons à implémenter Google Tag Manager Server Tagging:Copier le lien vers cette section

1. Tout d'abord, vous devez créer Google Tag Manager Server container. Pour le faire, veuillez accéder à https://tagmanager.google.com/ et choisissez le compte sur lequel vous souhaitez créer le conteneur. Cliquez sur Admin.

create server container

2. Sous la colonne Container, cliquez sur + 

create server container

3. Saisissez le nom du conteneur (Container name), choisissez Server et cliquez sur Create.

create server container

4. Dans la fenêtre d'installation contextuelle sélectionnez “Manually provision tagging server”, copiez votre configuration du conteneur et collez-la dans n'importe quel éditeur de texte. Nous en aurons besoin pour les prochaines étapes.

install google tag manager

6. Une fois que vous avez reçu l'e-mail avec le lien et votre mot de passe défini, vous devez créer un conteneur. Saisissez le nom de votre conteneur et collez la configuration de conteneur que vous avez copiée à partir de votre Google Tag Manager Server Container. Cliquez sur Create Container.

container configuration

7. Une fois que vous avez cliqué sur Create, vous verrez l'état de votre conteneur, la configuration du conteneur et le nom du plan. Il faut environ 5 minutes pour déployer un conteneur de serveur. Veuillez recharger la page pour mettre à jour le statut. Si la configuration a été effectuée correctement, vous devriez voir le statut “Running” ("En cours d'exécution").

Si vous voyez "Error", veuillez vérifier si vous avez copié et collé la bonne configuration de conteneur. Si l'erreur se répète, veuillez contacter le support clients.

8. A cette étape, vous devez configurer une URL de balisage. Vous avez deux options :

 ● utiliser l'URL de balisage créée pour vous et hébergée sur notre domaine (stape.io)

 ● utiliser un sous-domaine personnalisé. Je recommande vivement d'utiliser cette option car elle aidera à empêcher le blocage des pixels espions et à augmenter la durée de vie des cookies.

add custom domain

Si vous choisissez la première option, veuillez passer à l'étape 9.

Si vous voulez configurer une URL de balisage personnalisée, cliquez sur Add custom domain -> connectez-vous à votre service de nom de domaine et créez un nouvel enregistrement DNS pour le sous-domaine que vous voulez utiliser. Vous pouvez utiliser n'importe quel nom de sous-domaine. (si vous utilisez Cloudflare, veuillez sélectionner domain -> cliquez sur DNS -> Add record).

Ajouter ces paramètres:

Type: A

Nom: ss (ou tout autre nom de sous-domaine que vous voulez)

Addresse IPv4: 35.193.123.107 (Emplacement du serveur Etats-Unis) ou  35.195.159.201 (Emplacement du serveur UE)

TTL: Auto

Statut du proxy : désactivé

Vos paramètres doivent ressembler à ceci :

proxy status

Une fois que vous avez terminé, ajoutez le sous-domaine dans le compte du serveur gtm

domain name

9. L'étape suivante dépend de l'URL du serveur de balisage que vous utilisez. Vous avez des options ici :

· Si l'URL de balisage du serveur est situé sur notre domaine, vous n'avez rien à changer.

· Si vous utilisez un sous-domaine personnalisé, vous devez modifier le code Google Tag Manager ajouté à votre site. Copiez l'URL de balisage et collez-la au lieu de www.googletagmanager.com. Veuillez vérifier que vous n'avez pas supprimé /gtm.js.

code google tag manager

10. Ajoutez l'URL du serveur de balises au Google Tag Manager Server container. Admin -> settings -> container settings.

container settings

11. Mettez à jour l'URL de balisage Universal Analytics dans le conteneur WEB GTM (si vous utilisez GA4, vous pouvez passer à l'étape suivante). Modifier la base de Universal Analytics ou la variable Universal Analytics dans le conteneur WEB -> Cliquez sur More settings -> Advanced configuration -> ancien URL de balisage  dans le champ “transport URL”.  Une fois terminé, cliquez sur Save et publiez le conteneur Web.

gtm url

12. Si vous utilisez GA4, suivez les étapes suivantes : Dans le conteneur WEB, cliquez sur Edit ou Create GA4 tag -> cliquez sur Fields to Set -> add Row -> ajoutez ces valeurs:

field name: transport_url

value: https:// where DOMAIN_NAME est le nom de domaine de votre serveur de balisage.

Sauvegardez la balise (cette balise doit se déclencher sur toutes les pages) et publiez le conteneur.

tag configuration

13. Créez un Client Universal Analytics ou Google Analytics 4 dans le conteneur Google Tag Manager Server. Cliquez sur Clients -> New -> Choisissez le type de client -> Ajouter le nom de client -> Cliquez sur Save.

client configuration

14. Configurez la balise Universal Analytics ou GA4 dans le conteneur de serveur. Allez dans la section "Tags" dans le conteneur de serveur et cliquez sur ‘’New’’. Nommez votre balise, choisissez le type de balise «Universal Analytics» ou «GA4». Si vous ne voyez pas ces balises, accédez à l'onglet Clients et vérifiez que les clients UA et GA4 ont été ajoutés, sinon ajoutez ces clients.

Créez un déclencheur. Type de déclencheur “Custom,” choisissez “Some Events.” Le nom du client est égal à Universal Analytics.

  Cliquez sur Save.

tag configuration
trigger configuration

15. Ouvrez le mode de débogage dans votre Conteneur de serveur. Ouvrez votre site Web et cliquez sur plusieurs pages. Revenez à l'onglet de débogage, vous devriez voir les demandes de Universal Analytics et GA4.

http request

16. Une autre façon de tester le fonctionnement des demandes de Universal Analytics et GA4 via le serveur consiste à utiliser l'outil de développeurs. Ouvrez votre site -> Cliquez sur alt+command+i (sur Mac) ou cliquez avec le bouton droit de la souris et inspectez -> accédez à l'onglet réseau -> rechargez la page -> tapez collect -> cliquez sur la demande et vérifiez que l'URL de la demande correspond à votre URL de balisage. Vous pouvez le faire pour UA et GA4.

gtm check

C'est tout. Vous avez maintenant configuré un conteneur de serveur et Google Analytics foncitionne via votre conteneur de serveur. Si vous voulez charger GA au sein de votre domaine et faire la demande GA à la première partie, suivez ce lien pour utiliser un sous-domaine personnalisé.

Tagged with:How to

Hébergez votre serveur GTM chez Stape

En vous inscrivant, vous acceptez les Terms and Conditions et la Privacy Policy de Stape