Google Tag Manager (GTM) es la herramienta que separa a los ecommerce que "creen" que sus campañas funcionan de los que realmente saben. Sin un tracking correctamente configurado, estás tomando decisiones de inversión a ciegas.
Esta guía te lleva desde la instalación básica hasta la configuración de eventos de ecommerce avanzados, paso a paso.
Por qué GTM y no instalar scripts directamente
Antes de meternos en la configuración, la pregunta obvia: por qué no pegar los scripts de Google Ads, Meta Pixel y Analytics directamente en el código?
Tres razones:
- Control sin depender de desarrolladores: Con GTM, puedes agregar y modificar tags sin tocar código. Esto significa iterar más rápido y no bloquear al equipo de desarrollo.
- Rendimiento: GTM carga todos los tags de forma asíncrona y optimizada. Pegar scripts individualmente puede ralentizar tu sitio.
- Debugging: El modo preview de GTM te permite ver exactamente qué tags se disparan y cuándo, antes de publicar cambios.
Instalación de GTM en tu ecommerce
Paso 1: Crear la cuenta y contenedor
- Ve a tagmanager.google.com
- Crea una cuenta con el nombre de tu empresa
- Crea un contenedor de tipo "Web"
- GTM te dará dos snippets de código
Paso 2: Instalar los snippets
El primer snippet va en el <head> de todas las páginas, lo más arriba posible. El segundo va inmediatamente después del <body>.
Si usas Shopify, WooCommerce o similares, hay plugins que hacen esto automáticamente. Para Next.js u otros frameworks custom, agrégalos en tu layout principal.
Paso 3: Verificar la instalación
Instala la extensión Tag Assistant en Chrome. Debería detectar tu contenedor GTM activo en todas las páginas.
Los 5 tags esenciales para ecommerce
1. Google Analytics 4 (GA4)
El tag más básico. Mide todo el tráfico de tu sitio.
Configuración en GTM:
- Tag type: Google Analytics: GA4 Configuration
- Measurement ID: tu ID de GA4 (G-XXXXXXXX)
- Trigger: All Pages
2. Google Ads Conversion Tracking
Para medir las conversiones que vienen de tus campañas de Google Ads.
Configuración:
- Tag type: Google Ads Conversion Tracking
- Conversion ID y Conversion Label: los obtienes desde tu cuenta de Google Ads (Herramientas > Conversiones)
- Trigger: evento de compra completada (purchase)
3. Google Ads Remarketing
Para crear audiencias de remarketing basadas en el comportamiento de los usuarios.
Configuración:
- Tag type: Google Ads Remarketing
- Conversion ID: el mismo que usas para conversiones
- Trigger: All Pages
4. Meta Pixel (Facebook)
Para tracking de conversiones y remarketing en Meta Ads (Facebook e Instagram).
Configuración:
- Tag type: Custom HTML
- HTML: el script del Meta Pixel que obtienes desde tu Business Manager
- Trigger: All Pages (para el PageView base)
- Triggers adicionales para eventos: AddToCart, Purchase, ViewContent
5. Eventos de ecommerce (dataLayer)
Este es el más importante y el que más ecommerce configuran mal. Los eventos de ecommerce alimentan a GA4, Google Ads y Meta con datos de productos, precios y transacciones.
Configurar el dataLayer para ecommerce
El dataLayer es un objeto JavaScript que tu sitio web debe poblar con datos de ecommerce. GTM lee estos datos y los envía a las plataformas configuradas.
Eventos clave que debes implementar
| Evento | Cuándo se dispara | Datos que incluye |
|---|---|---|
view_item | Usuario ve un producto | Nombre, precio, categoría |
add_to_cart | Agrega al carrito | Producto, cantidad, precio |
begin_checkout | Inicia el checkout | Productos en carrito, total |
purchase | Compra completada | Transaction ID, total, productos, impuestos |
view_item_list | Ve una lista de productos | Array de productos |
Ejemplo de push al dataLayer para purchase
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: "T-12345",
value: 89990,
currency: "CLP",
items: [
{
item_id: "SKU-001",
item_name: "Zapatilla Running Pro",
price: 89990,
quantity: 1,
item_category: "Calzado",
},
],
},
});Configurar el tag GA4 Event en GTM
- Crea un nuevo tag: GA4 Event
- Event name:
purchase - Configura los parámetros de ecommerce usando variables de dataLayer
- Trigger: Custom Event donde Event Name = purchase
GA4 Enhanced Ecommerce: más allá del purchase
La mayoría de los ecommerce configura solo el evento purchase. Eso mide la venta, pero no el camino a la venta. GA4 Enhanced Ecommerce te da visibilidad sobre todo el funnel, lo que permite identificar dónde se caen los usuarios antes de comprar.
Eventos del funnel completo
Además de los eventos básicos de la tabla anterior, estos son los que más valor aportan para optimización:
| Evento | Cuándo implementar | Por qué importa |
|---|---|---|
add_shipping_info | Usuario elige método de envío | Identifica si el costo de envío frena conversiones |
add_payment_info | Usuario ingresa método de pago | Detecta fricciones en el checkout antes del pago |
view_promotion | Se muestra un banner o promo | Mide impresiones de promociones internas |
select_promotion | Click en una promo | Calcula CTR de tus banners internos |
refund | Devolución procesada | Tracking real de revenue neto vs. bruto |
Ejemplo de push para add_shipping_info
window.dataLayer.push({
event: "add_shipping_info",
ecommerce: {
currency: "CLP",
value: 89990,
shipping_tier: "Despacho a domicilio",
items: [
{
item_id: "SKU-001",
item_name: "Zapatilla Running Pro",
price: 89990,
quantity: 1,
},
],
},
});Funnel report en GA4
Con todos estos eventos implementados, puedes construir un reporte de funnel en GA4 (Explorar > Exploración de embudo) que muestra exactamente en qué paso del checkout se va la gente. Si el 40% abandona al ver los costos de envío, la solución es distinta que si el abandono es al ingresar la tarjeta.
Enhanced Conversions en Google Ads
Enhanced Conversions mejora la atribución usando datos de primer partido que el usuario ya te dio, como su email al hacer checkout. El proceso: el email se hashea (SHA-256) en el browser antes de enviarse a Google, así que nunca salen datos en texto plano.
Configuración en GTM:
- En Google Ads, activa Enhanced Conversions en Herramientas > Conversiones > Configuración
- En GTM, en tu tag de Conversiones de Google Ads, activa "Enhanced conversions"
- Selecciona "User-provided data" y mapea la variable del dataLayer donde guardas el email del usuario
// El sitio debe empujar el email antes del evento purchase
window.dataLayer.push({
user_data: {
email: "usuario@ejemplo.com", // GTM lo hashea automáticamente
},
});Si tus campañas de Google Ads son parte crítica del negocio, Enhanced Conversions puede mejorar la atribución entre 10-30% según Google. Vale el esfuerzo de implementación.
Meta Pixel: configuración completa y Conversions API
El Meta Pixel estándar tiene un problema conocido desde iOS 14: los usuarios que niegan tracking no se miden, lo que subestima las conversiones de Meta Ads hasta en un 30-40% según el segmento. La solución es Conversions API (CAPI), que envía eventos desde el servidor, no desde el browser.
Conversions API via GTM Server-Side
GTM tiene dos tipos de contenedores: web (browser) y server (servidor). Con el contenedor server, puedes reenviar los eventos del pixel al servidor de Meta sin depender del browser del usuario.
Setup básico:
- Crea un contenedor de tipo "Server" en GTM
- Despliégalo en Cloud Run, App Engine, o cualquier hosting con Node.js (Google Cloud tiene opción gratuita para volúmenes bajos)
- Configura el tag "Meta Conversions API" en el contenedor server
- Apunta tu contenedor web a enviar eventos al contenedor server
El resultado: los eventos viajan browser → tu servidor → Meta, en lugar de browser → Meta directamente. Los bloqueadores de ads y las restricciones de iOS no afectan el servidor.
Deduplicación de eventos
Al tener Pixel (browser) y CAPI (server) activos, el mismo evento Purchase se envía dos veces. Meta necesita saber cuál ignorar. La solución es el event_id: un identificador único que envías tanto al Pixel como a CAPI.
// En el dataLayer (para el Pixel)
window.dataLayer.push({
event: "purchase",
meta_event_id: "purchase_12345_1713283200", // ID único por transacción
ecommerce: { ... }
});Ese mismo event_id debe incluirse en el payload de CAPI. Meta detecta los duplicados y los elimina en la atribución.
Eventos de Meta Pixel para ecommerce
| Evento Meta | Equivalente GA4 | Trigger en GTM |
|---|---|---|
PageView | page_view | All Pages |
ViewContent | view_item | Página de producto |
AddToCart | add_to_cart | Click en "Agregar al carrito" |
InitiateCheckout | begin_checkout | Inicio de checkout |
AddPaymentInfo | add_payment_info | Ingreso de tarjeta |
Purchase | purchase | Confirmación de compra |
Search | search | Uso del buscador interno |
Todos estos eventos los configuras como tags de Custom HTML en GTM, usando fbq() con los datos del dataLayer. El evento Purchase es el más crítico: debe incluir value, currency y el content_ids de los productos para alimentar correctamente las campañas de catálogo.
Debugging: cómo verificar que todo funciona
Modo Preview de GTM
- En GTM, haz click en "Preview"
- Se abre Tag Assistant conectado a tu sitio
- Navega por tu sitio y simula una compra
- En Tag Assistant verás cada tag que se disparó y los datos que envió
DebugView de GA4
- En GA4, ve a Admin > DebugView
- Mientras tienes Tag Assistant activo, verás los eventos en tiempo real
- Verifica que el evento
purchasellega con todos los parámetros correctos
Meta Pixel Helper
Extensión de Chrome que muestra los eventos del Meta Pixel que se disparan en cada página. Útil para verificar ViewContent, AddToCart y Purchase.
Errores comunes que arruinan tu tracking
1. No enviar el transaction_id en purchase
Sin un ID de transacción único, GA4 puede contar compras duplicadas si el usuario recarga la página de confirmación.
2. Enviar precios con formato incorrecto
Los precios deben ser números, no strings con formato. Envía 89990, no "$89.990".
3. No configurar enhanced conversions
Enhanced conversions en Google Ads usa datos de primer partido (email hasheado) para mejorar la atribución. Si no lo configuras, estás perdiendo precisión en la medición.
4. Disparar purchase en la página de "pago pendiente"
El evento purchase solo debe dispararse cuando el pago está confirmado. Si usas Webpay, Flow u otro procesador, asegúrate de que solo se dispare en la página de confirmación exitosa.
5. No excluir el tráfico interno
Configura un filtro en GA4 para excluir tu IP y la de tu equipo. Sin esto, inflás las métricas con tu propio tráfico.
Checklist de implementación
Usa esta lista para verificar que tu tracking está completo:
- GTM instalado en todas las páginas
- GA4 Configuration tag activo
- Evento
purchaseenviando transaction_id, value, currency e items - Google Ads Conversion Tracking con purchase como trigger
- Google Ads Remarketing en todas las páginas
- Meta Pixel base + eventos de ecommerce
- Enhanced conversions configurado
- Tráfico interno filtrado
- Verificado con Tag Assistant + GA4 DebugView
- Cross-domain tracking si tienes múltiples dominios
Conclusión
Un ecommerce sin tracking correctamente configurado es como un negocio físico donde no cuentas las ventas. GTM te da el control para medir todo lo que importa sin depender de desarrolladores para cada cambio. La inversión de tiempo en configurarlo bien se paga en mejores decisiones y campañas más rentables. Si necesitas apoyo para implementar o auditar el tracking de tu sitio, conoce nuestro servicio de analytics y tracking. Una vez que el piso de datos esté en orden, gestionamos las campañas de Google Ads y Meta Ads.
¿Necesitas ayuda para configurar el tracking de tu ecommerce?
Conversemos