Tag Viewer — Extensión de Chrome
Respuestas claras: ¿qué tags viven en tu sitio? ¿Los colores pasan contraste? ¿Cómo luce el data layer? Reportes en PDF/CSV, validaciones WCAG 2.2, vendors y eventos a la vista.
Construyo herramientas en la intersección entre analítica, accesibilidad y experiencia de usuario. Menos ruido, más señales claras para tomar decisiones. El resultado: productos que no solo funcionan, sino que cuentan la historia correcta.
Selección
Herramientas con enfoque en claridad: datos útiles, accesibilidad real, UX sin fricción.
Respuestas claras: ¿qué tags viven en tu sitio? ¿Los colores pasan contraste? ¿Cómo luce el data layer? Reportes en PDF/CSV, validaciones WCAG 2.2, vendors y eventos a la vista.
Extensión para QA de analítica que captura en tiempo real eventos de dataLayer y adobeDataLayer, los mantiene en una línea de tiempo persistente y los contrasta contra un esquema JSON esperado.
Tag Viewer
Tus tags, eventos y problemas de accesibilidad—finalmente a la vista. Ligero, directo y listo para compartir.
Equipos se pierden entre data layers caóticos, tags duplicados y herramientas que muestran solo una parte de la historia. Entender qué ejecuta realmente tu sitio suele requerir capturas de pantalla, modo previa de GTM, devtools abiertas y mucha paciencia.
Tag Viewer busca convertirse en una vista consolidada: vendors, eventos, errores de accesibilidad y puntos raros de implementación, todo en un solo panel. Menos pestañas abiertas, más verdad simple.
El proyecto está en fase de diseño y prototipo. Estoy explorando cómo combinar reportes descargables (PDF/CSV) con una interfaz que no distraiga al momento de hacer QA o debugging.
Ver de un vistazo qué vendors viven en tu sitio, qué eventos disparan y desde dónde. Ideal para responder “¿qué tenemos instalado realmente?” sin depender de documentación incompleta.
Validaciones básicas de contraste y landmarks directamente sobre la página, con énfasis en casos reales de negocio (botones de conversión, formularios, navegación principal).
Exportar hallazgos a PDF/CSV con el mínimo ruido posible: qué se encontró, por qué importa y cuál es el siguiente paso sugerido.
La idea es que Tag Viewer funcione principalmente en el navegador, sin enviar información a servidores externos. Cualquier métrica futura opt-in se comunicará de forma clara.
Antes de cualquier lanzamiento habrá una política de privacidad pública, legible y alineada a buenas prácticas: sin sorpresas, sin letra pequeña innecesaria.
Data Layer Validator
Extensión de Chrome para analytics engineers, devs de marketing y QA que trabajan con Google Tag Manager dataLayer y Adobe adobeDataLayer. Capturá, inspeccioná y validá cada evento en tiempo real, sin tocar el código del sitio.
dataLayer y adobeDataLayer
en tiempo real.
Podés cargar un archivo JSON/JS con el esquema esperado de tus eventos: nombres, llaves y tipos de datos.
Ideal para validar XDM schemas, payloads de Adobe Web SDK, objetos de GTM y estructuras anidadas de analítica.
dataLayer ni interfiere con tags, SDKs o implementaciones.
Tus datos se quedan en tu dispositivo. Siempre.
Data Layer Validator no envía, comparte ni almacena información en servidores externos. Toda la información capturada vive en:
chrome.storage.sessionchrome.storage.localEsto significa: sin tracking, sin terceros, sin APIs externas y sin llamadas fuera de tu máquina. El objetivo es que puedas auditar tu propia implementación, nada más.
Hacer QA de analítica duele cuando los eventos se pierden entre redirecciones, SPA que cambian el DOM o data layers mutados que nunca ves en el preview.
Data Layer Validator convierte todo eso en una línea de tiempo estable, legible y auditable de eventos. Siempre disponible, incluso si la página ya cambió.
¿Querés soporte, nuevas features o una versión adaptada a tu equipo?
Notas
Ideas cortas sobre analítica, accesibilidad y diseño de productos. El objetivo no es tener todas las respuestas, sino mejores preguntas.
Un buen data layer no es solo un objeto en JavaScript. Es un contrato entre negocio, analítica y desarrollo. Si todos pueden leerlo y entender qué significa cada campo, la conversación deja de ser “el clic no se está midiendo” y pasa a “qué queremos aprender con esto”.
Invertir tiempo en la semántica del data layer suele rendir más que agregar 10 eventos nuevos sin contexto.
Ningún producto serio debería tratar la accesibilidad como algo opcional. Cuando un equipo la integra en su flujo normal de trabajo (diseño, desarrollo, QA), casi siempre mejora también la calidad general de la experiencia.
No se trata solo de cumplir una norma, sino de eliminar fricción innecesaria para personas reales.
Cada vez que agregamos una herramienta nueva, agregamos también un poco de ruido mental. La meta no es tener la pila más sofisticada, sino la que deja más espacio para pensar con claridad.
Idealmente, una herramienta buena debería ayudar a ver patrones, no solo acumular datos.
Extensión de Chrome
Esta política aplica a la extensión de Chrome enfocada en validación y QA de datos dentro del navegador.
La extensión está pensada para ayudar a equipos de analítica, desarrollo y QA a inspeccionar y validar eventos directamente en el navegador. No está diseñada para recopilar información personal de usuarios finales ni para enviar datos a servidores de terceros.
Toda la lógica de inspección y visualización ocurre localmente en tu instancia de Chrome.
La extensión puede leer y mostrar información técnica de la página donde se está ejecutando, como:
Estos datos se muestran únicamente en tu navegador, con el objetivo de ayudarte a depurar y validar implementaciones.
Cuando la extensión necesita recordar configuraciones o un historial de eventos, se apoya en
mecanismos locales de Chrome como chrome.storage.local o
chrome.storage.session.
Este almacenamiento se mantiene en tu navegador. No se envían datos a servidores externos como parte del funcionamiento normal de la extensión.
No se comparte información con terceros ni se envían datos a servicios externos para analítica de uso, tracking o publicidad.
Cualquier cambio futuro que implique métricas agregadas u opciones opt-in será documentado de forma clara en esta política y dentro de la interfaz de la extensión.
La extensión solicita únicamente los permisos necesarios para:
Los permisos específicos se detallan en la página de la Chrome Web Store al momento de instalar la extensión.
Si tenés dudas sobre esta política de privacidad o necesitás una revisión formal a nivel de equipo o empresa, podés escribir a:
Colaborar
¿Querés hablar de un proyecto o unirte a la beta?
Si trabajás en analítica, UX o producto y querés conversar sobre implementaciones, QA o herramientas, podés escribirme directamente.