Minhas 4 extensões essenciais para implementar o Google Analytics 4

Na implementação, o GA4 facilitou nossa vida com a sua DebugView, que se junta ao modo de visualização do GTM e nos dá uma visão bastante completa de tudo o que acontece quando realizamos ações no site.

No entanto, quando entram em cena técnicas mais avançadas como o Consent mode, precisamos recorrer a alguma ajuda para facilitar a tarefa.

Neste caso, pelo menos para mim, há 4 extensões que facilitam muito a minha vida.

Vou mostrar quais são e explicar por quê.

Edit this cookie

Serve para excluir, editar ou adicionar cookies, o que nos ajuda a verificar quando cada cookie é criado de acordo com o que o usuário aceita no banner.

Você pode baixá-la aqui: https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg

O uso é simples: basta clicar no ícone depois de abrir o site que queremos analisar:

Será aberto um relatório com os cookies do site armazenados pelo nosso navegador, além do valor e da data de validade de cada um (abaixo):

Se quisermos excluir os cookies, o que é mais comum, basta clicar aqui:

Ao recarregar, confirmamos quais cookies são carregados antes de aceitarmos qualquer coisa (técnicos e funcionais, se quisermos cumprir o GDPR).

Tag Assistant Legacy (by Google)

Ela mostra as tags / pixels do Google instalados em um site, sejam do GTM, Analytics, Google Ads, Optimize…

Você pode baixá-la aqui:

https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk

Para usar, basta abrir a extensão:

Clique neste botão e recarregue a página:

Veremos as tags e poderemos analisar seus parâmetros em detalhes, o que é muito útil para investigar coisas como a perda do GCLID das nossas campanhas de Ads:

Também posso gravar a sessão enquanto navego pelo site para depois ver, em cada URL, quais tags foram carregadas. Basta clicar neste outro botão e começar a navegar:

Google Analytics Debugger

Talvez seja um pouco mais técnica do que as anteriores.

Esta extensão mostra no console das ferramentas do desenvolvedor uma análise completa de cada chamada ao Google Analytics.

Você pode baixá-la aqui:

https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna

Para usar, basta ativá-la e começar a navegar pelo site:

Em cada URL que você visitar, ao dar uma olhada no console você verá se há alguma tag do Analytics instalada e os valores que ela envia:

Provavelmente é a que fornece mais informações das quatro, mas também é a que tem a curva de aprendizado mais acentuada.

Uma vantagem extra é que, ao ativá-la, o Google Analytics entra em modo Debug. Assim, você pode navegar pelo site, fazer testes e ver os eventos na DebugView do GA4 sem ativar a visualização do GTM:

DataSlayer

Existem várias extensões para ver os valores enviados para a camada de dados. Comecei a usar esta extensão para analisá-los e continuo usando até hoje.

Você pode baixá-la aqui:

https://chrome.google.com/webstore/detail/dataslayer/ikbablmmjldhamhcldjjigniffkkjgpo?hl=es-419Sorteo

Para usar, basta instalá-la e acessar o site que queremos testar.

Depois de entrar, podemos abrir o inspetor de elementos e ir até a seção à direita, onde ficam as informações da extensão:

Depois de entrar, veremos, entre outras coisas, os valores que o DataLayer assume à medida que realizamos ações no site:

Além disso, a extensão salva os DataLayer carregados em cada URL, algo semelhante a gravar a sessão do Tag Assistant.

Só usei esta extensão em implementações com GTM e posso confirmar a utilidade dela, mas ela também pode ser usada com a suíte de analytics da Adobe.

Conclusões

Esta é, portanto, a minha suíte de extensões para uma implementação completa ou para adicionar um novo tracking no Google Analytics.

Claro que é preciso complementá-las com outras ferramentas, principalmente ao implementar pixels de terceiros, mas aqui foquei exclusivamente no Google Analytics.

Você usa essas mesmas? Se não, quais usa?