Qué es un data layer

Un data layer (en español, capa de datos) es un objeto de JavaScript donde tu web deja anotado lo que acaba de pasar: una página vista, un clic, un formulario enviado, una compra. Google Tag Manager y Google Analytics 4 leen esa lista y disparan las etiquetas. El nombre técnico habitual de esa variable es dataLayer.

No es una base de datos ni un dashboard. No guarda el histórico de tu negocio. Es una cola en el navegador de quien visita la página, viva solo mientras dura esa visita.

Para qué sirve

Sin data layer, cada herramienta (Analytics, Ads, un píxel) pide su propio trozo de código dentro de la plantilla. Cambias un botón y hay que tocar tres scripts. Con data layer la web solo informa del hecho. Las etiquetas viven en Tag Manager y se enganchan a ese aviso.

• La web hace un dataLayer.push cuando ocurre algo.
• Tag Manager escucha ese evento y decide qué etiquetas lanzar.
• GA4 recibe el evento ya limpio: nombre, página y los datos que hayas pasado.

Ejemplo real: alguien envía el formulario de contacto. La web empuja generate_lead con el identificador del formulario. Tag Manager lo convierte en evento clave de GA4. El HTML del formulario no lleva el código de Analytics dentro.

Cómo se ve

Al cargar la página, Tag Manager crea el array si no existe y mete el primer aviso. Cada acción posterior es otro objeto en la misma lista:

• event: el nombre, por ejemplo generate_lead o purchase.
• Datos del contexto: page_path, valor del pedido, id de formulario.

El orden importa. Tag Manager procesa la cola de arriba abajo. Si empujas el evento antes de que GTM haya arrancado, se queda esperando en el array y se lee en cuanto carga el contenedor. Por eso el data layer se declara pronto, en el <head>, antes del script de Tag Manager.

Ejemplos

Antes de empujar nada, la página asegura que la lista existe. Si Tag Manager ya la creó, se reutiliza.

window.dataLayer = window.dataLayer || [];

Formulario de contacto

Alguien rellena el formulario y el envío sale bien. La web no llama a GA4. Solo anota el hecho:

dataLayer.push({
  event: 'generate_lead',
  form_id: 'contact',
  form_name: 'Contacto',
  page_path: '/contacto'
});

En Tag Manager creas un activador de evento personalizado llamado generate_lead. La etiqueta de GA4 lee form_id y form_name. En el informe ves un lead, no un pageview de más.

Clic en el teléfono

El enlace es un tel:. Al hacer clic empujas el número de destino, no el HTML del botón:

dataLayer.push({
  event: 'click_telefono',
  telefono: '958870202',
  page_path: '/contacto'
});

Compra en la tienda

En la página de gracias, después de cobrar, el data layer lleva el pedido. GA4 usa esos campos para el evento purchase:

dataLayer.push({
  event: 'purchase',
  transaction_id: 'PED-1042',
  value: 89.9,
  currency: 'EUR',
  items: [
    { item_id: 'CAM-01', item_name: 'Camiseta', price: 29.9, quantity: 1 },
    { item_id: 'PAN-02', item_name: 'Pantalón', price: 60, quantity: 1 }
  ]
});

Si ese push no está en la página de gracias, Analytics no tiene compra que contar, aunque el pedido sí exista en la tienda.

Qué no es

• No sustituye a GA4. GA4 es el informe. El data layer es el mensajero.
• No mide solo. Si nadie hace push del formulario, en Analytics ese lead no existe.
• No es el consentimiento. Las cookies se deciden aparte. El data layer puede avisar de que la persona ha aceptado analítica, pero la decisión legal no la toma él.
• No hace falta uno por herramienta. Un solo dataLayer alimenta GA4, Ads y el resto de etiquetas del mismo contenedor.

Cuándo te hace falta

Te hace falta en cuanto quieres medir algo más que la página vista automática: envíos de formulario, clics en teléfono, compras, pasos de un checkout. Si la web solo tiene el fragmento de GA4 pegado en la plantilla, el data layer llega cuando montas Tag Manager y separas los eventos del diseño.

Si los números de GA4 no cuadran con los leads que te llegan al correo, el fallo suele estar aquí: el evento no se empuja, se empuja dos veces o el nombre no coincide con el que escucha la etiqueta. Eso se revisa en analítica web, con el contenedor y la propiedad delante, no cambiando el copy de la página.

Resumen

Un data layer es la capa de datos de la visita: una lista JavaScript (dataLayer) donde la web anota eventos y Tag Manager los reparte a GA4 y al resto de etiquetas. Separa lo que pasa en la página del código de medición. Sin esos avisos, el informe no puede contar lo que no se le ha dicho.