🔥 Deixe de ser um AMADOR! Aprenda usar o GTM em suas Páginas!

Splinter · Maio 6, 2022

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...

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

#ROIREMOS 💰 🐀

Dilminha · Maio 6, 2022

6 horas atrás, Splinter disse:
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...

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

#ROIREMOS 💰 🐀

Grande SPLINTER o braboooo 👏👏

Mamãe fica muito feliz de ver sua disposição em ajudar os coleguinhas, parabéns pelo post muito show isso

depois me fala sua numeração de sapato que vou te mandar um crocks pra vc de presente

Eu tava precisando disso, Brigaduuuu 😍😘

Fala Jogador · Maio 6, 2022

Showww

Xovanna · Maio 6, 2022

Os eventos do servidor e do navegador não fica duplicado desse jeito? Porque to fazendo aqui de uma outra maneira e não consigo desduplicar os dois

Outra coisa, pra pixel personalizado, faço do mesmo jeito que o pageview?

E seus eventos de compra estão normais no FB?

No mais, CONTEÚDO PANCADA!!!

AUFILAIER · Maio 6, 2022

Ouro puro!!! Ta loko!!!

👏👏👏👏👏👏

Coyote · Maio 6, 2022

Splinter seu lindo!
Largou o ouro hein pai!! Coisa linda de ver! 😍

Tava Brincando · Maio 6, 2022

E como faz pra ver as métricas de um conjunto específico?

Editado Maio 6, 2022 por Tava Brincando

Toto Wolff · Maio 7, 2022

Que isso! Parabéns mestre, excelente post!

Bruno Giordany · Maio 7, 2022

Boa guy, mandou bem, meus segredos de eventos personalizados estão aí kk

Uso o google tag manager para personalizar eventos do pixel, como por exemplo se o prospect assistir 20min da sua vsl o evento de view20min aparece 👀 e vc pode mandar um rmkt de página aberta para quem já viu 20min ou qualquer outro tempo

Tadalafellas · Maio 13, 2022

valeu

Editado Maio 13, 2022 por This person

Zurguebeck · Maio 17, 2022

Muuuuuuito top isso aí!

Só tenho uma dúvida @Splinter... to usando um domínio principal e outros domínios de presell (1 por BM) pra mandar tráfego para o principal também.

Se eu instalar os pixels da forma como mostrou, acha que pode haver cruzamento de dados e atrapalhar essa minha contingência que isola tudo?

Allan o Coaching · Maio 17, 2022

Em 06/05/2022 em 03:00, Splinter disse:
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...

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

#ROIREMOS 💰 🐀

MErece mais que um Like, merece um DESTRAVAR DO MILHÃO do coaching Allan aqui! #vamosjuntosmeugeneral

willianmeira · Maio 18, 2022

Faaaaala @Splinter cara, achei que sabia usar o GTM mas só fazia pelo HTML personalizado mesmo huahauuhauhaua! Fiz dessa maneira,mas na váriavel personalizada da Tabela de Consulta, tenho que adicionar meu domínio e o código do pixel logo na Frente,né?

Fiz isso, e ao realizar o Debbug mostrou saparada aqui:

Antes,com o HTML personalizado ficava certinho

OBS: tem 2 pixels nesse domínio, um não está mostrando

OBS2: pausei as tags de pixel com HTML Personalizado.

Oxes · Maio 18, 2022

Que animal!!!

Splinter · Maio 18, 2022

1 hora atrás, willianmeira disse:

Faaaaala @Splinter cara, achei que sabia usar o GTM mas só fazia pelo HTML personalizado mesmo huahauuhauhaua! Fiz dessa maneira,mas na váriavel personalizada da Tabela de Consulta, tenho que adicionar meu domínio e o código do pixel logo na Frente,né?

Fiz isso, e ao realizar o Debbug mostrou saparada aqui:

Antes,com o HTML personalizado ficava certinho

OBS: tem 2 pixels nesse domínio, um não está mostrando

OBS2: pausei as tags de pixel com HTML Personalizado.

