Tá, Mas Que Diabos É GTM ?: Poupar Muito Tempo

Fala ratos!
🐀
Já ouviram falar do Google Tag Manager (GTM) ?
É uma ferramenta essencial que você deve saber usar para se tornar um rato 🐀 de
verdade!
Se você tem vários pixels e domínios é uma ferramenta que vai te poupar muito
tempo...
Tá, mas que diabos é GTM ?
O GTM é uma ferramenta gratuita do Google, com ela você instala um ÚNICO
CÓDIGO na sua página e depois disso esquece... você não vai mais nem precisar
lembrar que essa página existe, subir alterações no seu código por FTP ? SSH ? com o
GTM não vai mais precisar se preocupar com isso...
O que é possível fazer com o GTM ?
Bom... o céu é o limite...
pois é possível instalar todas as ferramentas do Google, vou citar duas que são muito
importantes...
- Google Analytics acho que esse não preciso explicar essa né 😂

- Google Optimize que pode ser muito útil para criar Testes A/B e testar várias
combinações de conteúdo (Headline, VSL, CTA)...
e sem falar nas centenas de ferramentas de terceiros existem...
ah, quase esqueço... Lembram daquele método de desviar o tráfego de alguém que
copia a sua página...
Isso pode ser feito com GTM 😈

qualquer dia falo mais sobre isso haha será que ensino ? @Black Rat
Já vai deixando um like no post 👍

pois o que vou te ensinar aqui vale ouro💰e não é encontrado em qualquer lugar... e
tbm deu um trabalhão fazer isso aqui kkk
Então vamos lá!
Vou te mostrar como:
● Criar uma TAG

● Criar Acionadores Personalizados
● Criar Variáveis
● Usar o evento AddToCart
● Configurar múltiplos códigos PIXEL
● Talvez tenha mais alguma coisa que esqueci de escrever aqui
Chegou a hora de por a mão na massa!
Primeiramente, vou deixar essa playlist pq o post vai ser longo então solta o Play...
Summer Eletrohits 1, 2, 3 (As Melhores)
Acesse o site do GTM e faça login com sua conta do Google, caso não tenha crie uma
(impossível não ter)
https://tagmanager.google.com/
Após isso, será necessário criar uma conta
Eu gosto de deixar assim, no nome da conta coloque o nome da sua empresa
e em contêiner coloque o nome do seu produto ( sempre crie 1 contêiner por produto,
seja um rato organizado! )
Selecione a plataforma WEB e clique em Criar

Após isso, já vai aparecer um modal com os códigos que precisa inserir nas suas
páginas
Aqui não tem segredo, a primeira parte do código precisa ser logo após a tag <head>
e o segundo bloco do código após a tag <body>

Já inseriu os códigos nas páginas ?
Então vamos continuar ! Para criar a primeira TAG clicando no menu lateral
em Tags
Após isso Clique em Configuração da tag

Vai abrir um menu na lateral direita, Clique em Descubra mais tipos de
tags....
Agora Clique na lupa 🔎 e digite Facebook e selecione o Facebook Pixel
Após isso Clique em Adicionar ao espaço de trabalho

e nessa outra tela clique em Adicionar
OBS: Não precisa se preocupar com esse aviso em vermelho, pois o desenvolvedor
desse plugin é o próprio Facebook
Na próxima tela, dê um nome para a sua TAG, pode ser “FB - PageView”
para ficar organizado
depois coloque qualquer número em Facebook Pixel ID(s) e clique em

Salvar
por enquanto não precisa se preocupar com o restante das configurações

pois vamos preenche-las mais tarde
então ignore o aviso sobre o acionador e clique em Salvar Tag
Agora chegou a hora de criar um ACIONADOR para a ação de Adicionar ao

Carrinho.
vamos lá! 🐀
Clique em Acionadores e depois em Novo
Dê um nome para o acionador, pode ser "AddToCart” e depois clique no
box para abrir o menu de escolha do acionador.
Escolha APENAS LINKS

Nessa tela deixe com as seguintes configurações
Selecione Page URL no primeiro campo, contém no segundo e digite a palavra pay no
terceiro campo...
O que isso faz ?
Esse acionador vai funcionar da seguinte forma, sempre que um usuário clicar no
botão para ir para o checkout vai disparar o evento Adicionar ao Carrinho...
Tá, mas e o que a palavra pay significa ?
a palavra pay existe no subdominio do checkout hotmart...
Citar
https://pay.hotmart.com/0000000000
se eu adicionasse a palavra hotmart também iria funcionar, mas pay é mais

legal haha
Já deu pra entender como funciona né ? pensa um pouco aí...
para adicionar outras plataformas siga a mesma lógica...
Feito isso, clique em Salvar
Chegou a hora de criar as variáveis
Clique em Variáveis e depois em Nova dentro do bloco variáveis definidas

pelo usuário
Dê um nome para a variável e clique no box
Agora vamos escolher o tipo de variável, role a lista pois ela está lá no final...
Vamos usar uma variável do tipo Tabela de Consulta

Agora vem a parte interessante...
em variável de entrada, selecione {{Page Hostname}}
isso vai identificar o domínio que está acessando a sua página...

em Tabela de consulta, no campo Entrada coloque seu site e no campo de
Saída coloque seu Pixel do Facebook
Adicione quantos quiser...
Após ter preenchido todos os campos vamos Salvar
Pronto, já estamos chegando no fim... só falta 2 etapas!
Agora vamos voltar ao menu de Tags, e abrir a configuração daquela

