Inicio / Analítica web / Cómo auditar el dataLayer de tu web sin tocar código

Cómo auditar el dataLayer de tu web sin tocar código

Tabla de contenidos

auditar dataLayer: Cómo auditar el dataLayer de tu web sin tocar código

Tienes una web con Google Tag Manager instalado, varios eventos configurados y, aun así, los datos en GA4 no cuadran. El equipo de desarrollo jura que el dataLayer está bien implementado. Tú no sabes por dónde empezar a comprobar quién tiene razón. Esta situación es más común de lo que parece, y la buena noticia es que puedes auditar el dataLayer sin escribir una sola línea de código y sin depender de nadie del equipo técnico para dar el primer paso.

Qué es el dataLayer y por qué importa que funcione bien

dataLayer GTM en Cómo auditar el dataLayer de tu web sin tocar código

El dataLayer es un array de JavaScript que actúa como puente entre tu web y Google Tag Manager. Cuando un usuario hace clic en un botón, completa un formulario o llega a una página de confirmación, el código de tu web «empuja» información a ese array —evento, categoría, valor, identificador de producto— y GTM la recoge para activar etiquetas y enviar datos a GA4, Meta o cualquier otra plataforma. Si ese puente está roto o mal construido, todos los datos aguas abajo son incorrectos, aunque tus configuraciones en GTM sean impecables.

El problema es que la mayoría de guías sobre este tema asumen que quien las lee sabe abrir una consola de JavaScript y leer código. Pero en un equipo de marketing moderno, quien detecta que los datos no cuadran suele ser el analista o el responsable de paid media, no el desarrollador. Y esa persona también puede —y debe— saber verificar si el dataLayer está funcionando.

Qué herramientas necesitas para empezar

Google Tag Manager vista previa en Cómo auditar el dataLayer de tu web sin tocar código

Cero instalaciones adicionales. Solo dos cosas que ya tienes:

  • Las DevTools del navegador (Chrome, Edge o Firefox): el panel que se abre con F12 o haciendo clic derecho → Inspeccionar.
  • El modo de vista previa de GTM: el debugger integrado que Google pone a tu disposición desde el propio contenedor de Tag Manager.

Con eso es suficiente para el 90% de las auditorías que un perfil de marketing necesita hacer. No hace falta extensiones de terceros, aunque herramientas como Tag Assistant o Adswerve dataLayer Inspector pueden acelerar el proceso una vez que entiendes la base.

Cómo leer el dataLayer desde la consola del navegador

Abre la página que quieras revisar, pulsa F12 y ve a la pestaña Console. Escribe exactamente esto y pulsa Enter:

window.dataLayer

Si el dataLayer existe y tiene datos, verás un array con objetos. Cada objeto es un «push» que la web ha enviado. El primero suele ser la carga inicial de la página; los siguientes corresponden a interacciones del usuario o eventos disparados automáticamente.

Lo que buscas verificar aquí es concreto:

  • ¿Existe el array? Si la consola devuelve undefined, el dataLayer no está declarado o GTM no está instalado correctamente.
  • ¿El evento que esperas está ahí? Busca el objeto con el nombre de evento correcto, por ejemplo {'{'}"event": "purchase"{'}'}.
  • ¿Los valores son correctos? Comprueba que el ID de transacción, el revenue o el user_id tienen el formato y el contenido que esperas, no un undefined o un objeto vacío.

El error más típico que encuentras aquí es un campo que debería tener un valor numérico y llega como string, o directamente llega vacío porque la variable no se resolvió en el momento del push. Eso es algo que puedes reportar al equipo técnico con un pantallazo concreto, sin necesidad de entrar en el código fuente.

Cómo usar el modo de vista previa de GTM para depurar eventos

El modo de vista previa es la herramienta más potente para auditar el dataLayer sin tocar nada. Entra en tu cuenta de Google Tag Manager, selecciona el contenedor y pulsa el botón Vista previa (arriba a la derecha). Se abrirá una ventana de Tag Assistant que te pedirá la URL de tu web.

Una vez conectado, cualquier interacción que hagas en la pestaña de tu web queda registrada en el panel de depuración. Ahí verás:

  • Cada evento que llega al dataLayer, en orden cronológico.
  • Qué etiquetas se han disparado y cuáles no, y por qué.
  • El valor de cada variable de GTM en el momento exacto del evento.

