¿Qué es el dataLayer en la gestión de etiquetas?
El dataLayer es un array de JavaScript en el que un sitio web inserta datos de eventos estructurados, actuando como una cola de mensajes entre el código del sitio y un sistema de gestión de etiquetas como Google Tag Manager.
Cada inserción —normalmente un objeto con un nombre de evento y parámetros relacionados, como un purchase con sus items y su value— la leen los activadores y variables de GTM, que deciden qué etiquetas disparar y qué datos pasarles. Desacopla el código del sitio de las propias etiquetas, de modo que la lógica de tracking puede cambiar en GTM sin editar el código fuente del sitio.
- Data Layer Variables
- ecommerce.valueecommerce.transaction_id
Daniil Maximkin Publicado Revisado
- En la práctica
¿Cómo funciona el dataLayer en la práctica?
Una página —o un tema de Shopify, o un script de checkout— ejecuta
window.dataLayer.push({...})en el momento en que ocurre algo que merece la pena medir: una vista de página, un clic de add-to-cart, una compra completada.El contenedor de GTM, cargado en la página, escucha estas inserciones mediante su tipo de activador Custom Event y las Data Layer Variables correspondientes, que extraen campos concretos, como
ecommerce.valueoecommerce.transaction_id, del objeto insertado. Como el dataLayer es un array de JavaScript en el ámbito global de la página, cualquier etiqueta, script o contenedor de GTM de la página puede leerlo, y eso es lo que lo convierte en una interfaz compartida y estructurada en lugar de una variable puntual. - No confundir con
No confundir con No es Es GTM en sí solo pone los datos a disposición de GTM, o de cualquier otro escucha El dataLayer no es GTM en sí, e insertar datos en él no los envía automáticamente a ningún sitio: solo pone los datos a disposición de GTM, o de cualquier otro escucha, para que los recoja si hay un activador configurado para reaccionar a ellos.
Tampoco es un formato universal único: las inserciones de dataLayer de ecommerce suelen seguir la estructura del objeto Enhanced Ecommerce / GA4, pero un sitio puede insertar formas de objeto arbitrarias, y los desajustes entre lo que inserta un sitio y lo que las variables de GTM esperan leer son una causa habitual de etiquetas que se disparan con datos ausentes o en blanco.
- Dónde comprobarlo
Cómo comprobarlo
En la consola del navegador de cualquier página, escribir
dataLayerdevuelve el array actual y cada objeto insertado hasta el momento, que es la forma más rápida de confirmar si se disparó un evento esperado y qué datos llevaba.El propio modo Preview de GTM muestra cada inserción en el dataLayer en el panel de resumen, junto con las etiquetas, activadores y variables que reaccionaron a ella.