Inspecciona, monitoriza y depura los eventos del dataLayer de cualquier sitio web en tiempo real desde las herramientas de desarrollador (DevTools) de Google Chrome DevTools. ¡Compatible con SPAs!
DataLayer Inspector es una herramienta para analistas digitales y desarrolladores que necesitan auditar implementaciones de Google Tag Manager y otros sistemas basados en dataLayer. Esta extensión añade un panel dedicado en las Chrome DevTools para visualizar y gestionar todos los eventos empujados al dataLayer de forma clara y organizada.
Funcionalidades Principales:
- Visualización en tiempo real: Observa los eventos dataLayer.push a medida que ocurren, ordenados cronológicamente (del más reciente al más antiguo).
- Formato JSON interactivo: Explora los datos con un visor de árbol JSON colapsable y con resaltado de sintaxis para una lectura fácil.
- Soporte para SPAs: Agrupa automáticamente los eventos por carga de página y navegación (compatible con History API), facilitando el seguimiento en Single Page Applications.
- Búsqueda y filtrado: Encuentra rápidamente eventos, claves o valores específicos con la barra de búsqueda integrada.
- Historial persistente: Mantén el historial de eventos incluso al navegar entre diferentes páginas o recargar.
- Exportación de datos: Exporta todo el historial de eventos a un archivo de texto para su análisis posterior o documentación.
- Robustez: Detecta reasignaciones del objeto dataLayer y captura valores undefined o null que otras herramientas suelen omitir.
Simplifica tu flujo de trabajo de depuración y asegura la calidad de tus datos con DataLayer Inspector.
Para qué usar DataLayer Inspector
Si trabajas en marketing digital, growth o analítica, sabes que el dataLayer es el sistema nervioso de tu medición. Ahí viven los eventos y variables que luego activan tus tags en Google Tag Manager, píxeles publicitarios, herramientas de atribución o analítica de producto.
El problema: cuando algo falla, normalmente te enteras tarde, con datos rotos en GA4, campañas mal optimizadas o dashboards que no cuadran.
Una extensión como DataLayer Inspector te ahorra justo ese dolor. Tener un panel en DevTools que muestra los dataLayer.push en tiempo real te permite validar implementaciones al momento: ves qué se dispara, en qué orden y con qué payload. Eso es clave para detectar duplicados, eventos incompletos o parámetros mal nombrados antes de que lleguen a producción.
Otra ventaja enorme es el soporte para SPAs. En sitios con History API, el flujo de eventos no siempre se comporta como en una web clásica. Agruparlos por navegación y carga te da contexto y evita que depures “a ciegas”.
Súmale búsqueda/filtrado para encontrar rápido una key concreta, y un formato JSON plegable que hace legible cualquier evento complejo.
Además, el historial persistente y la exportación te sirven para documentar, compartir con devs o auditar a posteriori. Y detalles como capturar undefined/null o detectar reasignaciones de dataLayer marcan la diferencia en proyectos reales.
En resumen: menos incertidumbre, menos debugging infinito y mucha más calidad de datos. Ideal si te importa medir bien desde el minuto cero.
Pruébala y dime qué te parece DataLayer Inspector.
¿Quieres saber más sobre el uso y aprovechamiento de la capa de datos de tu sitio web?