El flujo práctico es este: navega a la página o realiza la acción que quieres verificar —añadir al carrito, enviar formulario, clic en un botón específico—, vuelve al panel de depuración y busca el evento en el panel izquierdo. Haz clic en él y ve a la pestaña Data Layer. Ahí ves exactamente qué datos llegaron con ese evento.

Si el evento no aparece en el panel, el problema está en la implementación del dataLayer en la web, no en GTM. Si aparece pero la etiqueta no se disparó, el problema está en las condiciones del trigger. Esta distinción es clave para saber a quién le toca arreglarlo.

Los errores más frecuentes que vas a encontrar

Después de revisar implementaciones de dataLayer en webs de distintos sectores, los fallos se repiten bastante. No todos los cuenta quien escribe sobre esto, así que aquí va la lista sin filtro:

  1. El push llega antes de que GTM esté cargado. Si el código de la web empuja datos al dataLayer antes de que el snippet de GTM se haya inicializado, esos eventos se pierden. En la consola verás el evento, pero en GTM no aparece. La solución es técnica, pero el diagnóstico lo puedes hacer tú.
  2. Valores undefined en campos críticos. Muy habitual en ecommerce: el campo item_id o value llega vacío porque la variable de backend no se pasó bien al frontend. Fatal para cualquier informe de revenue.
  3. Nombres de eventos inconsistentes. En un mismo sitio conviven form_submit, formSubmit y form_submission dependiendo de quién implementó cada cosa. GTM trata cada nombre como un evento distinto, así que los datos quedan fragmentados.
  4. Duplicación de eventos. El evento de compra se dispara dos veces porque el snippet de conversión está tanto en GTM como en el código del sitio. En la consola del dataLayer verás dos objetos con el mismo nombre de evento en milisegundos de diferencia.
  5. El dataLayer se reinicia entre páginas en SPAs. En aplicaciones de página única (React, Vue, Angular), la navegación no recarga la página, por lo que el dataLayer puede acumular eventos de sesiones anteriores o, al contrario, resetear datos que no debería. Esto requiere implementación específica, pero detectarlo es sencillo desde la consola.

Un proceso de auditoría rápido para el día a día

No hace falta un documento de 40 páginas para hacer una revisión útil. Este proceso de unos 20 minutos cubre los puntos críticos:

  1. Abre la página en incógnito para evitar que extensiones o datos de sesión contaminen los resultados.
  2. Activa el modo de vista previa de GTM antes de navegar.
  3. Ejecuta cada acción que debería generar un evento: carga de página, clic en CTA principal, envío de formulario, paso de checkout.
  4. Por cada evento, comprueba en el panel de depuración que el nombre es correcto, que los campos tienen valor y que las etiquetas asociadas se han disparado.
  5. Abre la consola y ejecuta window.dataLayer para ver el estado completo del array al final de la sesión.
  6. Documenta cualquier discrepancia con pantallazos del panel de depuración: qué evento falla, qué campo llega vacío, qué etiqueta no se dispara.

Con ese reporte puedes ir al equipo técnico con información concreta. No con «los datos no cuadran en GA4», sino con «el evento add_to_cart llega sin el campo item_id en el paso 2 del checkout, aquí el pantallazo del dataLayer en el momento del push». Esa diferencia acorta el tiempo de resolución a la mitad, como mínimo.

Cuándo sí necesitas a alguien técnico

Ser honesto aquí importa. Este proceso te da el diagnóstico, no siempre la solución. Si el dataLayer falta o está mal estructurado, alguien tiene que modificar el código de la web. Si los eventos de ecommerce no llevan los campos correctos, hay que tocar la capa de datos del backend. Lo que sí cambia es que llegas a esa conversación con datos, no con intuiciones.

Hay casos en los que la auditoría en sí se complica: SPAs con routing complejo, sitios con múltiples contenedores GTM solapados, o implementaciones que dependen de variables de capa de datos personalizadas difíciles de rastrear sin acceso al código. En esos casos tiene sentido buscar apoyo especializado.

Si quieres que revisemos el dataLayer de tu web y te digamos exactamente qué está fallando y cómo priorizarlo, ponte en contacto con el equipo de Analíticamente y lo vemos juntos.

Scroll al inicio