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

Ce guide explique comment utiliser une implémentation d'e-commerce gtag.js Universal Analytics existante pour envoyer des événements d'e-commerce à une propriété Google Analytics 4.

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

Résultat

Si vous suivez ce guide, votre implémentation Universal Analytics existante sera utilisée pour renseigner une nouvelle propriété Google Analytics 4. Votre implémentation Universal Analytics existante restera inchangée, vos rapports e-commerce UA continueront d'être remplis de données et votre nouvelle propriété Google Analytics 4 commencera à recevoir des données.

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 migration 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 vraiment suivre ce guide afin d'utiliser votre implémentation gtag.js Universal Analytics existante pour Google Analytics 4.

  3. Consultez la documentation de référence sur la compatibilité des événements pour découvrir comment les événements UA sont traduits lorsqu'ils sont envoyés à une propriété GA4.

Compromis et considérations

Examinez les informations ci-dessous pour bien comprendre les conséquences de l'utilisation de votre implémentation de l'e-commerce gtag.js (Universal Analytics) existante avec une propriété Google Analytics 4.

Avantages Inconvénients
  • Cette option est la plus simple à implémenter, car vous ne modifiez pas vos tags d'événement d'e-commerce existants.
  • 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.
  • Les événements select_content, checkout_progress, set_checkout_option et view_refund ne sont pas reconnus dans GA4 et n'apparaîtront pas dans les rapports sur l'e-commerce GA4.
    • Les événements ci-dessus et les paramètres associés seront traités comme des événements personnalisés et des paramètres personnalisés dans GA4. Toutefois, les données ne seront pas envoyées à Google Analytics pour le paramètre items (il n'est pas accepté en tant que paramètre personnalisé).
  • L'étape Add Shipping Info (Ajouter des informations de livraison) dans le rapport "Détails du panier" ou "Entonnoir de conversion en cascade" de GA4 sera vide.
  • L'étape List Logs (Clics sur la liste) du rapport sur les entonnoirs de conversion pour les marchands, les produits et les articles GA4 sera vide.
  • Le délimiteur / pour la catégorie n'est pas reconnu dans GA4. GA4 signalera cat1/cat2/cat3 en tant que catégorie au lieu de trois catégories, à savoir cat1, cat2 et cat3.

Implémentation

Complétez l'une des options suivantes pour utiliser une implémentation gtag.js Universal Analytics existante afin d'envoyer des événements d'e-commerce à une propriété Google Analytics 4.

Option 1: Utiliser l'assistant de configuration GA4 et activer les site tags associés

L'assistant de configuration GA4 crée automatiquement une propriété GA4 et copie 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. Il peut également activer la fonctionnalité de site tag associé afin de réutiliser votre implémentation gtag.js Universal Analytics existante pour charger votre nouvelle propriété GA4.

Suivez les étapes décrites dans l'assistant de configuration GA4 pour créer et configurer une propriété Google Analytics 4. Veillez à cocher l'option Activer la collecte de données à l'aide de vos balises existantes pour utiliser la fonctionnalité de site tag associé.

Option 2: Mettre à jour votre extrait gtag.js

  1. Créez une propriété Google Analytics 4.
    • Utilisez l'assistant de configuration GA4 pour ajouter une propriété Google Analytics 4. Toutefois, décochez l'option Activer la collecte de données à l'aide de vos balises existantes lorsque vous y êtes invité lors de la configuration. Vous pouvez également créer une propriété Google Analytics 4 sans l'assistant de configuration GA4. L'assistant vous permet de copier certains paramètres de base de votre propriété Universal Analytics.
  2. Recherchez l'ID de mesure de la propriété Google Analytics 4.
  3. Ajoutez la propriété Google Analytics 4 à votre extrait gtag.js existant à l'aide de la commande config avec l'ID de mesure.

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

<!-- 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');  // Google Analytics 4 property.
  
</script>