Valider votre configuration de l'e-commerce (gtag.js)

Ce document explique comment vérifier qu'Analytics collecte les événements d'e-commerce de votre site Web lorsque vous utilisez gtag.js. Dans ce document, nous partons du principe que vous avez lu Mesurer l'e-commerce.

Afficher les événements d'e-commerce en temps réel

Une fois que vous avez ajouté des événements d'e-commerce à votre site Web et que vous commencez à les déclencher, utilisez le rapport DebugView pour vérifier qu'Analytics a bien reçu les événements d'e-commerce et les paramètres des événements. Le rapport DebugView vous permet de voir chaque paramètre au niveau de l'événement et de l'article qu'Analytics collecte sur votre site Web.

Le rapport DebugView diffuse en continu les événements et affiche le nom de l'événement chaque fois qu'un événement est collecté. Pour afficher les paramètres associés à un événement, cliquez sur son nom. Si vous avez inclus un tableau items, un onglet supplémentaire s'affiche pour les articles envoyés avec l'événement.

Résoudre les problèmes d'événements d'e-commerce manquants

Vous trouverez ci-dessous les raisons pour lesquelles aucun événement d'e-commerce ne s'affiche dans Analytics.

Vérifiez les virgules

Vous devez inclure une virgule après chaque valeur de paramètre. Analytics ignore les événements d'e-commerce dont un paramètre comporte une virgule manquante, ainsi que tout autre événement postérieur à l'événement ignoré. Par exemple, l'événement suivant n'est pas collecté:

gtag("event", "refund", {
  currency: "USD",
  transaction_id: "T_12345" // Missing a trailing comma
  value: 30.03,
  coupon: "SUMMER_FUN",
  shipping: 3.33,
  tax: 1.11
});

Vérifier l'emplacement

Vous devez placer les événements d'e-commerce en JavaScript plutôt qu'en HTML, et ils doivent être placés après la balise Google et non avant la balise Google.

Bon:

<body>
  <p>Hello, World!</p>
  <script>
    gtag("event", "<event-name>");
  </script>
</body>

Bon:

<body>
  <p>Hello, World!</p>
  <script src="my_events.js"></script>
</body>

Non:

<body>
  <p>Hello, World!</p>
  gtag("event", "<event-name>");
</body>

Non:

<head>
  <script>
    gtag("event", "<event-name>");
  </script>
  <!-- the Google tag -->
</head>

Vérifier la syntaxe de l'événement

L'événement purchase suivant utilise la syntaxe correcte: 

gtag('event', 'purchase', {
    transaction_id: "T_12345",
    value: 72.05,
    currency: "USD",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
     },
     {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
     }]
});

Vérifiez que les séparateurs dans votre événement sont correctement placés:

  • Parenthèses après gtag et avant le point-virgule de fermeture
  • Accolades avant et après les paramètres d'événement
  • Crochets avant et après les paramètres d'événement de portée article

Veillez également à inclure tous les paramètres d'événement obligatoires. Si vous n'incluez pas un paramètre obligatoire, l'événement et les paramètres s'afficheront toujours dans Google Analytics, mais Analytics le traitera comme un événement personnalisé et non comme un événement d'e-commerce.

Vérifiez le nom de l'événement

Lorsque vous configurez des événements d'e-commerce, assurez-vous d'utiliser le nom d'événement recommandé approprié. Par exemple, utilisez le nom d'événement "add_to_cart" plutôt que "add_to_basket" pour vous assurer qu'Analytics enregistrera l'événement comme l'un des événements d'e-commerce recommandés. De plus, assurez-vous d'écrire correctement les noms des événements et de ne pas faire de faute de frappe.

Vérifier l'ID de transaction

Si le même événement d'e-commerce est déclenché deux fois avec le même ID de transaction, Google Analytics ne collecte que le premier événement et ignore le deuxième, même si vous avez modifié certaines des valeurs dans le nouvel événement.

Si vous ne voyez pas d'événement d'e-commerce pendant les tests, essayez de modifier l'ID de transaction ou de le supprimer pendant le test afin d'afficher chaque version de l'événement.

Résoudre les problèmes d'événements d'e-commerce en double

Vous trouverez ci-dessous l'une des raisons pour lesquelles vous voyez des événements d'e-commerce en double dans Analytics.

Utiliser une balise par page

Veillez à ajouter l'extrait de code de la balise Google à chaque page de votre site Web. En outre, assurez-vous d'utiliser la balise Google (gtag.js) ou Google Tag Manager, mais pas les deux. L'utilisation de ces deux options comptabilisera certains événements deux fois et aura d'autres conséquences inattendues.