Como usar: Gerador de dataLayer.push
- Escolha um evento ou digite o nome do seu evento.
- Adicione parâmetros e, para ecommerce, os itens.
- Copie o código
dataLayer.push()para a sua página. - No Tag Manager, adicione um gatilho de Evento Personalizado com o mesmo nome e uma tag de evento do GA4 que leia os valores por meio de Variáveis de Camada de Dados.
Configurando no Tag Manager
Cada push precisa de uma chave event — é ela que um gatilho de Evento Personalizado escuta. Leia as demais chaves com Variáveis de Camada de Dados (por exemplo form_name) e passe-as como parâmetros de evento na tag do GA4. Para ecommerce, marque “Enviar dados de ecommerce” na tag do GA4 e ela lerá ecommerce.items automaticamente. Instale o contêiner com o Gerador de Snippet do GTM.
Também pesquisado como: gerador datalayer push, código datalayer push, evento datalayer gtm, evento personalizado gtm, datalayer ecommerce, exemplo datalayer push, código de evento gtm.
Ferramentas que combinam com: Gerador de dataLayer.push
- Gerador de Código de Evento GA4 — Escolha um evento recomendado do GA4 — generate_lead, sign_up, purchase, add_to_cart e outros — ou crie o seu, preencha os parâmetros e itens e copie o código como gtag(), um dataLayer.push() do Tag Manager ou uma requisição Measurement Protocol do servidor.
- Gerador de Script de Rastreamento de Eventos — Rastreie cliques em botões, links e envios de formulário adicionando atributos em vez de código: data-track="sign_up_click" mais parâmetros opcionais data-track-*.
- Decodificador GA4 — Depure o Google Analytics 4 sem adivinhação.
- Verificador de Tags e Pixels — Digite uma URL para encontrar todas as tags de analytics, pixels de anúncio e gerenciadores de tags da página, com seus IDs, o que está carregado dentro do Google Tag Manager, a ferramenta de consentimento de cookies e as tags de verificação do Search Console e do Bing.
Perguntas frequentes
Por que enviar ecommerce: null primeiro?
A dataLayer mescla objetos, então itens de um push anterior podem acabar no próximo evento. Limpar o ecommerce antes é o que o Google recomenda.
A dataLayer precisa existir antes de o GTM carregar?
O código gerado começa com window.dataLayer = window.dataLayer || [], então funciona antes ou depois de o contêiner carregar.
Como ler um valor do push em uma tag?
Crie uma Variável de Camada de Dados no Tag Manager com o nome da chave, como form_name, e use-a na tag como {{DLV - form_name}}.
Posso instalar o Gerador de dataLayer.push como um aplicativo da web e usá-lo offline?
Sim. O Gerador de dataLayer.push é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.