Extensão Chrome GTM Helper da Stape: funcionalidades principais e casos de uso

Existem muitos desafios na interface de visualização do GTM — muitos provavelmente notaram áreas que poderiam ser melhoradas. Os dados podem muitas vezes ser difíceis de ler, e navegar na pré-visualização do GTM pode tornar-se complicado em contentores grandes com muitas tags ativas. É aqui que as extensões de browser se revelam úteis: tornam os dados mais claros e a navegação mais simples.

Foi por isso que a equipa da Stape criou uma extensão simples para Chrome para melhorar a pré-visualização do GTM. Toda a equipa GTM a utiliza, por isso sabemos que irá ajudar muitas pessoas.

O Stape GTM Helper é uma extensão gratuita para Chrome concebida para melhorar a experiência de depuração no modo de pré-visualização do Google Tag Manager. A ferramenta disponibiliza múltiplas funcionalidades tanto para contentores GTM web como de servidor. Com esta extensão, podem navegar facilmente pelas tags acionadas, identificar rapidamente as que falharam, concentrar-se apenas nas tags que estão a testar e tirar partido de outras funcionalidades que exploraremos em detalhe a seguir.

O Stape GTM Helper será útil para qualquer pessoa que configure o rastreamento de dados através do GTM. Pode ser utilizado por especialistas em rastreamento de dados, analistas de dados, freelancers ou agências que necessitem de uma ferramenta conveniente para simplificar o processo de depuração.

O Stape GTM Helper tem as seguintes vantagens:

• Testes de tags específicas. Filtrem e concentrem-se nas tags que precisam de testar neste momento. Especialmente útil se tiverem várias entidades no vosso contentor GTM.
• Identificação fácil do estado das tags. Se tiverem várias tags num contentor GTM, é fundamental navegar entre elas durante o processo de depuração para determinar quais as tags que foram acionadas e quais falharam. O Stape GTM Helper adiciona uma codificação por cores às tags mais populares e destaca o respetivo estado.
• Legibilidade dos parâmetros de pedido. Com a extensão da Stape ativada, os pedidos JSON de entrada e saída, bem como o Request URL, ficam estruturados e fáceis de ler. A funcionalidade será útil para os utilizadores de sGTM que precisam de visualizar os pedidos de entrada e saída.
• Estado de consentimento claro no sGTM. O estado do consentimento só pode ser consultado nos parâmetros de pedido durante a depuração no server GTM. A extensão Chrome do Stape GTM apresenta os quatro estados de consentimento principais na pré-visualização do servidor.
• Depuração simples da página de checkout no Shopify. Devido ao sandbox da página de checkout no Shopify, pode ser difícil resolver problemas nesta parte da configuração. A nossa extensão Chrome permite injetar o snippet GTM na página de checkout e depurar a configuração com facilidade.
• Seleção em massa de entidades do contentor GTM. Selecionem vários itens para modificar num único passo, em vez de clicar em cada um individualmente.
• Análise da configuração de rastreamento. A funcionalidade Scanner analisa a página que estão a visualizar e gera um relatório com recomendações para melhorar o rastreamento web e do lado do servidor.

Se tiverem várias entidades no seu contentor e quiserem testar apenas algumas delas, podem filtrar exclusivamente as necessárias para uma depuração mais conveniente.

Esta funcionalidade está disponível tanto para contentores GTM web como de servidor e pode ser utilizada no modo de Pré-visualização.

Esta funcionalidade facilita a leitura dos pedidos JSON de entrada e saída na pré-visualização do sGTM. É especialmente útil para webhooks e para verificar os dados que as tags enviam.

Aqui está um exemplo do que obtêm sem a extensão:

E aqui está o que obtêm com a extensão:

Esta funcionalidade facilita a leitura dos parâmetros consultados nos pedidos de URL. É mais útil ao visualizar pedidos GA4 de entrada e saída.

Aqui está um exemplo do que obtêm sem a extensão:

