Resumen del proyecto
EC Diag es una extensión Chrome creada para observar silenciosamente la jornada de un usuario en una tienda online y producir un JSON estructurado por sesión para diagnóstico de tracking. La captura es 100% local, activada solo por sitio, con enmascaramiento de PII antes de persistir datos. El panel lateral muestra checklist GA4, funnel, diagnósticos y log en tiempo real, ayudando a equipos de marketing, datos e ingeniería a entender si eventos, payloads y etapas críticas de la jornada funcionan correctamente.
Desafío
Validar instrumentación de e-commerce en tiendas reales sin romper el sitio, sin enviar datos sensibles a terceros y sin depender de una única implementación, ya que cada storefront puede usar Shopify, VTEX, WooCommerce, Magento, GTM, GA4, proxies o píxeles diferentes.
Solución
Arquitectura en capas para Manifest V3 con lógica pura en src/lib, interceptores seguros en MAIN world para dataLayer, gtag, ga, fetch, XHR, sendBeacon y píxeles, observadores pasivos en content script, enmascaramiento recursivo de PII, IndexedDB para eventos brutos, chrome.storage para estado agregado e inferencias rule-based con evidencia y confianza.
Tech Stack
- Extensión Chrome
- JavaScript
- GA4
- Tracking de Eventos
- Calidad de Datos
Alcance técnico
- Captura local, opt-in por sitio y read-only
- Checklist GA4, funnel, diagnósticos y log en tiempo real
- Enmascaramiento de PII antes de persistir eventos
- Exportación JSON y prompt listo para LLM