Envoyer GA4 depuis le GTM web via votre conteneur serveur

Passez cette section si vous avez déjà une propriété GA4. Vous n'avez besoin que de son ID de mesure.

1. 1 Ouvrez analytics.google.com, allez dans Admin et cliquez sur Create, puis Property.
2. 2 Saisissez un nom de propriété, votre fuseau horaire et votre devise de reporting, puis complétez les informations sur l'entreprise.
3. 3 Quand GA4 vous propose de commencer la collecte de données, choisissez Web, saisissez l'URL de votre site et un nom de flux, puis cliquez sur Create stream.
4. 4 Copiez le Measurement ID dans les détails du flux. Il ressemble à G-XXXXXXXXXX.

La balise Google charge GA4 sur la page et envoie le page_view. Un seul paramètre, server_container_url, change la destination de ses hits.

gtag('config', 'G-XXXXXXXXXX', {
  server_container_url: 'https://k7q2x.example.com'
});

Utilisez exactement l'URL de votre conteneur serveur : https://, sans chemin et sans barre oblique finale.

Les pages vues et les événements de mesure améliorée (défilements, clics sortants, recherche sur le site, téléchargements de fichiers) viennent automatiquement de la balise Google. Vos propres événements, comme les inscriptions et les achats, nécessitent une balise Google Analytics: GA4 Event. Réutilisez le déclencheur sign_up de la leçon 1 :

1. 1 Créez une balise de type Google Analytics: GA4 Event.
2. 2 Réglez Measurement ID sur G-XXXXXXXXXX (votre ID). L'événement passe par la balise Google ayant le même ID, URL serveur comprise.
3. 3 Réglez Event Name sur sign_up. Sous Event Parameters, ajoutez method avec la Data Layer Variable créée précédemment.
4. 4 Sélectionnez le déclencheur Custom Event sign_up et enregistrez.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'T-10293',
    value: 129.90,
    currency: 'EUR',
    items: [{ item_id: 'SKU-1', item_name: 'Shoes', price: 129.90, quantity: 1 }]
  }
});

Sans URL serveur, GA4 envoie les hits à des hôtes Google comme region1.google-analytics.com ou analytics.google.com. Avec elle, les mêmes hits partent vers votre sous-domaine, sur le chemin /g/collect :

https://k7q2x.example.com/g/collect?v=2&tid=G-XXXXXXXXXX&en=page_view&...

• La requête reste sur votre propre domaine : elle est donc first-party pour le navigateur.
• Moins de bloqueurs la ciblent, car elle ne part plus vers un domaine d'analytics connu. Les bloqueurs qui ciblent le chemin /g/collect peuvent encore l'intercepter : Request Proxy, dans la leçon 8, règle ce cas.
• Le conteneur serveur voit chaque hit GA4 avant GA4, et c'est là que vous pourrez plus tard filtrer ou enrichir les données.

1. 1 Cliquez sur Preview dans le conteneur web et connectez-vous à votre site. La balise Google doit se déclencher sur Initialization et les balises GA4 Event sur leurs événements.
2. 2 Dans la fenêtre du site, ouvrez les DevTools, allez dans l'onglet Network et filtrez sur collect.
3. 3 Rechargez la page. Vous devez voir des requêtes vers https://k7q2x.example.com/g/collect avec le statut 200 ou 204, et aucune vers google-analytics.com ou analytics.google.com.
4. 4 Quand tout est correct, cliquez sur Submit et publiez le conteneur web.

• Aucun extrait gtag.js codé en dur pour le même ID ne reste sur le site.
• La balise Google a server_container_url réglé sur votre sous-domaine.
• Les requêtes /g/collect partent vers k7q2x.example.com.
• Le Preview du conteneur serveur affiche les requêtes entrantes (la leçon sur le débogage explique comment le lire).