E aqui está o que obtêm com o Stape GTM Helper:

Também podem visualizar os dados do URL do pedido em formato JSON e copiá-los clicando nos botões correspondentes.

Esta funcionalidade adiciona codificação por cores e o logótipo da plataforma para as tags mais populares (Meta, GA4, Google Ads, Microsoft, etc.). Funciona tanto na pré-visualização web como na de servidor, facilitando a navegação entre as tags acionadas quando existem muitas no contentor.

Aqui está um exemplo do que obtêm sem a extensão:

E aqui está o que obtêm com a extensão:

Ajuda a monitorizar tags com o estado Failed ou pedidos com estado 4xx ou 5xx. Funciona na pré-visualização de servidor e web.

Aqui está um exemplo do que obtêm sem a extensão:

E aqui está o que obtêm com a extensão:

Ao depurar uma configuração Shopify, o dataLayer do GTM não é visível na página de checkout porque o Shopify restringe o acesso ao ambiente de checkout. O checkout é isolado e não permite a manipulação irrestrita do DOM nem a injeção de scripts, ao contrário de outras páginas do Shopify.

No entanto, podem inserir manualmente o snippet GTM na página de checkout para executar o modo de pré-visualização nesta parte da sua configuração. É fácil de fazer com a extensão Stape GTM Helper para Chrome:

• Ativem o botão de alternância Shopify Sandbox dataLayer no separador Settings da extensão.

• No separador Inject GTM, cliquem em Enable injection, adicionem o nome do seu domínio e a vossa ID GTM. Guardem as alterações.

Como resultado, podem visualizar no modo de Pré-visualização e depuração do GTM os eventos que ocorreram na página de checkout:

Se pretenderem uma análise rápida do estado do rastreamento do vosso website e recomendações sobre como melhorá-lo, utilizem o Scanner. Verifica a página do website que estão a analisar e gera um relatório sobre como melhorar o rastreamento web e do lado do servidor. O relatório é gerado com o Website Tracking Checker by Stape.

Como utilizar o Scanner dentro do GTM Helper:

• Abram o website que pretendem verificar.
• Abram o GTM Helper e aceda a Scan your website.
• Cliquem em Scan me.
• Revejam o resumo do relatório e cliquem em View full report para mais detalhes e os próximos passos.

Podem consultar os relatórios anteriores na secção Scan history da extensão.

Ao utilizar o Google Consent Mode numa pré-visualização de servidor, o estado do consentimento só pode ser verificado examinando os parâmetros do pedido de entrada. Isto complica a depuração, especialmente se suspeitarem que algumas tags não estão a ser acionadas corretamente devido a problemas de consentimento.

A extensão gratuita Stape GTM para Chrome resolve este problema adicionando os quatro principais estados de consentimento à pré-visualização do servidor. Funciona verificando o parâmetro 'gcs' nos pedidos GA4. A extensão apresenta o tipo de consentimento e o seu estado (Granted ou Denied).

Aqui está um exemplo do que obtêm com a extensão:

Ativem Bulk select na extensão.

Após ativar a ferramenta, cliquem em qualquer entidade dentro do contentor. Em seguida, mantenham premida a tecla Shift para selecionar várias entidades de uma só vez. Isto permite escolher várias entidades GTM de uma só vez, em vez de clicar em cada caixa de seleção individualmente.

O Stape GTM Helper gratuito inclui um formato de URL de solicitação e um formato JSON. O formato de URL melhora a legibilidade dos parâmetros consultados em solicitações de URL, enquanto o formatador JSON facilita a leitura das solicitações JSON de entrada e saída. Combinados com status e tipos de tags codificados por cores, esses recursos simplificam a depuração e aprimoram a experiência geral ao trabalhar com o sGTM.

Baixe a extensão gratuita do Stape na Chrome Web Store hoje mesmo para tornar seu fluxo de trabalho mais simples e eficiente. Você nem precisa criar uma conta no Stape para usar o Stape GTM Helper.