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

En esta guía, se describe cómo usar una implementación de comercio electrónico existente de Universal Analytics gtag.js para enviar eventos de comercio electrónico a una propiedad Google Analytics 4.

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

Resultado

El resultado de seguir esta guía es que tu implementación existente de Universal Analytics se utilizará para propagar una propiedad Google Analytics 4 nueva. Tu implementación actual de Universal Analytics no cambiará, tus informes de comercio electrónico de UA se seguirán propagando con datos y tu nueva propiedad Google Analytics 4 comenzará a recibir datos.

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 migración para las implementaciones de comercio electrónico para obtener información sobre las compensaciones de cada opción. Confirma que realmente deseas seguir esta guía para usar tu implementación existente de Universal Analytics de gtag.js en Google Analytics 4.

  3. Consulta la referencia de compatibilidad de eventos para aprender cómo se traducen los eventos de UA cuando se envían a una propiedad GA4.

Concesiones y consideraciones

Revisa y considera la siguiente información para comprender completamente las implicaciones de usar tu implementación de comercio electrónico existente de gtag.js (Universal Analytics) con una propiedad Google Analytics 4.

Ventajas Desventajas
  • Es la opción más fácil de implementar, ya que no se cambian las etiquetas de evento de comercio electrónico existentes.
  • 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.
  • Los eventos select_content, checkout_progress, set_checkout_option y view_refund no se reconocen en GA4 y no aparecerán en los informes de comercio electrónico de GA4.
    • Los eventos anteriores y sus parámetros asociados se tratarán como eventos personalizados y parámetros personalizados en GA4. Sin embargo, no se enviarán a Google Analytics los datos del parámetro items (no se admite como parámetro personalizado).
  • El paso Agregar información de envío en el informe Detalles del carrito o Embudo de fallo de GA4 estará vacío.
  • El paso Clics en la lista del informe del embudo de la lista de artículos, productos y artículos promocionales de GA4 estará vacío.
  • El delimitador / para la categoría no se reconoce en GA4. GA4 informará cat1/cat2/cat3 como una categoría en lugar de tres categorías, es decir, cat1, cat2 y cat3.

Implementación

Completa cualquiera de las siguientes opciones para usar una implementación existente de Universal Analytics de gtag.js y enviar eventos de comercio electrónico a una propiedad Google Analytics 4.

Opción 1: Utiliza el Asistente de configuración de GA4 y habilita las etiquetas conectadas del sitio

El Asistente de configuración de GA4 creará automáticamente una nueva propiedad GA4 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. También puede habilitar la función etiqueta conectada del sitio para reutilizar tu implementación existente de gtag.js de Universal Analytics a fin de cargar tu nueva propiedad GA4.

Sigue los pasos que se describen en el Asistente de configuración de GA4 para crear y configurar una nueva propiedad Google Analytics 4. Asegúrate de marcar la opción Habilitar la recopilación de datos con tus etiquetas existentes para usar la función de etiqueta conectada del sitio.

Opción 2: Actualiza el fragmento de gtag.js

  1. Crea una nueva propiedad Google Analytics 4.
    • Utiliza el Asistente de configuración de GA4 para agregar una propiedad Google Analytics 4. Sin embargo, desmarca la opción Habilitar la recopilación de datos con tus etiquetas existentes cuando se te solicite durante la configuración. Como alternativa, crea una propiedad Google Analytics 4 sin el Asistente de configuración de GA4. La ventaja de usar el Asistente es que copiará algunos parámetros de configuración básicos de tu propiedad Universal Analytics.
  2. Busca el ID de medición de la propiedad Google Analytics 4.
  3. Agrega la propiedad Google Analytics 4 a tu fragmento gtag.js existente con el comando config con el ID de medición.

A continuación, se muestra un ejemplo de un fragmento gtag.js que configuró una propiedad Universal Analytics y una propiedad 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>