dataLayer: La Clave de una Medición Robusta y Escalable
Si trabajas con Google Tag Manager, el dataLayer es la estructura que separa una implementación sólida de una frágil. Aquí te cuento por qué — y cómo aprovecharlo bien.
¿Qué es el dataLayer?
El dataLayer es un array de JavaScript que actúa como intermediario entre tu web y Google Tag Manager. En lugar de que GTM raspe directamente el DOM o dependa de variables de la URL frágiles, el dataLayer te permite enviar datos estructurados y semánticos de forma fiable.
La regla de oro: Si un dato importa para tu medición, ponlo en el dataLayer. No lo saques del DOM.
¿Por qué importa?
Una implementación sin dataLayer es como construir una casa sobre arena. Funciona hoy, pero cualquier cambio en el HTML de la página puede romper tu tracking sin que te enteres. Los problemas más comunes:
- Variables que dependen de selectores CSS que un desarrollador cambia sin avisar
- Datos que solo están disponibles en ciertos contextos (SPAs, checkout, área privada)
- Imposibilidad de enviar datos de backend (precios reales, IDs internos, estado del usuario)
Con el dataLayer, el contrato está entre tu equipo de desarrollo y el equipo de analytics — no entre GTM y el HTML.
La estructura básica
Así luce un push típico al dataLayer para un evento de ecommerce:
// Inicialización (en el <head>, antes del snippet de GTM)
window.dataLayer = window.dataLayer || [];
// Push de evento — ejemplo: añadir al carrito
window.dataLayer.push({
'event': 'add_to_cart',
'ecommerce': {
'currency': 'EUR',
'value': 49.95,
'items': [{
'item_id': 'SKU_12345',
'item_name': 'Camiseta TNK',
'price': 49.95,
'quantity': 1
}]
}
});GTM escucha cada push, detecta el event, y dispara los tags configurados para ese evento — enviando los datos exactos a GA4, Google Ads o cualquier otro destino.
Tres principios para una implementación escalable
- Consistencia en los nombres: usa siempre
snake_casey define una convención de nombres desde el principio. UnaddToCarty unadd_to_cartson dos eventos distintos en GA4. - Un plan de medición primero: antes de pedir cualquier implementación al equipo de desarrollo, documenta qué eventos y parámetros necesitas. El dataLayer sin plan se convierte en caos.
- Limpiar entre eventos: restablece los objetos de ecommerce entre pushes para evitar que datos de una acción anterior contaminen la siguiente. GTM tiene la variable "Clear ecommerce" para esto.
Este post es un resumen. En el artículo completo que escribí para MOA Institute encontrarás más detalle técnico, ejemplos reales y las mejores prácticas que aplico en mis implementaciones.
¿Quieres profundizar?
Lee el artículo completo en MOA Institute
Publicado en el blog de MOA — escuela de referencia en analítica digital.
Video
Comments
Guillermo García
Digital Analytics Engineer · TNK