Configurar Google Analytics 4 eCommerce en tu sitio puede ser un poco confuso. Y dado que Google Analytics no recoge automáticamente los datos de eCommerce de tu sitio o aplicación, debes configurarlo para utilizarlos en tus informes. Y los beneficios de configurarlo son inmensos.
Los datos de GA4 eCommerce te ayudan a entender cómo los clientes interactúan con tus productos y servicios. Te permite obtener información y oportunidades para mejorar las experiencias de compra de tus clientes. Más importante aún, puedes ver qué impacta más en tus conversiones y los cambios que puedes hacer para optimizar tu estrategia de marketing.
If you need a simple guide or reference to set up GA4 eCommerce on your site, this article is for you. We will discuss the step-by-step process to set up eCommerce in GA4. Also, we will explore the benefits of tracking eCommerce data in your business.
¡Así que, vamos a empezar!
Primeros pasos para habilitar el seguimiento de eCommerce en Google Analytics 4
Before you can enable eCommerce tracking in GA4, ensure you’ve completed the steps below to get started:
- Asegúrate de que tu sitio implemente funcionalidad transaccional para recopilar datos de eCommerce. Estas características pueden incluir páginas de productos, carritos de compra, páginas y botones de pago, opciones de pago, opciones de envío, y más.
- Creemos que ya tienes una cuenta de Google Analytics y una cuenta de Google Analytics 4. Si no es así, consulta nuestra reciente lista de verificación de configuración de GA4 para ayudarte a comenzar rápidamente. Cubre la creación de nuevas cuentas de análisis, la configuración de propiedades de GA4, la adición de nuevos flujos de datos y más.
- A continuación, debes seleccionar un método de recopilación de datos de análisis de eCommerce: Global Site Tag (gtag.js) o Google Tag Manager (GTM). Estos métodos te permiten crear etiquetas para configurar la propiedad de Google Analytics 4 para recibir tus datos de seguimiento de eCommerce desde tu sitio web o aplicación. Si no sabes qué elegir, aquí están las diferencias entre gtag.js y GTM:
Google Tag Manager vs Global Site Tag (gtag.js)
Google Tag Manager y Global Site Tag son diferentes formas que puedes usar para implementar etiquetas para Google Analytics. Aunque ambos cumplen el mismo propósito, su implementación es diferente.
Google Tag Manager es un sistema de gestión de etiquetas basado en la web. Puede ayudarte a actualizar las etiquetas de Google y de terceros en tu sitio web o aplicaciones móviles sin escribir mucho código. GTM también tiene capacidades de colaboración y versionado.
Por otro lado, Global Site Tag (gtag.js) es un marco de JavaScript que puedes usar para agregar etiquetas directamente a tus aplicaciones móviles o páginas web. A diferencia de Tag Manager, gtag.js te permite usar código JavaScript todo el tiempo para enviar tus datos a Google Analytics.
Así que discutiremos cómo usar GA4 con Tag Manager porque creemos que GTM es una mejor alternativa. GTM es compatible con muchas otras herramientas de seguimiento, es fácil de usar y tiene más funcionalidades.
Configuración de GA4 eCommerce usando Google Tag Manager
Como hemos discutido, Tag Manager es más fácil de usar, más eficiente y más seguro. Además, GTM puede reducir errores de configuración de etiquetas, optimizar la implementación de etiquetas y proporcionar acceso a más funciones en una interfaz web fácil de usar.
Así que, aquí están los pasos a seguir para configurar Google Analytics 4 usando Google Tag Manager:
Configura Google Tag Manager para tu sitio de eCommerce
Puedes acceder a Google Tag Manager haciendo clic en la pestaña Todas las cuentas en la parte superior izquierda de tu panel de Google Analytics. Luego, el ícono de Tag Manager. A continuación, haz clic en el enlace Comenzar en la caja de Google Tag Manager.
Alternativamente, puedes visitar el sitio de Tag Manager directamente para iniciar sesión y acceder a tu espacio de trabajo de GTM.
Si esta es tu primera vez usando GTM, crea una nueva cuenta y un contenedor desde la página de inicio de Google Tag Manager. Una cuenta en GTM te permite gestionar todas tus etiquetas en un solo lugar. Y para hacerlo, aquí están los pasos a seguir:
- Haz clic en la pestaña Cuentas, luego en el botón Crear Cuenta en la esquina superior derecha de la página de inicio.
- A continuación, ingresa el nombre de tu nueva cuenta y selecciona el país en el formulario de Nueva Cuenta de Tag Manager.
- A continuación, agrega un nombre descriptivo en el campo Nuevo Contenedor, luego selecciona un tipo de contenedor que coincida con tu plataforma objetivo.
- Finalmente, haz clic en Crear y lee y acepta los Términos de Servicio en la ventana de Términos de Servicio para crear tu Contenedor de Google Tag.
Una vez que hayas creado con éxito tu contenedor GTM, recibirás un cuadro de diálogo que contiene códigos de instalación de Google Tag Manager e instrucciones. Si no estás listo para la instalación, haz clic en Ok para completar el proceso más tarde.
Usaremos estos códigos para instalar Google Tag Manager en tu sitio de eCommerce. Para incluir diferentes sitios o aplicaciones, deberías crear contenedores adicionales para cada sitio que necesites medir.
Para agregar un contenedor para otras plataformas, abre la página de inicio de tu Tag Manager y toca la pestaña Administrar. A continuación, haz clic en el ícono de Más en la esquina superior derecha del cuadro de Contenedor, luego Crear Contenedor junto a la cuenta GTM. Recuerda, no necesitas crear una nueva cuenta para cada nueva aplicación o sitio web.
Instala Google Tag Manager en tus aplicaciones o páginas web
Para instalar Tag Manager en tu sitio, debes agregar un pequeño fragmento de código en tus páginas web para permitir que tu sitio se comunique con los servidores de Google Tag y Google Analytics.
El código de etiqueta de configuración de GA4 declara la configuración para las etiquetas GA4, establece cookies y envía eventos de medición recogidos automáticamente y mejorados.
Si necesitas instalar Tag Manager en tu aplicación móvil, consulta esta documentación para desarrolladores: Introducción al etiquetado móvil.
Usar Tag Manager en móviles te ayuda a medir la interacción de los usuarios con tu aplicación y productos de eCommerce. También modifica cómo configuras tu aplicación sin tener que reconstruir o volver a enviar los códigos de la aplicación en las tiendas de aplicaciones.
Cómo instalar el contenedor GTM en tu sitio de eCommerce
Para instalar contenedores GTM en tu sitio, debes tener acceso a tu código de sitio web o móvil. Para hacerlo, sigue los pasos a continuación:
- En Google Tag Manager, haz clic en Espacio de trabajo.
- A continuación, haz clic en tu ID de contenedor, formateado como GTM-XXXXXX, a la derecha de la pestaña Espacio de trabajo. Y cuando hagas clic en el ID, se abrirá el cuadro de instalación de Tag Manager.
- Finalmente, de las instrucciones en el cuadro de Instalar Tag Manager: copia y pega los fragmentos de código en tus páginas web. Es decir, coloca el <script> code snippet in the <head> of your web page’s HTML output and put the <noscript> code snippet immediately after the <body> tag.
Nota: Si utilizas un sistema de gestión de contenido de eCommerce, puedes encontrar un plugin o una función que te permita instalar tus contenedores fácilmente. Por ejemplo, puedes usar el plugin GTM4WP en WordPress para instalar GTM.
Migrar a Google Tag Manager
Si ya estabas utilizando Global Site Tags para rastrear tus interacciones de eCommerce y quieres usar GTM, deberías migrar todas o la mayoría de tus etiquetas existentes a GTM. Puedes aprender cómo hacerlo aquí: Migrar a Google Tag Manager.
Próximos pasos
Después de haber agregado el contenedor de Tag Manager en tus páginas web o aplicación y configurarlos con éxito, GTM puede ahora comunicarse con tu propiedad de Google Analytics. Por lo tanto, tu próximo paso es agregar etiquetas de eventos de eCommerce relevantes a tu sitio o aplicación. Pero primero, entendamos los eventos de eCommerce que debes considerar rastrear.
Entender las interacciones de eCommerce que debes rastrear en tu sitio o aplicación
Las interacciones de eCommerce son los eventos que muestran cómo se comportan los visitantes de su sitio o los usuarios de su aplicación al interactuar con sus productos o servicios. Y para implementar el seguimiento de eCommerce en su sitio o aplicación, generalmente se mide todas o algunas de las siguientes acciones del cliente:
- Ver sus productos o servicios
- Seleccionar o ver un artículo de una lista
- Agregar o quitar un artículo del carrito de compras
- Iniciar el proceso de pago
- Ver y aplicar promociones
- Realizar compras
- Solicitar reembolsos
Entonces, antes de comenzar a implementar eventos de eCommerce en su sitio o aplicación, es necesario pensar en las acciones que necesita medir. ¿Desea saber cuántas personas completaron una compra? ¿Qué pasa con aquellos que convirtieron a partir de sus promociones?
Este primer paso es crucial porque cuando sabe qué rastrear, se vuelve más fácil determinar los eventos a medir. Hay varios eventos que Google Analytics recoge. Los eventos de GA4 incluyen dos categorías: eventos recopilados automáticamente y los eventos que usted configura manualmente para recopilar.
Los eventos que necesitas implementar manualmente incluyen eventos recomendados y eventos personalizados. Los eventos recomendados son aquellos que tienen nombres y parámetros predefinidos en Google Analytics. Los eventos personalizados son aquellos que necesitas definir y configurar informes personalizados para un análisis significativo.
La mayoría de los eventos de eCommerce que necesitas son eventos recomendados. Por lo tanto, nos centraremos en cómo recolectar estos eventos recomendados de eCommerce en Google Tag Manager en nuestro próximo paso.
Configura eventos de eCommerce de Google Analytics 4 con Google Tag Manager
Una vez que hayas instalado correctamente Tag Manager en tu sitio, agrega y configura eventos de eCommerce GA4 en Tag Manager con las etiquetas y activadores apropiados.
Como hemos discutido, los eventos recomendados de eCommerce son el tipo de eventos que tienen nombres y parámetros predefinidos. Y te permiten desbloquear más mediciones de interacción del usuario en tu sitio o aplicación.
Google Tag Manager puede representar tus productos o servicios como arreglos de artículos añadidos como eventos de eCommerce. Este arreglo puede incluir cualquier parámetro prescrito y hasta 27 parámetros personalizados. Además, puedes crear una colección de arreglos de artículos para incluir hasta 200 elementos para un mejor y más detallado seguimiento de eCommerce.
Aunque no discutiremos mucho sobre la creación de eventos personalizados, el proceso no es demasiado desafiante, y puedes consultar la página de documentación de eventos personalizados para saber más.
Así que, aquí está cómo configurar eventos de eCommerce en GA4:
Pasos para crear y configurar etiquetas de eventos recomendados de eCommerce GA4
El primer paso para configurar eventos de eCommerce GA4 en Google Tag Manager es configurar una etiqueta de evento de Google Analytics GA4. Una etiqueta de evento GA4 te permite crear reglas personalizadas para recopilar los datos correctos de tu sitio o app en el momento adecuado.
Necesitarás diseñar macros personalizadas que permitan a Google Tag Manager extraer datos dinámicos de tus páginas de productos, como nombres de artículos, precios y más. A partir de ahí, los contenedores GTM instalados en tu sitio pasarán estos valores a tu Tag Manager.
Para nuestro ejemplo, crearemos un evento de compra. Si necesitas una visión general sobre cómo configurar eventos recomendados en Google Analytics, consulta el video a continuación:
Sigue los pasos a continuación para crear y configurar una nueva etiqueta de evento de eCommerce GA4:
- En Google Tag Manager, haz clic en Etiquetas en el menú lateral, luego en Nuevo.
- En la parte superior del cuadro de Nueva Etiqueta, ingresa el nombre de tu evento. Por ejemplo, "purchase".
- A continuación, selecciona “Google Analytics: GA4 Event” como tipo de etiqueta.
- Configura nuevas variables de Data Layer de eCommerce. Para hacer eso, ve a Variables y, bajo Variables Definidas por el Usuario, haz clic en Nuevo. Ingresa el Nombre de la Variable y el Nombre de la Variable DataLayer correspondiente para que coincida con cada uno de los siguientes en el cuadro de Configuración de la Variable. Luego, haz clic en Guardar:
- Ecommerce Items – ecommerce.items
- ID de Transacción Ecommerce – ecommerce.transaction_id
- Valor Ecommerce – ecommerce.value
- Impuesto Ecommerce – ecommerce.tax
- Envío Ecommerce – ecommerce.shipping
- Moneda Ecommerce – ecommerce.currency
- Cupón Ecommerce – ecommerce.coupon
- Después de configurar las variables, coloca tus parámetros de evento en los pares de Nombre de Parámetro – Valor debajo de la caja de Nueva Etiqueta. Además, marca la casilla Enviar Datos Ecommerce bajo Más Configuraciones. Los parámetros de evento pueden incluir cualquiera de los siguientes:
- artículos – {{Ecommerce Items}}
- transaction_id – {{Ecommerce Transaction ID}}
- valor – {{Ecommerce Value}}
- impuesto – {{Ecommerce Tax}}
- envío – {{Ecommerce Shipping}}
- moneda – {{Ecommerce Currency}}
- cupón – {{Ecommerce Coupon}}
- Finalmente, configura tu activador para que se active cada vez que ocurra un evento en tu sitio. En el cuadro de Configuración del Activador, ingresa el Nombre del Evento como compra, Tipo de Activador como Evento Personalizado, y haz que este activador se dispare en algunos eventos. Establece esta condición del activador como “El evento es igual a compra” y guarda todos tus cambios.
Nota: Puedes verificar el Referencia de eventos para una lista completa de eventos recomendados y los parámetros a enviar.
Prueba tu configuración y setup de eCommerce en Google Analytics
Una vez que hayas completado la configuración de eventos, es recomendable previsualizar tus cambios antes de publicar tus nuevos eventos. La previsualización en Tag Manager te permite probar si tu setup de GA4 está listo para rastrear tus datos de eCommerce antes de publicarlos en tu sitio. La prueba también te permite asegurarte de que Google Analytics recopila y rastrea correctamente tus datos de eCommerce.
Para acceder al Tag Assistant en modo de previsualización y verificar que tus etiquetas funcionan, aquí están los pasos:
- Haz clic en Previsualizar en Google Tag Manager para iniciar Google Tag Assistant en una nueva pestaña. Si hay errores de configuración en tu setup, Tag Manager te alertará antes de que puedas continuar.
- A continuación, ingresa la URL de tu sitio web. Esta URL es donde instalaste el contenedor de Tag Manager. Si encuentras errores, puedes comenzar a depurar con el Tag Assistant.
- Si hay problemas con tu etiqueta, haz clic en el nombre de una etiqueta en Tag Manager para cambiar su configuración y solucionar los problemas. Por ejemplo, si un evento se activa en un desencadenador incorrecto, es decir, cuando se carga una página en lugar de un clic en un botón.
- Guarda tus cambios y repite el proceso hasta que logres el seguimiento deseado.
Cuando tu etiqueta funciona como esperabas, ¡es hora de publicar tu espacio de trabajo actual! Para hacer eso, haz clic en Enviar en la parte superior derecha de tu Tag Manager. En el cuadro de Enviar Cambios, revisa tus Cambios de Espacio de Trabajo, ingresa un Nombre de Versión y una Descripción, y luego haz clic en Publicar.
Una vez que todo esté como lo intentaste y publicado, puedes obtener tus eventos y parámetros de los informes de Tiempo Real y informes de DebugView.Estos dos informes te permiten monitorear las actividades de los usuarios en tus sitios en cuestión de segundos, a medida que ocurren.
Analiza tus datos de eCommerce en Google Analytics
Con el seguimiento de eCommerce de GA4 en su lugar, es hora de analizar y obtener información sobre el comportamiento de compra de tus clientes a partir de tus datos de eCommerce. Puedes usar los conocimientos para crear experiencias personalizadas para los clientes, tomar decisiones comerciales informadas y mitigar riesgos y contratiempos potenciales en tu negocio.
Crear informes de eCommerce junto a otros canales de marketing puede darte una vista unificada de tu estrategia de marketing, permitiéndote detectar tendencias y más oportunidades para optimizar tu estrategia de eCommerce.
Durante años, hemos ayudado a miles de usuarios de Google Analytics en todo el mundo a crear informes de eCommerce personalizados y multiplataforma. Así que, si necesitas llevar tus informes de eCommerce al siguiente nivel, podemos ayudarte.
Dataslayer llevará todos tus datos de eCommerce, SEM/PPC a tus plataformas de análisis de datos o herramientas de visualización favoritas, como Google Sheets, Looker Studio, BigQuery y otras herramientas de BI.
Por lo tanto, puedes confiar en nuestra suite de herramientas de marketing digital para ayudarte a analizar tus datos de eCommerce, los datos de campañas de marketing en redes sociales y los datos de PPC para entender a tus clientes y mejorar tus estrategias de marketing.
¿Por qué es tan crítico configurar Google Analytics 4 eCommerce para tu negocio?
Después de configurar Google Analytics 4 para eCommerce, revisemos los beneficios que obtendrás tras pasar por este largo proceso.
Obtén un seguimiento de eventos de eCommerce preciso y más rápido
GA4 eCommerce proporciona un seguimiento de eCommerce más preciso y rápido que Universal Analytics. Con más funciones y capacidades que la versión de Universal Analytics, puedes rastrear métricas más relevantes para tu negocio.
Además, medir las interacciones de eCommerce en tu sitio o aplicación tiene un impacto mínimo en la velocidad de tu sitio o aplicación de eCommerce. Por lo tanto, aún brindarás las mejores experiencias para tus clientes mientras recopilas datos comerciales relevantes.
Rastrea interacciones de eCommerce entre dispositivos
Configurar GA4 eCommerce para tu tienda en línea te ayudará a rastrear el comportamiento de tus clientes a través de múltiples dispositivos, incluyendo escritorio, móvil o tablet. Dentro de una única interfaz, puedes ver cómo interactúan tus clientes con tu sitio en diferentes dispositivos.
Si estás gestionando tu tienda exclusivamente en tu sitio web, este beneficio puede no ser ideal para ti. Sin embargo, rastrear a un usuario a través de múltiples plataformas es una característica increíble para un propietario de tienda con aplicaciones móviles.
Proporciona funciones avanzadas de informes de eCommerce
Comparado con Universal Analytics, GA4 es más potente y fácil de usar, permitiéndote obtener conocimientos más profundos sobre tus datos de eCommerce. Por ejemplo, puedes rastrear fácilmente el viaje de un cliente desde la visualización del producto hasta la compra para ayudarte a identificar oportunidades para mejorar las experiencias de los clientes.
Además, con una API de Google Analytics 4 completa, puedes llevar tus datos a plataformas de informes y Business Intelligence de terceros para mejorar las capacidades de análisis de datos. Por ejemplo, puedes usar nuestro API Query Manager para llevar tus datos de eCommerce de Google Analytics a Power BI, Tableau o Qlik.
Leer más: Lo que debes saber sobre la nueva API de datos GA4 y la API de propiedades UA
Ofrece una mejor integración con otros productos y servicios
Google Analytics se integra perfectamente con muchas otras herramientas de productos del ecosistema de Google y varias otras herramientas de terceros. Integrar GA4 fácilmente con tus plataformas de datos preferidas te brinda más flexibilidad sobre cómo usas e interpretas tus datos de eCommerce.
Por ejemplo, la integración de GA4 con Google Ads te permite rastrear el rendimiento de tus anuncios para ayudarte a optimizar tus campañas basadas en tus datos de eCommerce. Por lo tanto, esta integración te ayudará a obtener mejores resultados y un ROI mejorado de tus campañas publicitarias.
Concluyendo
¡Ahí lo tienes! Una configuración completa de medición de eCommerce en Google Analytics 4. Esperamos que esta guía te haya ayudado a configurar GA4 con éxito, y ahora puedes rastrear la interacción de tus clientes en tu sitio o app de eCommerce.
Una vez que completes estos pasos, tu eCommerce de GA4 debería estar listo para rastrear el comportamiento de compra de tus clientes en tu sitio. Y aunque puede tomar algún tiempo para que los datos aparezcan en tus informes de GA4, sé paciente y revisa después de unas horas.
Remember, you can rely on nuestras herramientas de informes de marketing digital para llevar tus datos de eCommerce de Google Analytics y otros datos de PPC/SEM a Google Sheets, Google Data Studio y otras herramientas de BI para un análisis más profundo que sirva a tus casos de uso específicos.
Empieza hoy mismo a aprender cuánto podemos ayudarte a llevar tu negocio al siguiente nivel con nuestras herramientas de informes de marketing digital de primera categoría.