Visão geral do projeto
EC Diag é uma extensão Chrome criada para observar silenciosamente a jornada de um usuário em uma loja virtual e produzir um JSON estruturado por sessão para diagnóstico de tracking. A captura é 100% local, ativada apenas por site, com mascaramento de PII antes da persistência. O painel lateral acompanha checklist GA4, funil, diagnósticos e log em tempo real, ajudando times de marketing, dados e engenharia a entenderem se eventos, payloads e etapas críticas da jornada estão corretos.
Desafio
Validar instrumentação de e-commerce em sites reais sem quebrar a loja, sem enviar dados sensíveis para terceiros e sem depender de uma implementação única, já que cada storefront pode usar Shopify, VTEX, WooCommerce, Magento, GTM, GA4, proxies ou pixels diferentes.
Solução
Arquitetura em camadas para Manifest V3 com lógica pura em src/lib, interceptores seguros em MAIN world para dataLayer, gtag, ga, fetch, XHR, sendBeacon e pixels, observadores passivos no content script, mascaramento recursivo de PII, IndexedDB para eventos brutos, chrome.storage para estado agregado e inferências rule-based com evidências e confiança.
Tech Stack
- Extensão Chrome
- JavaScript
- GA4
- Tracking de Eventos
- Qualidade de Dados
Escopo técnico
- Captura local, opt-in por site e read-only
- Checklist GA4, funil, diagnósticos e log em tempo real
- Mascaramento de PII antes de persistir eventos
- Exportação JSON e prompt pronto para LLM