Intégration de Google Tag Manager

Explication du fonctionnement de l'intégration de PromoCat avec Google Tag Manager pour mesurer les conversions e-commerce.

Comment fonctionne l'intégration de Google Tag Manager ?
PromoCat a développé une intégration pour Google Tag Manager basée sur un événement d'achat (purchase event). Cet événement mesure, via des paramètres, les valeurs (nom du produit, prix, etc.) ajoutées à une commande ou à un devis. Cet ensemble de paramètres est appelé la data layer.

Exemple de data layer créée à partir d'une commande (article : mètre ruban) :

gtag("event", "purchase", {
  "transaction_id": "177",
  "value": "368.294500",
  "tax": "63.344500",
  "shipping": "12.000000",
  "currency": "EUR",
  "items": [
     {
       "item_id": "LT90442_N0002",
       "item_name": "Rolmaat 3m - Zwart",
       "affiliation": "Order",
       "item_category": "Rolmaten",
       "price": "3.460600",
       "quantity": "100"
     }
  ]
});

Cette data layer n'est pas visible dans le code de la page panier : elle n'est activée (déclenchée) qu'au moment où une commande est réellement passée, et se déclenche dès que la page de remerciement est atteinte.

Distinguer une commande d'un devis
Pour mesurer les bonnes conversions, il est important de savoir s'il s'agit d'une commande ou d'un devis. Cela peut se faire de 2 façons.

1. Valeurs dans la data layer
Le champ affiliation est toujours envoyé dans la data layer. Ce champ a 2 valeurs possibles : Order ou Offer. En lisant cette valeur, on peut déterminer s'il s'agit d'une commande ou d'un devis.

2. Configurer l'URL de la page de remerciement
S'il n'est pas possible de lire les valeurs de la data layer, des chemins peuvent être configurés. Dès que le chemin A est atteint, il s'agit d'une commande ; avec le chemin B, d'un devis.

Ces chemins sont configurés en créant un 'objectif' avec une destination :

Type	Étape	Chemin
Commande (A)	1 – Panier	`/checkout`
Commande (A)	2 – Page de remerciement	`/checkout/process`
Devis (B)	1 – Panier de devis	`/offerRequest`
Devis (B)	2 – Page de remerciement	`/offerRequest/process`

Après la configuration, vous pouvez filtrer sur l'objectif 'Commande' ou 'Devis'.
Plus d'informations : Configurer des objectifs Google Analytics

Comment activer les mesures via Google Tag Manager ?
Pour cela, vous avez besoin d'un compte Google Tag Manager et d'un accès au CMS de la boutique.

Dans le CMS, allez dans Instellingen (Paramètres) et accédez à l'onglet SEO.
Dans le champ Google Tag Manager, saisissez votre propre code GTM et cochez le paramètre Ecommerce tracking. Saisissez ici uniquement le code GTM (GTM-.......).
Associez Google Tag Manager à la boutique, puis configurez les bons paramètres (événements) dans Google Analytics, afin que les valeurs souhaitées soient mesurées et arrivent dans Google Analytics. Voir : [GA4] Modifier et créer des événements dans Google Analytics.

Important : un script ou un code a-t-il été placé manuellement sur le site ? Supprimez-le pour éviter les conflits. Vous pouvez le faire facilement dans l'éditeur de code de PromoCat.
Voir la documentation : Comment modifier le head, le CSS ou le JavaScript ?