E-commerce GA4 (gtag.js): envoyer des événements Universal Analytics et GA4

Ce guide explique comment gérer des implémentations d'e-commerce gtag.js Universal Analytics et Google Analytics 4 distinctes.

Vous trouverez d'autres ressources et guides de mise à niveau dans le Centre de migration pour les développeurs.

Résultat

En suivant ce guide, vous allez implémenter les événements d'e-commerce Google Analytics 4 pour une nouvelle propriété GA4 sans modifier votre implémentation de l'e-commerce Universal Analytics existante. Vous enverrez des événements d'e-commerce distincts aux propriétés Universal Analytics et Google Analytics 4.

Notez que lorsque vous implémentez l'e-commerce pour UA et GA4, votre propriété Google Analytics 4 utilise votre implémentation de l'e-commerce GA4.

Avant de commencer

  1. Utilisez l'outil d'aide à la migration de l'e-commerce pour vérifier que les éléments suivants décrivent votre implémentation actuelle:

    • Vous utilisez une propriété Universal Analytics
    • Votre site utilise la bibliothèque gtag.js pour envoyer des événements d'e-commerce

  2. Consultez les options de mise à niveau pour l'implémentation de l'e-commerce afin d'en savoir plus sur les avantages et les inconvénients propres à chaque option. Confirmez que vous souhaitez suivre ce guide et disposer de deux implémentations d'analyse: une pour votre propriété Universal Analytics et une pour votre propriété Google Analytics 4.

Compromis et considérations

Examinez les informations ci-dessous pour bien comprendre les implications de deux implémentations d'e-commerce, l'une pour votre propriété Universal Analytics et l'autre pour votre propriété Google Analytics 4.

Avantages Inconvénients
  • Vous pouvez consulter les données d'e-commerce dans vos rapports GA4 et Universal Analytics.
  • La façon dont vos données d'e-commerce sont collectées ou enregistrées dans votre propriété Universal Analytics reste inchangée.
  • L'utilisation d'événements et de paramètres GA4 vous permet d'obtenir des rapports GA4 complets sur l'e-commerce.
  • Vous devez implémenter des événements d'e-commerce GA4.
  • Votre site Web envoie deux ensembles d'événements: un pour Universal Analytics et un pour GA4. Cela peut avoir un impact sur les performances.

Implémentation

1. Créer et configurer une propriété GA4

Pour créer et configurer votre nouvelle propriété Google Analytics 4, procédez comme suit:

  1. Créez une propriété Google Analytics 4.
    • Utilisez l'assistant de configuration GA4 pour créer automatiquement une propriété GA4 et copier les paramètres suivants depuis votre propriété Universal Analytics : nom de la propriété, URL du site Web, fuseau horaire et paramètres de devise. Toutefois, décochez l'option Activer la collecte des données à l'aide de vos balises existantes pour désactiver la fonctionnalité site tag associée. Si vous ne souhaitez pas copier les paramètres de votre propriété Universal Analytics, créez une propriété Google Analytics 4 sans l'assistant de configuration GA4.
  2. Recherchez l'ID de balise de la propriété Google Analytics 4. Vous en aurez besoin à l'étape suivante pour configurer votre propriété GA4.
  3. Ajoutez la propriété GA4.
    • Pour vous assurer que les événements Universal Analytics ne sont envoyés qu'à votre propriété UA et que les événements Google Analytics 4 ne sont envoyés qu'à votre propriété GA4, utilisez la fonctionnalité Données de routage fournie par gtag.js.
    • Ajoutez la propriété Google Analytics 4 à votre extrait gtag.js existant. Utilisez la commande config et le paramètre groups avec l'ID de balise afin que les événements puissent être acheminés vers votre propriété GA4 séparément de votre propriété Universal Analytics.

Voici un exemple d'extrait gtag.js ayant configuré une propriété Universal Analytics et une propriété Google Analytics 4 attribuées au groupe GA4.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID', { 'groups': 'GA4' });  // Google Analytics 4 property
</script>

2. Implémenter des événements d'e-commerce GA4 et effectuer un routage vers votre propriété GA4

Une fois que vous avez créé et configuré votre propriété Google Analytics 4, vous êtes prêt à implémenter des événements d'e-commerce GA4. Pour vous aider à rendre votre implémentation GA4 comparable à celle d'Universal Analytics, utilisez les ressources suivantes:

L'exemple suivant montre des événements d'e-commerce purchase distincts Universal Analytics et Google Analytics 4 envoyés à leurs propriétés respectives à l'aide du paramètre send_to pour les événements GA4:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});


// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});