Saltar al contenido
Google Tag Manager

¿Qué es el dataLayer en la gestión de etiquetas?

Definición

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

  1. 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.value o ecommerce.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.

  2. No confundir con
    No confundir con
    No esEs
    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.

  3. Dónde comprobarlo

    Cómo comprobarlo

    En la consola del navegador de cualquier página, escribir dataLayer devuelve 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.

Daniil Maximkin

Hola, soy Daniil.

Trabajo contigo desde la definición del problema hasta la implementación y la entrega. Hablas con quien hace el trabajo. Trabajo en inglés y ruso.

¿Qué necesitas poner en marcha?

Describe tu tarea

La primera respuesta es gratis, en un día laborable. O escribe directamente: next@taskfordaniel.com