primeira Tag que criamos lá no início do post...
Após abrir a tela de configuração da tag clique no botão + para adicionar a
variável que foi criada.
E vamos seleciona-la, eu criei com o nome de Pixel, basta clicar nela
Seu campo Facebook Pixel ID(s) deve ficar assim :

caso tenha qualquer outro caractere fora das chaves {{ }} apague
Agora vamos adicionar um Acionamento para essa Tag, role a página e

clique no box Acionamento
Clique em All Pages

E depois clique em Salvar
Pronto ! agora seu pixel já está configurado
agora só falta criar a última tag para adicionar ao carrinho quando o

usuário clicar no botão comprar da sua página
Na mesma página, clique em Nova

Dê um nome para sua Tag, pode ser AddToCart e clique no box
Configuração da tag
e selecione HTML Personalizado
Também é possível usar o modelo que instalamos logo no início Facebook Pixel no lugar do HTML
Personalizado
mas aqui vou mostrar dessa outra forma para entenderem um pouco mais sobre o funcionamento
do GTM
no campo de texto HTML cole o seguinte código
<script>
fbq('track', 'AddToCart');
</script>
Após colar o código, role um pouco a página e expanda o menu >
Configurações Avançadas
deixe com a seguinte configuração

vou explica essa configuração...
Aqui estamos fazendo uma configuração para disparar o AddToCart

somente após disparar o primeiro evento de Pixel PageView que vem com
o init do pixel, pois ele é o responsável por iniciar o script do pixel da
página... bom acho q deu pra entender kkk
Agora só falta adicionar o acionamento dessa tag, esse acionamento foi o

que criamos lá no menu Acionadores que pegava os links da página de
pagamento...
para configurar isso, role a página e clique em Acionamento

Selecione o acionador que foi criado
Feito isso, clique em Salvar

Finalizamos a configuração!
Agora precisamos enviar essas alterações para produção, o GTM tem um

controle de versão...
Clique em Enviar
Após isso clique em Publicar
E depois em Pular
E finalmente acabou ...
Instale essas duas extensões no Chrome
● Facebook Pixel Helper

● Google Tag Assistant Legacy
acesse sua página e verifique se está tudo funcionando...
Espero que tenham gostado, qualquer dúvida manda aqui que vou
respondendo
E não esqueça de reagir ao post...
vou trazer mais alguns conteúdos assim pra vocês, Vlw

Tá, Mas Que Diabos É GTM ?: Poupar Muito Tempo

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tá, Mas Que Diabos É GTM ?: Poupar Muito Tempo

Enviado por

Direitos autorais:

Formatos disponíveis

Fala ratos!

Tá, mas que diabos é GTM ?

O que é possível fazer com o GTM ?

Bom... o céu é o limite...

- Google Analytics acho que esse não preciso explicar essa né 😂

e sem falar nas centenas de ferramentas de terceiros existem...

Isso pode ser feito com GTM 😈

Já vai deixando um like no post 👍

Então vamos lá!

Vou te mostrar como:

● Criar uma TAG

Chegou a hora de por a mão na massa!

Summer Eletrohits 1, 2, 3 (As Melhores)

Após isso, será necessário criar uma conta

Eu gosto de deixar assim, no nome da conta coloque o nome da sua empresa

Selecione a plataforma WEB e clique em Criar

e o segundo bloco do código após a tag <body>

Após isso Clique em Configuração da tag

Após isso Clique em Adicionar ao espaço de trabalho

depois coloque qualquer número em Facebook Pixel ID(s) e clique em

por enquanto não precisa se preocupar com o restante das configurações

então ignore o aviso sobre o acionador e clique em Salvar Tag

Agora chegou a hora de criar um ACIONADOR para a ação de Adicionar ao

Escolha APENAS LINKS

Tá, mas e o que a palavra pay significa ?

a palavra pay existe no subdominio do checkout hotmart...

se eu adicionasse a palavra hotmart também iria funcionar, mas pay é mais

Já deu pra entender como funciona né ? pensa um pouco aí...

para adicionar outras plataformas siga a mesma lógica...

Feito isso, clique em Salvar

Chegou a hora de criar as variáveis

Clique em Variáveis e depois em Nova dentro do bloco variáveis definidas

Vamos usar uma variável do tipo Tabela de Consulta

em variável de entrada, selecione {{Page Hostname}}

isso vai identificar o domínio que está acessando a sua página...

Adicione quantos quiser...

Após ter preenchido todos os campos vamos Salvar

Pronto, já estamos chegando no fim... só falta 2 etapas!

Agora vamos voltar ao menu de Tags, e abrir a configuração daquela

E vamos seleciona-la, eu criei com o nome de Pixel, basta clicar nela

Seu campo Facebook Pixel ID(s) deve ficar assim :

Agora vamos adicionar um Acionamento para essa Tag, role a página e

Clique em All Pages

Pronto ! agora seu pixel já está configurado

agora só falta criar a última tag para adicionar ao carrinho quando o

Na mesma página, clique em Nova

e selecione HTML Personalizado

deixe com a seguinte configuração

Aqui estamos fazendo uma configuração para disparar o AddToCart

Agora só falta adicionar o acionamento dessa tag, esse acionamento foi o

para configurar isso, role a página e clique em Acionamento

Feito isso, clique em Salvar

Agora precisamos enviar essas alterações para produção, o GTM tem um

Instale essas duas extensões no Chrome

● Facebook Pixel Helper

acesse sua página e verifique se está tudo funcionando...

E não esqueça de reagir ao post...

vou trazer mais alguns conteúdos assim pra vocês, Vlw

Você também pode gostar