Comercio electrónico de GA4 (gtag.js): Envía eventos de Universal Analytics y GA4

En esta guía, se describe cómo mantener implementaciones de comercio electrónico independientes de gtag.js Universal Analytics y de Google Analytics 4.

Visita el Centro de migración para desarrolladores a fin de obtener recursos y guías de actualización adicionales.

Resultado

El resultado de seguir esta guía es que implementarás los eventos de comercio electrónico de Google Analytics 4 en una propiedad GA4 nueva y mantendrás tu implementación de comercio electrónico de Universal Analytics existente sin cambios. Enviarás eventos de comercio electrónico separados a las propiedades Universal Analytics y Google Analytics 4.

Ten en cuenta que, cuando implementes el comercio electrónico en UA y GA4, tu propiedad Google Analytics 4 utilizará tu implementación de comercio electrónico de GA4.

Antes de comenzar

  1. Usa la herramienta de asistencia de migración de comercio electrónico para confirmar que la siguiente información describa tu implementación actual:

    • Utilizas una propiedad Universal Analytics
    • Tu sitio usa la biblioteca gtag.js para enviar eventos de comercio electrónico

  2. Revisa las opciones de actualización para las implementaciones de comercio electrónico para conocer las compensaciones de cada opción. Confirma que deseas seguir esta guía y contar con dos implementaciones de estadísticas: una para tu propiedad Universal Analytics y otra para tu propiedad Google Analytics 4.

Concesiones y consideraciones

Revisa y considera la siguiente información para comprender a fondo las implicaciones de tener dos implementaciones de comercio electrónico: una para tu propiedad Universal Analytics y otra para tu propiedad Google Analytics 4.

Ventajas Desventajas
  • Te permite ver datos de comercio electrónico en los informes de GA4 y Universal Analytics.
  • No hay cambios en la forma en que se recopilan o informan tus datos de comercio electrónico en tu propiedad Universal Analytics.
  • El uso de eventos y parámetros de GA4 garantiza informes completos de comercio electrónico de GA4.
  • Requiere que implementes eventos de comercio electrónico de GA4.
  • Tu sitio web envía dos conjuntos de eventos: uno para Universal Analytics y otro para GA4. Esto puede afectar el rendimiento.

Implementación

1. Cómo crear y configurar una propiedad GA4 nueva

Completa los siguientes pasos para crear y configurar tu nueva propiedad Google Analytics 4:

  1. Crea una nueva propiedad Google Analytics 4.
    • Usa el Asistente de configuración de GA4 para crear automáticamente una propiedad GA4 nueva y copiar los siguientes parámetros de tu propiedad Universal Analytics: nombre de la propiedad, URL del sitio web, zona horaria y configuración de moneda. Sin embargo, desmarca la opción Habilitar la recopilación de datos con tus etiquetas existentes para inhabilitar la función de etiqueta conectada del sitio. Como alternativa, si no deseas copiar ningún parámetro de configuración de tu propiedad Universal Analytics, crea una propiedad Google Analytics 4 sin el Asistente de configuración de GA4.
  2. Busca el ID de etiqueta de la propiedad Google Analytics 4. Usarás esto en el siguiente paso para configurar tu propiedad GA4.
  3. Agrega la propiedad GA4.
    • Para asegurarte de que los eventos de Universal Analytics solo se envíen a tu propiedad UA y de que los eventos de Google Analytics 4 solo se envíen a tu propiedad GA4, utiliza la funcionalidad Datos de ruta que proporciona gtag.js.
    • Agrega la propiedad Google Analytics 4 a tu fragmento gtag.js existente. Usa el comando config y el parámetro groups con el ID de etiqueta para que los eventos se puedan enrutar a tu propiedad GA4 de forma independiente de tu propiedad Universal Analytics.

El siguiente es un ejemplo de fragmento gtag.js que configuró una propiedad Universal Analytics y una propiedad Google Analytics 4 asignada al grupo 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. Implementa eventos de comercio electrónico de GA4 y enruta a tu propiedad GA4

Una vez que hayas creado y configurado tu nueva propiedad Google Analytics 4, estarás listo para implementar eventos de comercio electrónico de GA4. Para ayudarte a que tu implementación de GA4 sea comparable con la de Universal Analytics, usa los siguientes recursos:

En el siguiente ejemplo, se muestran los eventos purchase de comercio electrónico independientes de Universal Analytics y Google Analytics 4 que se envían a sus respectivas propiedades mediante el parámetro send_to para los eventos de 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
    }
  ],
});