Proyectos • Analítica • Accesibilidad • UX

No se trata solo de código. Es de cómo ese código cambia lo que la gente hace.

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.

Explora los proyectos
Tu auditor directo en Chrome: vendors, eventos y accesibilidad a la vista.
Visioneering — micro-ensayos sobre la intersección entre negocio y tecnología.

Selección

Proyectos

Herramientas con enfoque en claridad: datos útiles, accesibilidad real, UX sin fricción.

visibilityTag Viewer
hourglass_topPróximamente

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.

timeline Data Layer Validator
check_circle En uso real

Data Layer Validator — Extensión de Chrome

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

Mirá lo que tu sitio realmente ejecuta.

Tus tags, eventos y problemas de accesibilidad—finalmente a la vista. Ligero, directo y listo para compartir.

Problema

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.

Solución

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.

Estado actual

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.

Ideas en exploración

Mapa de vendors y eventos

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.

Accesibilidad en contexto

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).

Reportes listos para compartir

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.

Privacidad (visión inicial)

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

Tu línea de tiempo del data layer, sin perder un solo evento.

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.

Qué hace Data Layer Validator

  • Captura todos los eventos de dataLayer y adobeDataLayer en tiempo real.
  • Detecta pushes tardíos, mutaciones y navegaciones en SPA sin perder contexto.
  • Muestra cada evento en una interfaz tipo tabla dentro de Chrome DevTools.
  • Mantiene un historial persistente por pestaña y un historial global de sesiones.

Validación contra tu JSON schema

Podés cargar un archivo JSON/JS con el esquema esperado de tus eventos: nombres, llaves y tipos de datos.

  • Detecta llaves faltantes.
  • Resalta llaves extra que no están en el esquema.
  • Marca incompatibilidades de tipo (string vs number, etc.).
  • Eventos que cumplen 100% el esquema se muestran en verde para un QA rápido.

Ideal para validar XDM schemas, payloads de Adobe Web SDK, objetos de GTM y estructuras anidadas de analítica.

Para quién es

  • Analytics engineers y web analysts.
  • Tagging specialists y equipos de GTM/Adobe.
  • Equipos de QA que validan implementaciones de datos.
  • Developers que necesitan depurar eventos de analítica.
  • Cualquiera que mantenga sistemas de recolección de datos a gran escala.

Características clave

  • Captura en tiempo real de eventos de GTM y Adobe Web SDK.
  • Historial persistente por pestaña y memoria global opcional.
  • Panel lateral dentro de Chrome DevTools para tener todo en un solo lugar.
  • No modifica el dataLayer ni interfiere con tags, SDKs o implementaciones.
  • Sin servidores externos: todo se ejecuta localmente en tu navegador.

Privacidad y uso de datos

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.session
  • chrome.storage.local

Esto 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.

Por qué importa

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.

  • Eventos que disparan antes de que abra el debugger.
  • Navegaciones internas que resetearon el contexto.
  • Objetos mutados que no aparecen en el modo preview de GTM.
  • Eventos de Adobe difíciles de leer solo desde la red.

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ó.

Notas

Visioneering

Ideas cortas sobre analítica, accesibilidad y diseño de productos. El objetivo no es tener todas las respuestas, sino mejores preguntas.

Cuando el data layer es lenguaje compartido

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.

Accesibilidad como señal de madurez

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.

Herramientas que dejan pensar

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.

Colaborar

Contacto

¿Querés hablar de un proyecto o unirte a la beta?

Contacto directo

Si trabajás en analítica, UX o producto y querés conversar sobre implementaciones, QA o herramientas, podés escribirme directamente.

LinkedIn