os dois pixels que você quer disparar são de PageView ?

você precisa utilizar 2 pixels em cada domínio ?

pra utilizar dessa forma acredito que vai ser necessário ter duas tags e duas listas de pixels

ou inserir o código direto na tag se utiliza apenas esses dois pixels

eu nunca tentei disparar vários pixels ao mesmo tempo e pela mesma tag mas vou fazer uns testes aqui

willianmeira · Maio 18, 2022

23 minutos atrás, Splinter disse:

os dois pixels que você quer disparar são de PageView ?

você precisa utilizar 2 pixels em cada domínio ?

pra utilizar dessa forma acredito que vai ser necessário ter duas tags e duas listas de pixels

ou inserir o código direto na tag se utiliza apenas esses dois pixels

eu nunca tentei disparar vários pixels ao mesmo tempo e pela mesma tag mas vou fazer uns testes aqui

Cara, pelo HTML Personalizado dá de boa. Os dois disparam page view. Aí é só criar uma Tag de HTML pra cada Pixel.

Aí, meu foco é o Evento de Cadastro - já faço aquele esquema que você mostrou ali acima com AddToCart.

Mas muito obrigado manooo

Splinter · Maio 18, 2022

37 minutos atrás, willianmeira disse:

Cara, pelo HTML Personalizado dá de boa. Os dois disparam page view. Aí é só criar uma Tag de HTML pra cada Pixel.

Aí, meu foco é o Evento de Cadastro - já faço aquele esquema que você mostrou ali acima com AddToCart.

Mas muito obrigado manooo

Usa o html personalizado kkk o importante é funcionar

se o cadastro é em outra página, você tem que chamar o PageView Novamente...

Configurações avançadas > Sequenciamento de Tags, da uma olhada se não esqueceu de nada nessa parte

pprs · Maio 19, 2022

Coloquei 2 pixels lá em variáveis, salvei e publiquei mas não apareceu na página, somente o primeiro que coloquei.

O que pode está acontecendo?

Jovem Mancebo · Maio 19, 2022

Em 06/05/2022 em 03:00, Splinter disse:
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...

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

#ROIREMOS 💰 🐀

Parabéns pelo conteúdo foda mestre
Ajudou demais aqui

Leigo Milionário · Maio 20, 2022

No inicio não entendi nada e no final parecia que tava no início

brincs

foda p krl

Denilton Alves · Maio 26, 2022

Crlh isso ficou melhor que video aulo pqp valeu demais irmão..........

Zurguebeck · Junho 4, 2022

@Splinterou quem mais souber e tiver disponibilidade para responder rs...

Fui fazer a parada na prática e fiquei com algumas dúvidas aqui. Se puder me ajudar, agradeço 😬

Minha página de vendas está em um "domínio principal"... e mando tráfego para ele através de diversos outros domínios que uso como presells.

Minhas dúvidas (me desculpe se parecerem burras) são:

1. Devo instalar o código do GTM em todos os domínios (no da PV e nos das presells)?

2. Na parte da "tabela de consulta", devo inserir apenas os meus domínios que uso como presell e seus respectivos pixels? O "domínio principal", que tem a página de vendas, não entra aí? Fiquei confuso com isso.

Obrigado 🙏🏻❤️

Diego Emmanuel · Junho 7, 2022

Tu tem alguma ideia de como aplicar isso ao pintrest?

lecotv · Junho 10, 2022

Em 06/05/2022 em 03:00, Splinter disse:
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...

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

#ROIREMOS 💰 🐀

Fala mano, beleza? Fiz isso no meu tag... meu initiate checkout é da braip. segui a logica e n funcionou... será q vc pode me dar uma luz?

Derek Deoli · Junho 16, 2022

Resumiu um módulo inteiro de Google Tag Manager em um post, incrível!

Valeu demais!!!

​🔥​ Deixe de ser um AMADOR! Aprenda usar o GTM em suas Páginas!

Posts Recomendados

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

🔥 Deixe de ser um AMADOR! Aprenda usar o GTM em suas Páginas!