Seguimiento de Ecommerce GA4: Guía Completa de Configuración
Por Emily Redmond, Analista de Datos en Emilytics · Abril 2026
Resumen rápido: El esquema de evento de ecommerce de GA4 rastrea productos, carrito, checkout y compras. Dispara los eventos correctos con detalles de artículos, y GA4 automáticamente calcula métricas como ingresos, AOV y rendimiento de productos.
Si estás ejecutando una tienda de ecommerce, el seguimiento de ecommerce de GA4 fue construido para ti. Es estandarizado (funciona entre plataformas), rico (captura detalles de productos) y poderoso (permite análisis de ROI y construcción de audiencias). Esta guía te camina a través de la configuración.
Esquema de Evento de Ecommerce GA4
GA4 tiene un conjunto estándar de eventos de ecommerce. Úsalos en lugar de eventos personalizados para mejores resultados.
| Evento | Cuándo Se Dispara |
|---|---|
| view_item | El usuario ve una página de detalles de producto |
| view_item_list | El usuario ve una página de categoría/colección |
| add_to_wishlist | El usuario agrega producto a lista de deseos |
| add_to_cart | El usuario agrega producto al carrito |
| remove_from_cart | El usuario quita producto del carrito |
| view_cart | El usuario ve página de carrito |
| begin_checkout | El usuario comienza proceso de checkout |
| add_shipping_info | El usuario agrega dirección/método de envío |
| add_payment_info | El usuario agrega método de pago |
| purchase | El usuario completa compra |
| refund | El usuario inicia devolución/reembolso |
Cada evento tiene un parámetro items conteniendo detalles de productos (nombre, precio, cantidad, categoría, etc.).
Paso 1: Mapea Tus Eventos
Antes de codificar, decide qué eventos de ecommerce aplican a tu tienda.
Para Shopify, WooCommerce, o BigCommerce: La mayoría de plataformas de ecommerce auto-implementan estos eventos si habilitas GA4. Revisa los documentos de integración GA4 de tu plataforma.
Para código personalizado: Identifica cada punto de contacto:
- Página de producto →
view_item - Agregar al carrito →
add_to_cart - Página de carrito →
view_cart - Comenzar checkout →
begin_checkout - Información de pago →
add_payment_info - Confirmación de orden →
purchase
Paso 2: Implementa Cada Evento
view_item (Usuario Ve un Producto)
Dispara este evento cuando un usuario aterriza en una página de detalles de producto.
gtag('event', 'view_item', {
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
affiliation: 'Mi Tienda',
coupon: 'SAVE10',
currency: 'USD',
discount: 5.00,
index: 0,
item_brand: 'Mi Marca',
item_category: 'Ropa',
item_category2: 'Camisetas',
item_variant: 'Azul XL',
price: 49.99,
quantity: 1
}
]
});
Parámetros clave:
item_id: Tu SKU de productoitem_name: Nombre del productoitem_category: Categoría (para segmentación)price: Precio del productocurrency: Código de moneda (USD, EUR, etc.)
Opcional:
affiliation: Dónde se vende el producto (nombre de tu tienda)item_variant: Tamaño, color, estiloitem_brand: Nombre de marcacoupon: Cualquier cupón aplicadodiscount: Cantidad de descuento (si aplica)
view_item_list (Usuario Ve una Categoría)
Dispara cuando un usuario ve una página de colección/categoría (todos los productos en una vista).
gtag('event', 'view_item_list', {
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
item_category: 'Ropa',
price: 49.99,
currency: 'USD'
},
{
item_id: 'product_67890',
item_name: 'Camiseta Roja',
item_category: 'Ropa',
price: 49.99,
currency: 'USD'
}
],
item_list_name: 'Más Vendidos',
item_list_id: 'bestsellers'
});
Incluye todos los productos mostrados en la lista. Agrega item_list_name (cómo llamas la lista) para reportes.
add_to_cart
Dispara cuando un usuario agrega un producto a su carrito.
gtag('event', 'add_to_cart', {
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
affiliation: 'Mi Tienda',
currency: 'USD',
item_category: 'Ropa',
price: 49.99,
quantity: 2
}
],
value: 99.98,
currency: 'USD'
});
Clave: Incluye la cantidad (el usuario podría agregar 2 del mismo artículo). Establece value al subtotal (precio × cantidad).
view_cart
Dispara cuando un usuario ve su carrito.
gtag('event', 'view_cart', {
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
currency: 'USD',
price: 49.99,
quantity: 2,
item_category: 'Ropa'
},
{
item_id: 'product_67890',
item_name: 'Camiseta Roja',
currency: 'USD',
price: 39.99,
quantity: 1,
item_category: 'Ropa'
}
],
value: 139.97,
currency: 'USD'
});
Incluye todos los artículos actualmente en el carrito y el valor total del carrito.
begin_checkout
Dispara cuando un usuario comienza el proceso de checkout (hace clic en botón "Ir a Checkout").
gtag('event', 'begin_checkout', {
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
currency: 'USD',
price: 49.99,
quantity: 2,
item_category: 'Ropa'
}
],
value: 99.98,
currency: 'USD'
});
Los mismos detalles de artículos como carrito, pero disparado al inicio del checkout.
add_shipping_info (Opcional)
Dispara si quieres rastrear el paso de envío separadamente.
gtag('event', 'add_shipping_info', {
items: [...],
value: 99.98,
currency: 'USD',
coupon: 'SAVE10',
shipping_tier: 'Ground'
});
add_payment_info (Opcional)
Dispara cuando el usuario envía método de pago.
gtag('event', 'add_payment_info', {
items: [...],
value: 99.98,
currency: 'USD',
coupon: 'SAVE10',
payment_type: 'credit_card'
});
purchase (La Grande)
Dispara en la página de confirmación de orden (después de procesar el pago).
gtag('event', 'purchase', {
transaction_id: 'order_12345',
affiliation: 'Mi Tienda',
value: 129.97,
currency: 'USD',
coupon: 'SAVE10',
tax: 10.00,
shipping: 20.00,
items: [
{
item_id: 'product_12345',
item_name: 'Camiseta Azul',
affiliation: 'Mi Tienda',
coupon: 'SAVE10',
currency: 'USD',
item_category: 'Ropa',
price: 49.99,
quantity: 2
},
{
item_id: 'product_67890',
item_name: 'Camiseta Roja',
affiliation: 'Mi Tienda',
coupon: 'SAVE10',
currency: 'USD',
item_category: 'Ropa',
price: 39.99,
quantity: 1
}
]
});
Parámetros críticos:
transaction_id: ID de orden única (no repetir)value: Valor total de orden (incluyendo impuesto y envío)currency: Código de monedaitems: Todos los productos en la ordentax: Cantidad de impuestoshipping: Costo de envío
💡 Emily's take: El error más común que veo es disparar un evento de compra con formato de
transaction_idincorrecto o repetir el mismo ID para múltiples órdenes. Siempre usa un ID de orden verdaderamente único. GA4 usa esto para prevenir conteo duplicado.
Paso 3: Marca Compra como Conversión
- Ve a GA4 → Admin → Eventos
- Encuentra
purchaseen la lista - Toggle Marcar como conversión
- Guarda
Ahora GA4 trata cada compra como una conversión y la muestra en informes de conversión.
Preguntas Frecuentes
P: ¿Mi plataforma (Shopify, WooCommerce) implementa esto automáticamente? R: Sí, la mayoría de plataformas tienen integración GA4 que implementa estos eventos si habilitas GA4. Revisa la documentación de tu plataforma.
P: ¿Puedo rastrear ecommerce sin usar el esquema estándar? R: Técnicamente sí, pero no lo hagas. El esquema estándar permite a GA4 calcular automáticamente métricas como AOV y tasa de conversión de productos.
P: ¿Dónde puedo ver datos de ecommerce en GA4? R: Ve a Reports → Monetization o crea una exploración personalizada con items y métricas de compra.
La Conclusión
El seguimiento de ecommerce de GA4 es potente una vez que entiendas el esquema. Dispara los eventos correctos, GA4 hace el trabajo pesado. Luego puedes ver qué productos venden, cuáles son abandonos de carrito, y qué flujos de checkout funcionan mejor.
Usa la integración automática de tu plataforma si está disponible. Si construyes desde cero, implementa pacientemente cada evento en orden y verifica con eventos de prueba en tiempo real.
Para entender análisis de embudo de checkout, consulta Exploraciones GA4: Cómo Usar el Analysis Hub.
Emily Redmond es una analista de datos en Emilytics — el agente de analítica de IA que observa tu GA4, Search Console, y datos de Bing todo el día para que nunca pierdas lo que importa. 8 años de experiencia ayudando a fundadores y equipos de crecimiento a convertir ruido de datos en decisiones claras. ¡Saluda! →