Transcrições
1. Vídeo de boas-vindas: Oi, pessoal. Bem-vindo ao meu curso, o Google Tag
Manager Master class. Todos os recursos e ferramentas. Meu nome é Tanoi Komadas. Só para dar uma ideia
sobre mim, sou um ex-funcionário do Google com 16 anos de experiência
em publicidade PPC Eu ensino anúncios
de PPC há mais de dez anos e ensino para muitos jovens
profissionais, especialistas em PBC e empreendedores que desejam aprimorar suas habilidades
nesse campo específico Eu queria aproveitar esta
oportunidade para informar o que você
aprenderá neste curso. Então, vamos
começar entendendo os fundamentos do Gerenciador de
tags do Google, a instalação
e a configuração do navegador Também
veremos a interface do Gerenciador de tags
do Google e
algumas práticas recomendadas. Em seguida, veremos como
configurar tags essenciais
e publicá-las, e então entenderemos e
melhoraremos a expansão
dos dados de rastreamento. Mostrarei alguns conceitos
avançados de rastreamento, técnicas de rastreamento de
vídeo e também algumas
técnicas avançadas relacionadas ao ID do usuário, tabelas de
pesquisa e grupos de fontes Espero que, ao final
deste curso, você entenda como esse gerente técnico
do Google funciona e possa usá-lo de
forma muito eficaz para você e para seus clientes Então, obrigado mais uma vez,
pessoal, por se
matricularem neste curso, e estou ansioso para
ver vocês na aula
2. O que é o Google Tag Manager e por que você precisa dele: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
falaremos sobre o que é um Gerenciador de tags do Google
e por que precisamos dele. Antes de entrarmos
nisso, precisamos entender primeiro
o que é uma tag. Uma tag é um trecho de código
ou um trecho de código. Na maioria das vezes, será um script Java ou imagens Jiff
, fornecidas por vários sites de
terceiros Sites de terceiros, que
fornecerão essa tag, que precisamos
colocar em nossos sites especificamente
para coletar dados. Se estivermos veiculando,
digamos, anúncios ou por meio diferentes plataformas de anúncios, como
Google, Meta, Microsoft ,
vinculadas ou digamos que estamos configurando o Google
Analytics em nosso site, todas essas plataformas nos
fornecerão uma tag. E agora precisamos
colocar essas tags em nosso site para que essa pilha
possa ajudar a coletar dados e que possam ser
usados para fins de análise, experiência
do usuário e
rastreamento Portanto, pode haver vários tipos de tags que
precisaremos configurar em nosso site. Então, vamos dar uma olhada nisso. Portanto, pode haver uma tag do Google
que usamos para análises, anúncios do Google, rastreamento e
conversões Também pode haver uma configuração de pixel
do Facebook ou um código de pixel que está lá, que precisa ser colado, que é usado para rastrear
dados para a exibição de anúncios no Facebook Da mesma forma, também pode haver uma
etiqueta de publicidade da Microsoft, que podemos colocar quando
exibimos anúncios da Microsoft. Então, vamos dar uma olhada em alguns exemplos ao vivo de como isso ficará em
um site específico. Então, digamos que estamos
vendo o New York Times
como o jornal. Em sites diferentes,
implementamos as tags para coletar
dados do usuário por vários motivos. Então, se prosseguirmos e fizermos uma visualização da fonte da página
nesse tipo de site, podemos identificar esses códigos pesquisando,
digamos que estamos procurando. Então, podemos ver aqui nesta página, que
temos esse
Google Tag Manager específico, que está destacado aqui. Então esse é o código que
está surgindo aqui. Da mesma forma, se você olhar para qualquer site de tecnologia, digamos que estamos
vendo uma crise tecnológica aqui neste site Aqui também, se você
fizer uma visualização da fonte da página, podemos ir até a fonte da
página e também
podemos pesquisar qualquer tag de pesquisa. Então, aqui também, você
pode ver que há um código do Google Tag Manager
aparecendo aqui. Assim, vários sites
terão o código configurado
para fins de rastreamento. Outro exemplo pode ser, digamos que estamos
acessando um site de esportes, e aqui também, se
fizermos uma visualização do código-fonte da página, veremos o código dessa
maneira específica. Podemos ver que
muitos sites
terão esses códigos implementados principalmente
com o objetivo de rastrear dados de usuários, que é útil para fazer
muitas análises e também para
veicular anúncios. Então, agora, só para entender
o que é um gerenciador de tags do Google? Essa é uma ferramenta criada pelo Google ou por uma plataforma
que ajuda a gerenciar várias tags em um site de uma maneira muito
mais eficiente. Se eu tiver um site em várias tags
são implementadas, esse gerenciador de tags pode nos
ajudar a
gerenciá-las de uma maneira muito
mais simples e fácil Então, o Google Tag Manager
ajuda você a eliminar a necessidade de colocar códigos
individuais no site. Em vez disso, o que colocamos
no site é apenas um contêiner do Google
Tag Manager. E agora o que fazemos é ter todas as tags individuais em nossa interface do
Gerenciador de tags do Google. Portanto, quaisquer mudanças ou
gerenciamento que tenhamos que fazer, nós o fazemos na interface do Google
Tank Manager, e isso se reflete na página
do site por meio do contêiner do Google Tag
Manager. Dessa forma, fica muito
mais fácil lidar com várias portas
para nossos sites. Espero que isso faça sentido. Agora você entende o que é essa ferramenta e como ela
funciona basicamente no gerenciamento eficiente várias tags para nossos sites. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos na próxima capina
3. Plugins úteis do Chrome para trabalhar com o Google Tag Manager: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, queríamos
ver diferentes plug-ins do Chrome, que podemos usar enquanto trabalhamos
no Gerenciador de tags do Google. Existem diferentes
tipos de
extensões do Chrome que podemos usar para fins de rastreamento e
geração de relatórios. Vamos dar uma olhada nisso. No primeiro,
criei um documento que
compartilharei com você na seção de recursos
do curso, para que você possa
acessá-lo facilmente a partir do Então esses são todos os diferentes
tipos de eu plugue nos céus. Então, o primeiro
é o assistente de tack, ajudante de pixel
do Facebook, o Twitter, Pixel helper e
assim por diante Tudo isso pode ser facilmente usado para diferentes fins de rastreamento
e geração de relatórios. Então, vamos dar uma olhada nisso. Então, o primeiro será o complemento do Google Tag
Assistant. Portanto, esta é uma extensão de baile, que basicamente ajuda
a liga principal O Google Tag Manager, que estamos tentando aprender
aqui neste curso, é o que você pode acessar a partir dessa extensão de formatura específica Então, a partir daqui, esse assistente de
tags realmente ajuda no gerenciamento de várias
portas no site. Você também pode ver quais portas
estão sendo executadas aqui e como você também pode depurar Todas essas coisas são feitas facilmente por meio da plataforma
do Google. Essa é uma das ferramentas
de rastreamento mais usadas. O outro
será o ajudante meta Pixel. Essa é uma ferramenta
usada no caso de anúncios meta. Se você planeja veicular anúncios
meta e
deseja rastrear o código,
o pixel que
configuramos no site para rastrear
conversões por meio de anúncios meta Então, podemos usar esse auxiliar de
meta Pixel, que também faz a mesma coisa
, em que nos diz claramente
se o pixel foi colocado corretamente
na página do site ou não,
ou se não está carregando Recebemos informações claras com
relação ao meta ad stra. O terceiro também pode ser usado como auxiliar do Twitter Pixel, que faz o mesmo trabalho quando
exibimos anúncios no Twitter Se quisermos rastrear as conversões provenientes dos anúncios
do Twitter
, essa extensão específica do
Chrome pode ser de grande utilidade Da mesma forma, também temos a extensão
Microsoft ads Prom, que é um auxiliar de tags da UIT Isso faz a mesma
coisa:
quando exibimos anúncios
da Microsoft
e queremos rastrear
as conversões provenientes deles, podemos colocar o código e,
em seguida,
essa extensão de
formatura específica pode nos
ajudar a saber se
a tag está funcionando, sendo quando exibimos anúncios
da Microsoft
e queremos rastrear
as conversões provenientes deles, podemos colocar o código e, em seguida essa extensão de
formatura específica pode nos
ajudar a saber se
a tag está funcionando, acionada Ele está rastreando os dados ou não? Esse tipo de informação
que ele fornecerá. Então, isso será da publicidade da
Microsoft. Agora, além disso, há
outra extensão do Chrome, que é como um explorador de tags. Agora, o explorador de tags é
basicamente essa extensão ajuda a ver quais
são todas as tags no site. Assim, posso ver quais os diferentes tipos de tags são
os diferentes tipos de tags existentes no meu site. Está bem? Se eu quiser pausar
alguma tag específica, posso fazer isso aqui
removendo o
botão de verificação daqui Ok. Dessa forma, posso controlar, gerenciar e ver várias tags que
estão no site e trabalhar nelas. Então essa é a sua extensão do Chrome do
explorador de tags. Outro que podemos usar
aqui é o depurador de análise. extensão do depurador do Analytics é usada quando configuramos um código
do Google Analytics e queremos depurá-lo para ver se há
algum Assim, podemos ver
nessa extensão específica do
Chrome, onde ela
nos fornecerá todas essas informações. E então podemos
fazer alterações nele. Talvez possamos pausar a
tag ou editar a tag. Todas essas coisas
serão possíveis a partir dessa extensão específica
do Chrome. Concentrando-se principalmente na depuração da tag do Google Analytics. Além disso, também temos uma extensão GTM copy paste me Isso é útil quando
queremos copiar o código GTM de uma conta específica para
outra. Se você quiser fazer isso. Quando digamos que você está
fazendo isso para vários clientes, está configurando o GTM
para vários clientes e precisa usar o mesmo
código com clientes diferentes, essa extensão de
ROM específica pode ser muito útil
, pois você pode simplesmente copiar a tag de uma conta específica e depois movê-la para
a outra conta Essa é a sua extensão GTM copy
paste prom. E a
última será a extensão
Ad Swerv Prom, usada
principalmente para
configurar novamente
o código GTM do Google Nós podemos fazer isso a partir disso.
Também podemos analisar as camadas de dados que são
criadas na conta GTM Todas essas coisas, que
você também pode ver aqui por meio dessa extensão específica do
baile Então, esses são todos
os plug-ins
ou extensões de baile que
podemos usar Neste vídeo sobre essas portas, veremos algumas delas,
como podemos
implementá-las e, eventualmente, você poderá usá-las forma eficaz para sua empresa
e para seus clientes. Espero que isso faça sentido. Espero que você entenda todas
essas extensões ou
plug-ins de formatura do GTM e como
podemos usá-los Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
4. Crie uma conta do Google Tag Manager: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como
podemos abrir uma conta do Google
Tag Manager. Então, para fazer isso,
vamos pesquisar o
Gerenciador de tags do Google no Google e veremos o
primeiro site aqui, qual você pode clicar, e isso nos
levará ao
site aqui. Portanto, ele solicitará que você faça login
com sua conta do Google, forneça seu ID e senha de
e-mail e acessará
essa página específica. Então, a partir daqui,
podemos criar uma nova conta para o
nosso Gerenciador de tags do Google. Então, onde podemos fornecer
alguns detalhes. Portanto, a primeira coisa que você precisará fornecer aqui será o
nome da conta. Portanto, seja qual for o nome da
sua
empresa ou do seu cliente, você
pode fornecer aqui. Dessa forma, posso
fornecer o nome
e, em seguida, também podemos escolher
o país. Depois de fazer isso, temos que fazer
a configuração do contêiner. O contêiner é basicamente
um espaço de armazenamento onde armazenaremos
todas as tags diferentes, que
colaremos no site Então, isso também
precisamos definir aqui. Assim, podemos dar um nome de contêiner. Agora, essa pode ser a URL do
nosso site, que podemos fornecer aqui. E devemos fazer isso para
as plataformas específicas. Estamos fazendo isso,
digamos, para páginas da web, IOS, então todas essas opções
estarão abertas para nós. Então, faremos uma configuração de tag para todas essas
plataformas por padrão. Assim, você pode fornecer o URL do seu site
dessa maneira específica. Este é o site para o qual
estamos configurando a tag
e, em seguida, podemos selecionar principalmente o
site para o qual
queremos fazer isso, que está em páginas da web para desktop
e dispositivos móveis, e então podemos criar Estes são os termos e
condições com os quais precisamos concordar e
dizemos que aceitamos isso, e então podemos
avançar a partir daqui. Depois de fazer isso, agora a
conta está sendo criada, o que
gerará o código. Você pode ver agora,
este é o código que precisa ser passado
no back-end do nosso site. Se, no caso, depois de
criar a conta, esse pop-up não surgirá. Em seguida, na página inicial
do Gerenciador de tags do Google, você pode simplesmente acessar o rótulo específico
do código GTM aqui Se você clicar nele, isso o
levará de volta à página, e você pode simplesmente copiar daqui, seguir as instruções
fornecidas aqui e colá-las no final de
cada página do seu site. Espero que faça sentido você entenda agora
o processo completo, a maneira simples de abrir uma conta com
o Google Tag Manager. No próximo vídeo, veremos como podemos colar esse código no back-end
do nosso site e ativar o código GTM
específico Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
5. A visão geral dos 5 métodos de instalação do Google Tag Manager: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos
as cinco maneiras diferentes de
instalar o
Gerenciador de tags do Google em diferentes plataformas. Portanto, o primeiro pode ser a instalação
manual. Então, veremos isso
nos próximos vídeos, como podemos instalar o código
GTM que obtivemos
no vídeo anterior manualmente
em nosso site. Essa é uma delas. O segundo dia
será o WordPress,
então, em um site WordPress, como podemos fazer o mesmo trabalho se nosso site ou o site do nosso
cliente forem criados no WordPress. Em seguida, veremos
como o código GTM pode ser implementado em um site de armazenamento de
arquivos da Shoppe Ok, como em um armazenamento de arquivos do
Shoppe, isso pode ser feito com muita facilidade Da mesma forma,
veremos se um site é construído
em um espaço quadrado, como podemos implementar
o código GTM nele E o último será o injetor do
gerenciador de tags, que também discutimos
anteriormente, que está na Swerve, por meio do
qual podemos usar essa ferramenta para também
implementar o código TM Então, vamos dar uma
olhada nesses caras. Nos próximos vídeos,
veremos como eles podem ser implementados em sites
diferentes por meio de plataformas diferentes. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo VD.
6. Configurar o Google Tag Manager no Wix: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar o Google Tat Manager
em um site do ICS, um site
criado no ICS. Então, vamos dar uma olhada nisso. Então, vimos no vídeo
anterior que, uma vez concluída a configuração específica do
GTM, quando abrimos a conta
no Google
Tag Manager, obtemos um código específico dessa maneira específica, onde podemos instalar
esse código em todas as páginas do
site, certo? A partir daqui, o que precisamos
é apenas o ID do código GTM, que é este, que
podemos copiar daqui e agora podemos colá-lo no back-end do
nosso site do iCS Então, vamos dar uma olhada nisso. Este é um site do ICS, que eu tenho, no qual
vamos colar esse código. Então, atualmente, se você ver
neste site específico, este site não
tem nenhum código no momento. Essa extensão do Chrome nos
ajuda a verificar e testar se algum site
tem algum código ou não. No momento, o que vemos é que isso não
tem nenhum código como tal. O que vamos fazer
é
configurar o código GTM neste
site no back-end,
para o qual acessaremos o painel
Is Este é o painel
onde temos que ir, e aqui podemos
ir especificamente para a página de configurações. Onde podemos acessar as integrações
de marketing, onde podemos integrar Gerenciador de tags
do Google
ao site Então, aqui você pode ver a opção Gerenciador de
tags do Google chegando, para que você possa se conectar aqui e adicionar o ID do Gerenciador de tags
do Google. O que copiamos
no início é o que estamos colando
aqui e podemos salvá-lo Agora você pode ver que diz que o Google Tag Manager foi
conectado ao site, então vamos dar uma olhada nisso. Então, quando voltamos
ao nosso site e atualizamos a página mais uma vez Então, agora devemos ver
o Gerenciador de tags do Google, que mostra aqui
com um sorriso verde, o mesmo código está aqui, o que significa que isso foi implementado com sucesso
no site Então é assim que o código do Google
Tag Manager é configurado em um site da
Vicks Espero que isso faça sentido. Você entende o processo
completo, como fazer isso especificamente para um
site da Weeks. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
7. Configurar o Google Tag Manager no Wordpress: Oi, pessoal. Bem-vindo
a esta sessão. Neste vídeo,
veremos como podemos configurar o Gerenciador de tags do Google
para um site WordPress. Para isso,
vamos
recomeçar
do início, ou seja
, quando criarmos a conta do
Google Tag Manager, ela gerará o código
para nós dessa maneira. Então, vamos pegar o código, o ID, o ID GTM
daqui e copiar isso E agora voltaremos ao
nosso site. Digamos que este seja
o site que
temos e a
conta do WordPress que criamos. No WordPress, a maneira
mais fácil de configurar o código GTM é
adicionando um plug-in Assim, você pode acessar os plug-ins
onde podemos pesquisar,
digamos, o Gerenciador de tags do Google. E isso lhe dará
muitas opções, que podemos ver aqui. No entanto, dentre eles, o melhor e o
mais simples de usar seria Google Tag Manager para
WordPress de Thomas Geiger Se você for a
este especificamente, ele solicitará que você
preencha o documento de identidade. Você pode preencher o ID
ali e simplesmente salvá-lo. Depois de salvá-lo, ele será
ativado no site e seu código do Gerenciador de tags do Google será instalado
no site. É assim
que será simples
configurar o código GTM em
um site WordPress Só precisamos instalar
o plug-in certo, que é esse, GTM para
WordPress, de Thomas Geiger Nesse caso, ele solicitará que você
cole o ID, o GTM ID. Basta colar
e salvar. Dessa forma, podemos configurar nosso código do Google
Tag Manager em um site WordPress
para nós mesmos ou para nossos clientes.
Espero que isso faça sentido. Você entende esse processo. Muito obrigado, pessoal, por
ouvirem esta sessão, e nos vemos
no próximo vídeo. T.
8. Configurar o Google Tag Manager na Shopify: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar Gerenciador de tags
do Google
em um site do Shope Pi Então, vamos dar uma olhada nisso. Para começar, novamente,
acessaremos a conta do Google
Tag Manager, que criamos, e
obteremos o código aqui. Teremos que colar os
dois códigos
no site do Shope Pi Então, vamos começar com
o primeiro. É isso que
vamos copiar. E agora podemos ir à
nossa loja da Shopify. Digamos que esse seja o
back-end da loja Shop fi. Teremos que ir
à loja online onde abordamos os temas. Os temas serão o tema
do site e, agora, vamos
ao tema atual que está sendo usado e
editaremos o código. Ao editar o código,
examinaremos especificamente a seção líquida
e, logo
após a tag Meta, colaremos o código. Você pode ver que o código do Google
Tag Manager foi colado aqui e podemos salvá-lo
. Isso está feito. Agora vamos voltar novamente, e agora precisamos instalar o segundo código,
que é esse. Isso precisa ir atrás da seção do
corpo do código. Novamente, vamos pesquisar uma seção
corporal para a
qual você pode fazer um controle F e
procurar a classe corporal. E agora você pode ver
aqui, depois disso, vamos colar
a segunda parte. Aqui, colamos
a segunda parte do
código do Google Tag Manager e podemos salvá-la Essa é a maneira simples
pela qual podemos colar os dois códigos em nosso site Shoppe
fi no back-end E agora isso se
refletirá em nosso site, e poderemos
rastrear nossas informações,
nossas conversões por meio
do Gerenciador de tags do Google em um armazenamento de arquivos do Shoppe Espero que isso faça sentido. Agora você também entende como estamos fazendo isso em uma loja Shoppe
Fi Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
9. Configurar o Google Tag Manager no Squarespace: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar um Gerenciador de tags do Google em
um site de espaço quadrado. Então, vamos dar uma olhada nisso. Começaremos o processo primeiro
acessando nossa conta do Google
Tag Manager e podemos obter o
código aqui. Então, teremos que
colar os dois códigos
no site do Squarespace Então, vamos
copiar o primeiro código. E agora podemos acessar nosso site de espaço
quadrado. Digamos que esse seja o site. Teremos que
colá-lo como um código personalizado. O que está acontecendo com o
espaço quadrado é que você não tem uma integração específica com Gerenciador de tags
do Google
por meio do espaço quadrado. Então, teremos que adicionar
isso como um código personalizado. Para fazer isso, podemos acessar a página
do editor do site
e acessar as páginas, onde podemos
acessar as ferramentas do site. Nas ferramentas do site, podemos
acessar a injeção de código, onde
adicionaremos esses códigos. Portanto, o primeiro código que temos, podemos colocá-lo na
seção de cabeçalho dessa maneira
específica. Podemos ver que o código do Google Tag Manager
foi colado aqui E então o segundo código pode
ir para a seção de rodapé. Então, podemos colocar isso
no rodapé também. Este, especificamente,
podemos copiar e agora colocá-lo na
seção de rodapé Dessa forma, podemos adicionar os dois códigos ao nosso site de espaço
quadrado, e o Gerenciador de tags do Google
será instalado aqui e começará a rastrear
todos os detalhes para nós. Espero que isso faça sentido.
Você entende isso agora, como podemos adicionar um código GTM
para um site de espaço quadrado Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
10. Injecte o contêiner do Google Tag Manager em qualquer site: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos
como podemos usar uma extensão Cm específica para instalar o Google Tag
Manager em qualquer site. Então, o que vamos
usar será
a extensão AdWord Prom, que também discutimos
nos vídeos anteriores Então, vamos dar uma olhada nisso. Então, como vimos anteriormente, a primeira coisa é fazer login em nossa conta do Google Tag Manager
e chegar à parte específica
do código, e chegar à onde podemos copiar o ID da tag. E agora, o que podemos fazer é instalar essa extensão Azer Data Layer Inspect plus
Chrome em nosso navegador Chrome Como você pode ver,
agora está instalado aqui. O que vamos fazer é
instalar o
código do Google Tag Manager em nosso site, o mesmo site, em que não
temos nenhum
código no momento O que vamos fazer
é acessar a extensão do Chrome depois
de instalá-la
e acessar as opções
avançadas, e acessar as opções
avançadas quais podemos
adicionar funcionalidades, onde
inseriremos o contêiner GTM É aqui que você pode colá-lo. Além disso, você precisará fornecer o URL do site no
formato dessa maneira. Então, agora também fornecemos o
site e o contêiner GTM,
e podemos salvá-lo Depois de salvá-lo,
a página será recarregada. Agora podemos ver que o Gerenciador de tags
do Google foi instalado
no site com muita facilidade. Então, essa é outra maneira
muito simples pela qual um gerenciador de tags do Google pode ser configurado em qualquer site com a ajuda dessa extensão
simples. Espero que isso faça
sentido. Você entende o processo completo,
como fazer isso. Muito obrigado, pessoal, por
ouvirem esta sessão, e nos vemos
no próximo vídeo.
11. Visão geral da interface GTM: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos a interface do Gerenciador de tags
do Google e entenderemos
como usá-la. Então, depois de fazer login na sua conta
do Google Tag Manager, é
assim que a interface
ficará. No canto superior esquerdo, você pode ver o logotipo e o nome
aparecendo aqui, Gerenciador de tags. E é aqui que o URL
do site da sua conta aparecerá. E agora você pode ver que existem guias
diferentes aqui. O primeiro é o espaço de trabalho. O espaço de trabalho é um local onde você
criará o contêiner, onde adicionará
as novas tags que
deseja colocar no seu site O Workplace será
a seção que você criará
as tags, gerenciará as tags,
tudo o que acontece. Agora, o Google também oferece, por padrão, três locais de trabalho com
os quais trabalhar Então você também pode usar os
outros dois. Você pode ter três áreas de trabalho
diferentes, que podem ser usadas
simultaneamente Agora, isso também pode ser útil quando você está
trabalhando com uma equipe, para que você possa trabalhar em
seu próprio espaço de trabalho, que você tem, e você também tem outras pessoas trabalhando
em espaços de trabalho diferentes Dessa forma, muita
colaboração pode acontecer. Esta é a página de visão geral, pessoal onde podemos ver todas
as informações. Então você
verá a nova tag que podemos configurar aqui. Você pode fornecer uma
descrição dessa tag Qual tag você
planeja instalar? E nas mudanças do espaço de trabalho,
você verá que, assim
que criarmos a tag, elas serão listadas aqui
embaixo Então, vamos dar uma olhada na segunda
opção, que são as tags. As tags serão pedaços
de código ou trechos de código que colamos em Agora, isso pode ser uma tag do Google, pode ser um meta pixel de pixel ou pode ser uma tag mi Microsoft, diferentes tipos de tags do
Google Analytics, que estamos colando
no site apenas
para fins de rastreamento,
rastreamento relacionado ao
desempenho e fins rastreamento relacionado ao
desempenho e relatórios, fazemos isso Então, você
os criará aqui nesta seção
específica. A segunda peça
será gatilhos. Então, gatilhos são: quando exatamente
queremos disparar a etiqueta? Está bem? Então, isso está acontecendo,
por exemplo, digamos eu esteja criando uma tag para uma marca de
comércio eletrônico como a Amazon. Então, o que queremos é que a tag seja colada na página de
agradecimento do site e seja acionada somente quando usuário acessar a página de
agradecimento E isso é o que será considerado uma
conversão ou uma venda. Então, gatilhos é onde
você
definirá quando as
tags serão Aqui você pode adicionar a página de
agradecimento a ela, caso esteja
fazendo isso para conversões, e ela definirá para
o sistema que ele precisa
disparar a tag somente quando um usuário acessar
a página de agradecimento Então essa será a seção de
gatilho para nós. A outra opção são variáveis. Em variáveis, você pode definir diferentes tipos de variáveis, que são específicas do Google, que são variáveis incorporadas, e então pode haver variáveis definidas pelo
usuário, que podemos definir. Essas variáveis podem nos
ajudar a definir diferentes tipos de
seções do site. Aqui, também, eles funcionam como um contêiner onde podemos definir,
digamos, uma variável de URL da página
que estamos definindo, que é para uma página de destino específica
do site. Variáveis diferentes podem ser criadas aqui
nesta seção, que serão então
usadas nas tags, e poderemos
rastrear informações específicas. A outra opção que
temos aqui são as pastas. As pastas são usadas
para gerenciar tags, gatilhos e
variáveis Em pastas separadas,
você pode colocá-las para organizá-las de uma
maneira muito melhor. Dessa forma, fica
mais fácil
gerenciar várias tags
para uma marca específica. E depois vêm os modelos. Os modelos são
especificamente tags e variáveis
criadas pela
comunidade, e você também pode acessar essa comunidade e usar determinadas tags criadas por essas comunidades. Está bem? Portanto, você pode encontrar muitas tags e variáveis
pré-criadas aqui se pesquisar na galeria e usá-las
por vários motivos. Como você pode ver, isso é
para o modelo de tags, e você também terá uma galeria
para as variáveis, que foi criada, e você pode usá-las
para fins de rastreamento. Além disso, outra seção
importante da interface será
a pré-visualização e o envio. Enviar é
para onde você vai. Depois de criar a tag, você precisa publicá-la para que ela seja ativada
no site. É aqui que publicamos
e enviamos. Depois de enviada,
a tag começa a funcionar no site. Também podemos fornecer algumas informações
sobre a tag, a versão dela. Um que pode ser configurado aqui. O outro segmento de
coleta de informações é a pré-visualização. O Preview é onde eu
posso testar a tag. Eu posso simplesmente fazer um teste
da etiqueta em que está vivo. Isso nos levará ao
site e nos
mostrará se a tag
está sendo disparada ou não. Podemos realizar determinadas ações. É como um teste
da tag que estamos
fazendo para que
possamos ver a funcionalidade
clara dela e se ela está
funcionando corretamente ou não. É um segmento muito importante. Na maioria das vezes,
vamos passar isso
em que você testa nossas diferentes tags
para verificar
se estão funcionando corretamente ou não. Além disso, também
temos versões aqui. Nas versões, você pode ver
qual versão da tag está funcionando
atualmente no site. Se está disparando
corretamente ou não. Então, aqui você verá
informações completas fornecidas pelo Google, estejam elas funcionando ou não. E quantos gatilhos de etiquetas
ele disparou para que a contagem
apareça. O último é Admin, onde podemos ver os
detalhes das configurações da
conta do Gerenciador de tags
do Google, que você pode ver aqui. Você pode adicionar outros usuários
do segmento de gerenciamento de usuários. Você também pode fazer a mesma coisa
com o contêiner, onde você tem várias
opções fornecidas aqui. Você pode adicionar usuários diferentes
que podem acessar o contêiner. Nesse caso, você
não conseguir encontrar o código que precisa
ser acessado no site. Você pode acessar
essa opção e instalar o
Google Tag Manager. Aqui, novamente, você terá as opções para
executá-la a partir daqui. Então, essas são todas as configurações da
conta, que podemos ver aqui. Você também pode exportar ou
importar seus contêineres. Se você quiser mover
seu contêiner para uma conta diferente para esses
fins, você pode fazer isso. É assim que a interface
do
gerenciador de tags será
exibida para todos. Espero que isso faça
sentido. Você entende agora todas as características disso. Se você também quiser
obter o código rapidamente, basta
clicar no GTM ID exibido no
canto superior direito dessa maneira, e o código aparecerá no meio
da tela Então, esses são todos
os recursos da interface
do
Gerenciador de tags do Google. Espero que isso faça sentido. Muito obrigado, pessoal, por estarem comigo nesta sessão, e nos vemos
no próximo vídeo.
12. Melhores práticas e considerações: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos
e falaremos sobre algumas das melhores
práticas e considerações sobre
o Gerenciador de tags do Google Então, se você olhar para o Gerenciador de tags do
Google, há muitas limitações ou
considerações diferentes que
você deve
ter ao usar essa ferramenta A primeira é a ferramenta baseada em
JavaScript, é. Então, essa ferramenta em particular é limitada a
tudo o que você faz
na janela do navegador, ok? Portanto, a ferramenta GTM só pode
ajudá-lo na janela do navegador, na
qual estamos trabalhando Se os usuários tiverem
o JavaScript desativado
, o
Gerenciador de tags do Google não poderá ajudar e o Ds não poderá ajudar com
toda a funcionalidade. Então, esse é um tipo de limitação que você tem
com a ferramenta aqui. O outro aspecto disso
é a exposição dos dados. Então, sendo esta uma ferramenta, é mais como uma restrição Portanto, a ferramenta em
si não
terá todos os dados do seu
site. Você terá que fornecê-lo. Está bem? Você precisará fornecê-lo talvez por meio de um
plug-in que você adiciona ao seu editor de texto e
por meio do qual obtém dados, que podem ser integrados ao Gerenciador
de tags do Google. Então é assim que o
Gerenciador de tags do Google obterá os dados. Ele não obterá os
dados sozinho. O outro aspecto do uso do
GTM está relacionado à velocidade. Então, como você pode ver em
um Gerenciador de tags do Google, estamos lidando com várias tags, que aparecem na página. Existem gatilhos que estamos usando variáveis que definimos Isso certamente pode diminuir
a velocidade do site. Ele consome grande parte da CPU e isso pode ter um impacto
na experiência do usuário Então, o que podemos tentar fazer é
organizar nossas tags de
uma
maneira muito melhor evitando certas tags
que não são prioritárias. Talvez possamos
demiti-los mais tarde também. Isso certamente pode ajudar a
corrigir problemas relacionados à velocidade. E então o último ponto é
que, no final do dia, essa é uma ferramenta que
vamos usar aqui. Depende mais de
nós do que quão convenientes compatíveis somos com
o pod JavaScript ou TML Quanto mais eficazes e
entendermos o Java Scrap
e o estiML poding, poderemos
usar a ferramenta GTM de
uma maneira muito mais eficaz
e Essas são algumas das
limitações e considerações. O outro aspecto são
as melhores práticas. Uma das melhores coisas
que você pode fazer ao gerenciar
várias tags com o Gerenciador de tags do Google é
remover todos os elementos não utilizados Se você tiver
várias tags que
estão sendo criadas que permanecem sem uso A boa prática
seria simplesmente removê-los e isso pode ajudar a reduzi-los e aumentar
a velocidade do site. Qualquer tipo de dado que
você esteja rastreando, mas não o use com frequência, talvez também possa
ser removido. Dessa forma, você está aumentando
a velocidade do site. O outro aspecto é o controle de
versão. Então, como você viu,
criaremos versões
diferentes quando estivermos
criando versões
diferentes quando estivermos várias tags,
gatilhos e variáveis Portanto, ao
publicar a versão, uma boa ideia
seria fornecer uma descrição clara
dessa versão. O que essa versão basicamente faz, quais gatilhos ela contém O motivo é que,
no futuro, quando você tiver várias versões, poderá facilmente reverter para
a que deseja Outro aspecto
disso é quando você está criando essas versões. Não queremos
que haja muitas
tags que você cria,
depois acionadores, que você criou
e,
em seguida, você também cria
variáveis Depois de fazer tudo isso, você cria a primeira versão. O que preferiríamos
é uma forma sistemática de criar várias versões. Você pode dividir todo
o processo em pequenas etapas
e, depois de concluir
uma etapa específica, uma versão pode ser criada. Dessa forma, novamente, a reversão
se torna muito mais fácil. O outro aspecto é o gerenciamento de
usuários. Então, quando você estiver trabalhando com
vários clientes, possivelmente, você terá vários membros
da equipe que
trabalharão nessas diferentes
contas ou contêineres. Portanto, é uma boa ideia
criar, dar a eles acesso individual
aos contêineres específicos, às contas, em vez de compartilhar seu acesso
ou suas credenciais de registro
com os membros da sua equipe Dar a eles acesso individual é melhor maneira de gerenciar o trabalho E a última é
construir um plano. Portanto, antes de configurar
qualquer tag,
gatilho ou variável específica para
seu cliente ou para você, precisamos fazer um plano sobre
quais serão as Quais serão os gatilhos,
que você definirá. Quais serão as
variáveis que você deseja? O que essas tags devem fazer? Está bem? Qual é a estratégia por trás do motivo pelo qual você está
configurando as tags? Quais serão os dados,
que sairão deles? Portanto, precisamos listar isso em
um pedaço de papel para que
tenhamos uma visão completa de qual é o propósito
de criar essa etiqueta específica ou gatilhos específicos para
um cliente ou para Depois de configurar isso, trabalhar na conta
ativa seria
a melhor maneira de lidar com
isso. Espero que isso faça sentido. Agora você entende quais podem ser algumas das melhores práticas
ou hábitos que você pode criar usando Gerenciador de tags
do Google de uma maneira
muito mais eficiente. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
13. Convenções de nomenclatura: Oi pessoal. Bem-vindo
a esta sessão. Nesta sessão, discutiremos sobre as convenções de nomenclatura,
como podemos nomear nossa conta do Google
Tag Manager, que estamos Há
maneiras diferentes de fazer isso. Então, o primeiro é
o nome da conta. Portanto, o nome da conta, geralmente, o que gostaríamos de manter
como nome da empresa. Portanto, se for sua
própria empresa para qual você
configurou o Gerenciador de tags do Google, o nome da conta pode
ser o nome da sua empresa
ou, se for para seus clientes, pode ser o nome da empresa do
cliente. Ok, então dessa forma, será
muito mais bem organizado. Se você estiver lidando com
vários clientes, uma boa ideia
seria criar uma conta para cada cliente e
gerenciá-los separadamente. E o nome pode ser dado. O nome da conta pode ser o próprio nome do cliente,
que pode ser usado. Dessa forma, é uma maneira muito melhor de
gerenciá-lo com
várias contas. O segundo é o contêiner. No contêiner,
o que estamos dizendo é que, por mais simples que possamos manter o nome do contêiner
pode ser o site ou o nome do aplicativo para o
qual estamos fazendo isso. Novamente, dependendo se
é seu próprio negócio, colocamos nosso
próprio nome de site ou aplicativo
ou, se for para clientes, colocamos o nome do site ou aplicativo como o nome do
contêiner. A terceira será a tag. Agora, quando você começa a criar as tags no contêiner, a tag pode ser gravada
em um formato específico. Então, o que eu costumo usar como está. A primeira parte
será a plataforma e
o recurso da
plataforma, que podemos definir, qual é a plataforma e para qual recurso a
estamos criando? E em qual página ele
será implementado. Por exemplo, como você pode
ver aqui, o pixel do Facebook, a plataforma é o Facebook, o recurso que estou usando é a configuração de
pixels, o que estou fazendo, e ele vai para a
página No carrinho. Dessa forma, a nomenclatura da tag permanece muito clara qual é a finalidade dessa tag
em particular Da mesma forma, digamos que seja uma plataforma de
conta do Google Analytics e estamos criando um evento
lá e que será exibido na página de inscrição
ou, digamos, em uma página do Google
Analytics. Dessa forma, a nomenclatura
da tag pode ser muito clara de entender.
Aí vêm os gatilhos Quando se trata especificamente de
gatilhos, aqui, o que eu prefiro fazer é ver
qual
é o gatilho específico, o vai acontecer
e em
qual Quando isso vai acontecer. Então, neste caso, a primeira parte
será a ação, visualização da página, que significa que as pessoas
visitam a página, elas visualizam a página, e isso está acontecendo
na página de agradecimento T. Então é aí que o gatilho
vai disparar. A etiqueta será acionada. Dessa forma, fica muito claro o
que esse gatilho
deve fazer. Da mesma forma, digamos que eu
crie um gatilho para o cronômetro, que precisa disparar
após 30 segundos, para que ele seja acionado
após 30 segundos. Dessa forma, posso criar outro gatilho e
defini-lo dessa maneira. A primeira parte
será a ação específica que será tomada, e a segunda parte pode ser
quando isso vai acontecer. Ok. Da mesma forma, clique no
link O clique no link pode ser um gatilho, seja, as pessoas clicam em um link e quando isso
vai acontecer é quando um arquivo está
sendo baixado. Dessa forma, também podemos definir
nossos gatilhos. Além disso, quando se
trata de variáveis, agora variáveis, prefiro escrever tudo em
minúsculas porque também posso
diferenciá-las de gatilhos
e tags Então, fica muito claro
para mim que estou
analisando uma variável específica
que definimos. Aqui também, podemos
simplificar onde está na primeira parte,
qual é o tipo de variável
que estamos definindo? E depois os detalhes disso. Então, por exemplo, estou criando
uma variável chamada Div, que tem o ID do usuário nela Posso criar uma variável para URL, que contém
parâmetros de consulta, que contém um ID de afiliado, ou posso criar uma variável de
cookie referência Dessa forma, posso definir variáveis
diferentes, o que claramente significa
seu propósito E então o
último são as pastas. Como também falamos nos vídeos
anteriores, as pastas são onde você pode
manter todas as suas tags, figuras e variáveis juntas em pastas
diferentes para que
você possa gerenciá-las melhor. Você pode criar uma
pasta por tipo de tag. Digamos que você possa ter uma pasta separada
para todas as tags. Talvez uma pasta para
todas as tags do Google. Talvez uma pasta, que
é para as meta tags, em todos os nossos clientes. Para que possamos fazer. Você pode
criar pastas por tipo de tag. Você também pode criar pastas por grupos
funcionais. Grupos funcionais no sentido que quais são suas funções? Está bem? Então, acionadores, todos os
gatilhos podem estar aqui. Portanto, eles podem ser reunidos em
uma única pasta Dessa forma, você também pode fazer isso. Ou então, você pode fazer
isso pelos membros da equipe. Se você tiver vários
membros da
equipe gerenciando diferentes tipos de tags para clientes diferentes, poderá ter pastas
com o nome do membro da equipe. Assim, você saberá quais são todas as
tags que uma
pessoa em particular está gerenciando. Portanto, essas são convenções
de nomenclatura diferentes que
acredito que podemos usar para organizar seu trabalho de uma maneira
muito mais eficiente Essas são minhas maneiras de encontrar uma maneira mais simples de
fazer isso sozinho Você também pode fazer de
maneira semelhante ou
descobrir da maneira
que acha confortável fazer. Espero que isso faça sentido. Agora você entende como convenções
de nomenclatura podem ser
usadas para facilitar nosso trabalho Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
14. Tipos de gatilho no Google Tag Manager: T. Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
discutiremos sobre gatilhos, entendendo os
diferentes tipos de gatilhos que podemos usar no Gerenciador de tags do
Google Então, vamos dar uma
olhada nesses caras. Portanto, os gatilhos serão
basicamente
condições usadas para disparar várias etiquetas Portanto, qualquer tipo de atividade
que esteja
acontecendo no site cria
vários eventos. Então, armazenamos esses eventos
nesses gatilhos, e é assim que você pode usar esses gatilhos para Portanto, isso será acionado quando uma etiqueta
específica for acionada quando esses gatilhos ou
condições forem Então, vamos dar uma
olhada no disfarce. Então, quando estivermos dentro da conta
do Google Tag Manager, podemos acessar os gatilhos
no painel esquerdo, e é aqui que você
começará a criar diferentes
tipos de Portanto, você pode ir para a nova seção onde verá vários tipos de gatilhos disponíveis se
clicar nessa configuração de gatilho Agora você pode ver que essas são todas as opções que
o Google oferece. Existem vários tipos de
gatilhos na visualização da página. Depois, há gatilhos
baseados em cliques, engajamento
do usuário e também
outros gatilhos Por exemplo, um
gatilho de visualização de página é aquele em que um determinado usuário é
acionado quando os usuários
visualizam uma página específica. Ou gatilhos relacionados a
links, links são uma espécie de
gatilho em que as pessoas
clicam em determinados
links em seu site Todos os elementos
serão um caso em que
as pessoas analisarão diferentes tipos
de elementos na página. Talvez eles estejam abrindo
uma página específica. Eles estão clicando em um
botão de rádio ou em um menu suspenso. Portanto, vários tipos de elementos
podem estar presentes no site, que eles estão fazendo e que também
gostaríamos de rastrear. Então, isso é acionado
nesses cenários. Da mesma forma, no engajamento do usuário, temos algo
como a profundidade de rolagem, que é acionada quando os usuários navegam
pelo seu site Então, esse gatilho basicamente rastreia quanta porcentagem
da página foi percorrida
vertical ou horizontalmente Da mesma forma, você tem o envio do
formulário, que é o caso quando
as pessoas preenchem o formulário, ou
seja, quando esse formulário em particular
é acionado. Você também tem outras opções
aqui, como evento personalizado. Evento personalizado é
quando queremos adicionar qualquer código personalizado no
site e acioná-lo, então estamos fazendo uso disso. E também há um gatilho de
cronômetro, que é usado quando é
acionado quando o usuário passa uma quantidade significativa de tempo no site,
como um tempo decorrido Então, queremos monitorar
quanto tempo os usuários estão gastando
no site. Então, por esses motivos, esse em particular
é acionado. Então, esses são os diferentes
tipos de gatilhos, que você também precisará
criar junto com suas tags Portanto, a tag também
consistirá nos gatilhos. Está bem? esses gatilhos ou condições forem Então, quando as etiquetas
serão disparadas quando
esses gatilhos ou condições forem
atendidos. Espero que isso faça sentido. Você entende como
os gatilhos funcionam e os diferentes tipos de gatilhos disponíveis Nos próximos vídeos, também
veremos diferentes tipos
de casos de uso deles. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
15. Construído em variáveis: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
falaremos sobre variáveis. Portanto, as variáveis são outro segmento do Gerenciador de tags do Google, que funcionam como espaços reservados
para valores que são preenchidos quando o código
é executado no site Por exemplo, uma variável
do gerenciador de tags chamada URL da
página retornará
a URL da página atual. OK. As variáveis são usadas tanto
em tags quanto em gatilhos Portanto, em gatilhos, especificamente, uma variável é usada para definir filtros que especificam quando uma
determinada tag deve ser Assim, podemos, por exemplo, disparar um gatilho
quando a variável URL contém algum tipo
de caractere STML Se for semelhante nas tags, as variáveis são usadas para
capturar valores dinâmicos. Isso pode ser um valor de transação. Pode ser um número de ID do produto ou uma tag de acompanhamento de conversões. Então é assim que as variáveis
são usadas aqui. Há dois tipos
de variáveis que
podemos definir aqui no
Google Tag Manager. Uma são as variáveis incorporadas e a outra são
as variáveis personalizadas, que podemos criar ou definir pelo
usuário. Então, vamos dar uma
olhada nas variáveis incorporadas. As variáveis incorporadas são variáveis
pré-criadas ou não personalizáveis que estão disponíveis aqui para categorias
especiais Eles são predefinidos e
criados pelo próprio Google, quais você pode selecionar Agora, essas variáveis incorporadas habilitadas serão disponibilizadas
em todo o gerenciador de tags onde quer que os menus de
seleção de variáveis estejam aqui Portanto, isso em novos contêineres
não tem variáveis definidas pelo usuário no início, e algumas variáveis incorporadas
serão pré-habilitadas. Portanto, você obterá essas variáveis
integradas já disponíveis ao
iniciar novas criações de
variáveis de largura Então, vamos dar uma olhada nisso. Uma vez dentro do Gerenciador de tags
do Google, podemos ir para a seção de
variáveis aqui, e é aqui
que você pode defini-la. Assim, você pode ver que a primeira
seção é construída em variáveis e a segunda seção são variáveis definidas pelo
usuário. Agora, existem vários tipos
que você verá aqui Se você clicar em Configurar, verá diferentes tipos
de variáveis aqui. Se você quiser
selecionar qualquer um deles, basta
selecionar essa variável específica e ela será adicionada à lista.
Como você pode ver agora. Da mesma forma, se você quiser remover algum em particular, basta desmarcar e ele será removido da
lista, que está lá Esses são os diferentes tipos
de variáveis nas quais você pode definir: variáveis relacionadas a páginas, URL da
página, que podem gerar uma URL específica, como
vimos no exemplo. Pode ser usado em tal cenário. As outras variáveis
são como se estivéssemos falando sobre profundidade de rolagem
no vídeo anterior. Portanto, para rolagem,
variáveis relacionadas também estão disponíveis, nas quais temos unidades
e direções de profundidade de
limite de rolagem unidades
e direções de profundidade de
limite Então, isso gerará detalhes como. limite de profundidade de rolagem seria qual porcentagem da página eles
percorreram 25%, 50%, 70%, 90% Depois também as unidades, que podemos ver, e a direção, seja na
horizontal ou na vertical. Então, esse tipo de valor
ele lançará quando usarmos essas
variáveis na tag. Então, é assim que
você obterá diferentes tipos de variáveis incorporadas, que você poderá usar enquanto constrói seus
tanques para sua empresa. Espero que isso faça
sentido. Agora você entende as variáveis incorporadas. No próximo vídeo,
veremos as variáveis definidas pelo usuário, como elas funcionam e como também podemos
usá-las. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
16. Variáveis definidas pelo usuário: Oi, olhos. Bem-vindo
a esta sessão. Nesta sessão,
falaremos sobre as variáveis definidas pelo usuário. Pode haver muitos cenários
em que o Gerenciador
de tags do Google fornece uma lista de variáveis predefinidas incorporadas
que nos são fornecidas das
quais estamos fazendo uso Mas pode haver situações em que elas podem
não ser úteis e você mesmo precisa definir
certas variáveis Nesse caso, você pode
usar a opção de
variáveis definidas pelo usuário. Na mesma plataforma, você obterá diferentes tipos
de variáveis definidas pelo usuário, que podemos criar aqui.
Vamos dar uma olhada nisso. Então, uma vez dentro
do Gerenciador de tags do Google, podemos ir para a seção de variáveis onde podemos ver
a segunda opção, que serão variáveis
definidas pelo usuário aqui. Assim, podemos criar uma nova variável. E, novamente, aqui estão disponíveis diferentes
opções, para que você possa construí-las dessa maneira específica
em que você pode usá-las Você pode ter um
evento específico, digamos, um evento personalizado ou uma variável de página de
cookie primária, que você pode criar, ou uma variável de evento automático
também pode ser criada aqui. Caso contrário, a
outra opção que você também encontra aqui é
o modelo de comunidade. Então, aqui, algumas
das variáveis personalizadas já
estão pré-criadas, quais você pode selecionar, e você pode
importá-las imediatamente para
usá-las em Então, isso também pode ser uma
possibilidade, o que você pode fazer, em que você pode selecioná-la
na
opção de modelo de comunidade, que é fornecida Então, esses
serão os diferentes tipos de variáveis definidas pelo usuário, que também podemos criar
na plataforma por
vários motivos. Espero que isso faça sentido. Agora você entende o que são variáveis definidas pelo
usuário
e como elas são diferentes das variáveis
incorporadas. E certifique-se de poder usar isso também daqui para frente
nas diferentes tags
que você está criando. Muito obrigado, pessoal, por
ouvirem essa sessão, e
nos vemos na próxima TV.
17. Google Analytics 4 Configuração e publicação da primeira versão: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar o
código do Google Analytics com a ajuda da configuração GTM
que fizemos Então, para isso,
vamos
começar examinando primeiro
a conta GTM Então, o que vamos
fazer aqui é configurar o código
para o Google Analytics. Então, para isso, vamos
começar a criar
uma nova tag primeiro. Então, vamos até as tags e vamos criar
uma nova tag aqui. Então, nisso, o que
vamos fazer é selecionar
o Google Analytics. Agora, de acordo com as
instruções fornecidas, teremos que usar Google Tag
e o
Google Analytics GA evento Google Tag
e o
Google Analytics GA
four para configurar a configuração de portabilidade
do Google Analytics para o site. Então, vamos começar com isso
com o Google Tag primeiro. Então, aqui vamos adicionar especificamente
o ID da tag, para o qual podemos acessar
a conta do Analytics e ir aos
fluxos de dados para procurar o ID Aqui, especificamente, podemos ver o ID de
medição específico, que podemos obter
daqui e colocá-lo aqui. Depois de colocar isso,
também podemos acionar o gatilho. Nesse gatilho, estamos
configurando o Google e o Analytics, gostaríamos de rastrear
cada página como uma visualização de página, para que possamos escolher isso como gatilho aqui
e salvá-lo. Isso está feito agora e também podemos
fazer uma prévia conectando nossos anúncios
do Google a isso, e podemos ver por nós mesmos
que ele está se conectando, e podemos ver aqui. Agora podemos verificar nosso site uma vez para ver se ele também está
sendo demitido ou não. Neste lugar em particular. Isso vai aparecer aqui. Isso é feito por nós
, e criamos,
e você pode ver que está disparando
a tag at do Google aqui A outra peça que precisamos agora será
a segunda parte, ou seja, teremos
que
criar uma nova tag novamente, onde faremos isso para
o rastreamento de eventos do G four. Isso podemos enviar. E podemos publicar. Agora podemos ver que há duas
tags que estão aparecendo aqui e estão nos
mostrando ao vivo aqui. Agora podemos voltar atrás nas tags e agora faremos a segunda
parte, que
será o evento Google antes do
GA four. Aqui, podemos fornecer
o ID da medição e podemos dar um nome a ela , digamos, dessa maneira
específica, e essa é a tag GA four que estamos tentando configurar. Precisamos adicionar o
gatilho também. Nesse caso, o gatilho
também serão todas as páginas que estamos fazendo. Agora, isso foi configurado aqui, e podemos
ver novamente uma prévia conectando-o
ao nosso site para testar se a tag está
sendo disparada corretamente ou não. Aqui podemos ver que a
tag J four está sendo disparada, o que significa que ela está
aparecendo no site. Pronto, e então
poderemos publicar e enviar novamente. Então, agora, isso foi feito, para que possamos verificar isso
no site e
ver por nós mesmos, que
possamos habilitar isso
e conferir. Além disso, quando acessamos esta página aqui, também
podemos ver a mesma coisa em
nossas análises, independentemente de isso estar sendo
rastreado ou não Podemos acessar nossos relatórios de
análise, e isso deve ser
refletido como usuários. Você pode ver que ele está
rastreando usuários agora. Ele está mostrando o
único usuário aqui, que está vindo por meio da
tag assistant.google.com Isso também está rastreando por aqui. Dessa forma,
agora podemos configurar o código do
Google Analytics em nosso site com a ajuda do Gerenciador de tags
do Google.
Espero que isso faça sentido. Você entende agora
como fizemos isso. Para configurar
o código de análise, primeiro precisamos configurar a tag
do Google Ads
e, em seguida, fazer o evento
GA four, que também precisamos configurar. Esses dois serão
necessários para
configurar o
código de análise no site. Espero que isso faça sentido. Você entende o processo
completo. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
18. Testes e depuração antes de publicar uma nova versão: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos
como podemos testar ou depurar a configuração do
Gerenciador de tags do Google ao colocar códigos em
nossos diferentes sites Então, dessa forma também,
antes de publicar a versão no sistema
Google Tag Manager. Portanto, é importante que façamos uma depuração e
teste do código,
que configuramos, que configuramos, e queremos apenas ver se ele está sendo
acionado Então, vamos dar uma olhada nisso. Então, depois de
criar suas tags, agora o que
podemos fazer é prosseguir e fazer
uma prévia delas. Portanto, quando fizermos uma prévia, o Google fornecerá
essa opção na qual podemos fornecer o URL do nosso site. Se você também forneceu o URL
do site antes, ele o pegará automaticamente e agora ele se conectará
ao seu site. Então, agora vamos entrar
na fase de testes para ver se as tags que
criamos estão
funcionando corretamente ou não. Então, a primeira coisa que
o gerenciador de tags faria é exibir um pop-up onde dirá
que o
assistente de tags está conectado. Agora podemos
percorrer a página
e, quando você fizer isso, uma nova
guia será criada. Uma nova guia foi criada, que começará a disparar
todas as tags aqui Então, vamos dar uma olhada nisso. O que está acontecendo aqui é baseado nas atividades
que você faz na página. Se você acessar guias diferentes, preenchendo
um formulário específico, estará preenchendo
um formulário específico,
digamos que as etiquetas
preenchidas serão disparadas adequadamente Se eu clicar em, digamos uma guia específica
dessa maneira específica
, veremos que mais tags específicas
serão acionadas aqui. Então, podemos ver quais
tipos diferentes de tags estão sendo disparados
dessa maneira específica. E agora, se você
clicar em qualquer um deles, poderá ver
mais detalhes sobre ele. Você pode ver o tipo de tanque que criamos,
o ID de conversão que usamos nele e os gatilhos de
disparo que estão
sendo mostrados Dessa forma, também podemos ver
seus dados. E no painel esquerdo, podemos ver os
diferentes tipos de disparo que
ocorrem no código Cada um deles, como você pode ver, tem um código de evento diferente, que podemos ver aqui. Com esse pagamento, você poderá
ver a depuração, o
que Além disso, você
tem a opção outros detalhes de ver outros detalhes
na página. Então, essa será a seção
da guia em que as
diferentes tags serão acionadas. Então, as variáveis
que você definiu aparecerão aqui no CV
especificamente dessa maneira, então a URL é essa
que estamos examinando. OK. Então, essas coisas
começam a aparecer aqui. Camada de dados, se você também estiver usando
alguma camada de dados, ela será definida aqui, e podemos ver qual
camada de dados está sendo usada. Então, esses são todos os detalhes
que podemos ver. Além disso, agora na parte superior, se você ver o que todas as tags têm o sistema
encontrou na página, como se houvesse um código do Google Tag
Manager, que está lá. Possivelmente
também existe um código do Google Ads, que está lá. Este é um
anúncio do Google, que está lá. Portanto, todas as tags
que estão
no site também são
exibidas aqui. Dessa forma, podemos testar primeiro todo
o site. As tags são funções que
funcionam corretamente ou não. E então podemos
pressioná-lo para publicação. Podemos pressioná-lo para publicação
e, em seguida, ele pode começar a
funcionar em um cenário ao vivo. Então, esses são os detalhes
, pessoal , que veremos aqui. Espero que isso faça sentido. Agora você entende como
estamos basicamente depurando ou
testando as tags que
criamos no contêiner do Gerenciador de tags
do Google para um site Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos na próxima semana.
19. Configuração de pixels do Facebook: Olá, bem-vindo a esta sessão. Nesta sessão,
veremos como podemos configurar o pixel do Facebook
por meio de nossa conta GTM Depois de fazer login na
sua conta GTM, podemos começar a
criá-la criando uma nova tag Então, vamos
para a configuração de tags. Vamos procurar uma opção de tag
do Facebook aqui. Agora, infelizmente, o
Google não nos
dá a opção de selecionar uma tag
do Facebook aqui. Portanto, nesse caso,
o que podemos fazer é acessar o site da Meta
Business, onde podemos
procurar o gerente de eventos e começar
o processo a partir daí. Assim, podemos acessar o
Events Manager, onde podemos
procurar especificamente fontes de dados, onde podemos nos conectar à
web e dar um nome a ela, digamos, que agora nos dará duas opções. Facebook oferece duas opções
para configurar o código, que é
conectá-lo a um parceiro, onde você verá
várias plataformas
; portanto, também oferece a opção do Gerenciador de
tags do Google, que você pode selecionar e seguir frente e iniciar o processo, ou você
também pode se conectar manualmente selecionando apenas
meta Pixel. Então, quando fazemos isso,
somos levados a essa página específica, onde podemos ver o código de
metapixel, que podemos copiar daqui E agora voltamos ao
nosso Gerenciador de tags do Google. No Gerenciador de tags do Google, vamos
para o HTML personalizado, e é aqui que
vamos colar o código. Agora, se você observar
atentamente o código, ele tem duas partes. Uma parte é a parte do script, que é essa, e a outra parte é a parte
proibida do script. A parte sem script é útil para páginas em que não
há Javascript. Nesse caso, esse
código pode ser colado em uma página sem Javascript e
dispararemos o pixel para nós Por enquanto, o que
vamos fazer é cortar isso e mantê-lo de lado em outro
documento dessa maneira. E continuaremos
com a criação da tag. Portanto, agora também podemos fornecer
configurações avançadas. Podemos dar prioridade ao
disparo de etiquetas. Uma prioridade de disparo de uma tag
significa que estamos dando uma alta prioridade para que essa tag
seja disparada primeiro e depois para as outras tags Então você pode dar
um número maior. O Google automaticamente
dará mais prioridade a essa tag e a disparará
primeiro quando a página for carregada. E, finalmente, temos que
dar o gatilho,
o gatilho será a visualização de
todas as páginas porque queremos que ele seja acionado
quando as pessoas visitarem a página. E esta é a tag da página
do Facebook que criamos
agora e podemos salvá-la. Essa é uma parte disso. A segunda é que agora vamos
dar uma olhada na outra parte, que não contém páginas de
Java Script. Para isso, vamos
criar outra tag, que será,
digamos, imagem personalizada, e aqui vamos fornecer
a URL da imagem. Pelo código, se
você ver de perto, esse é o URL da imagem que o Facebook nos forneceu. Então, isso é o que precisamos e vamos colocá-lo
na seção URL da imagem. E para isso,
especificamente falando, vamos adicionar um gatilho. Agora, novamente, isso
não pode ser em todas as páginas, porque se estiver em
todas as páginas novamente, toda vez
que
os usuários visitarem a página, duas tags serão disparadas. Isso é especificamente para aquelas páginas que
não têm Djava sprint Temos que criar um gatilho
diferente para isso. Podemos definir o gatilho
como visualização de página novamente. Mas com uma condição. Isso
é para visualizações de página específicas. Agora, aqui você
definirá a variável personalizada. Temos que criar uma
variável totalmente nova. Vamos criar
uma nova variável, que é para uma página que não é
Javascript. Isso será
um JavaScript personalizado. E aqui vamos
adicionar a função. Dessa maneira particular. Podemos dar a ela um nome,
digamos variável, que podemos salvar. Agora vem para cá. Diremos isso quando essa variável personalizada
específica não for igual a. É quando esse gatilho dispara. Podemos nomeá-lo como gatilho não
J e salvá-lo. E essa pode ser a tag de imagem da
qual estamos falando, que também podemos salvar aqui. Agora, se você ver,
criamos quatro tags diferentes. Uma é para a tag do Facebook, que será acionada
quando as pessoas visitarem a página. Essa
será a tag da imagem quando não houver Javascript. Também foi criada uma variável personalizada, que definirá qual página não tem o script Java. E esse é o gatilho, que acontecerá quando
as pessoas visitarem uma página que não seja JS. Então isso está feito. Agora
podemos fazer uma prévia disso. Dessa maneira particular. A partir daqui, podemos fazer
uma prévia, ou então, o que também podemos fazer
é acessar nosso site aqui e ver o código
aqui principalmente falando. É assim que vamos
criar todas as tags e depois implementá-las
em nosso site, e é
aqui que elas serão publicadas.
Espero que
isso faça sentido. Você entende agora como
isso vai funcionar. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
20. Copiar tag e exportar o recipiente: R. Bem-vindo a esta sessão. Nesta sessão,
veremos como
também podemos copiar tags e exportar contêineres na conta GTM Está bem? Então, vamos dar uma olhada nisso quando
entrarmos na conta, então pode haver
muitos cenários. Então, digamos que você esteja trabalhando
com vários clientes e esteja configurando o
código GTM para vários clientes OK. Então, agora, você tem uma boa
ideia sobre todos os códigos, tags, gatilhos e variáveis que precisam ser implementados
em um determinado site Então, o que você pode ter é um
tipo de arquivo base, que contém todas
as tags,
gatilhos e variáveis importantes gatilhos e Agora, esse arquivo base pode ser implementado em todas as contas de
vários clientes, uma por uma. Assim, você pode criar isso
como um arquivo base de modelo, e isso pode ser implementado em sites
diferentes, como quando você recebe novos
clientes. Esse processo torna seu
trabalho muito mais simplificado. Portanto, se você tiver criado o arquivo
base, que tem todas as tags,
gatilhos e variáveis
importantes , podemos exportá-lo primeiro
do contêiner existente e depois importá-lo para o novo contêiner do
novo cliente, que tem barco Então, vamos dar uma olhada nisso. O que fazemos aqui é
acessar Admin, onde podemos primeiro
exportar o contêiner. Então, aqui você pode ver que você tem a opção de exportar
o contêiner Assim, você pode escolher a versão, que é onde todos os tanques
importantes são criados. Então, digamos que essa
seja a versão, ou você também pode escolher a versão
padrão, na qual você pode
exportá-la daqui Agora, depois de exportar isso, agora você pode ir para o contêiner no qual
deseja colar. Você deseja importá-lo. Então, podemos trocar o
contêiner primeiro. E aqui, vamos importar o mesmo
arquivo base específico e anexar aqui. Dessa forma, agora esse
contêiner será usado, aqui, neste particular, esse será o arquivo base. Todas as tags que
estamos usando
no contêiner anterior foram transferidas para esse contêiner
específico e podemos começar a usá-lo. Essa é uma maneira que pode ser
muito útil para todos nós. A segunda opção
que temos
aqui será um caso
em que você tem as tags e digamos que você queira movê-las de um contêiner para outro Ou talvez você queira abrir
as etiquetas e fazer outras papoulas da etiqueta
no mesmo recipiente Essas coisas também podem
ser feitas aqui. Para isso, usamos esse plug-in
específico chamado extensão GTM poppy paste
Chrome, que temos e que você pode
adicionar ao seu navegador Chrome Agora, com isso,
podemos fazer uso disso. O que fazemos aqui
é, em primeiro lugar,
clicar com o botão direito do mouse
na tag e
autorizar a extensão de formatura
específica do GTM poppy paste No meu caso, eu
já o aprovei,
então posso imediatamente
adicioná-lo à extensão do
GTM Você pode ver que esta é
a extensão do baile, que mostra tags todas as nossas zero O que vamos fazer é
adicioná-lo a ele. Agora ela será adicionada aqui, para que possamos ver que a
variável foi adicionada. Da mesma forma, também posso fazer isso
com a tag. A tag também é adicionada aqui. Da mesma forma, eu posso fazer o gatilho Agora todos os
três são adicionados aqui. Agora, a ideia é que
você tenha duas opções. Você pode colar
isso aqui,
a tag, o gatilho e a variável serão colados
no mesmo contêiner Isso pode ser uma coisa, ou então, você pode alternar se quiser usá-lo em um contêiner diferente, você também pode ir até ele
e, especificamente aqui,
você pode colá-lo. Agora, ele colará todas
as tags, gatilhos e variáveis que
você copiou de um contêiner
para Portanto, essa também pode ser
uma boa maneira usar várias tags
em diferentes contêineres
e, em seguida, usá-las para configurar códigos
para seus clientes Espero que isso faça
sentido. Espero que você também
entenda esse recurso, que é um uso muito operacional, que também pode simplificar
nosso trabalho quando lidamos com
vários clientes e para quais precisamos criar
várias tags e configurá-las para
seus sites. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos na próxima rádio.
21. Configuração de remarketing do Google Ads: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar remarketing
do Google Ads
com a ajuda do Gerenciador de tags
do Google Então, como você entende, remarketing é um conceito
em que tentamos seguir os usuários quando eles visitam nosso site e não
fazem negócios conosco Nesse caso, seguimos
esses usuários com nossos anúncios. Agora você pode fazer isso
rastreando seus dados, seu endereço IP ou hookies, com a ajuda do código que colamos no site Então, isso também pode ser
configurado com a ajuda da
sua conta GTM Então, vamos dar uma
olhada nesses caras. O que temos que fazer é
criar um novo código com novas tags
para isso aqui. Para isso, podemos acessar as tags e começar a criar
uma tag totalmente nova, que
será para o Google Ads Agora, no Google Ad, especificamente, estamos procurando remarketing, então podemos escolher o remarketing do Google
Ads E o que precisaremos agora será um ID de conversão. Para isso,
teremos que acessar nossa conta
do Google Ads e
podemos obtê-la de lá. Quando estivermos dentro da conta
do Google Az, primeiro
teremos que criar uma lista
de remarketing Uma lista de remarketing
será o local onde armazenaremos
todos os endereços IP, e isso é necessário
para configurar o código Assim, podemos fazer isso para,
digamos, visitantes do site, e podemos dar
o nome dos clientes que
queremos atingir aqui. E podemos criar esse segmento
específico. Depois de criado, agora o que precisamos é o código para o qual
podemos acessar as fontes de dados, onde encontraremos a tag
do Google Ad. Como você pode ver aqui, podemos
ver os detalhes. O Google fornecerá as instruções de configuração da
tag, como você pode configurá-la aqui. Desses três.
O que queremos usar é o gerenciador de tags do Google porque queremos
configurá-lo por meio dele. Então, podemos usar a terceira opção. O que você precisa a partir daqui
é apenas o ID de conversão. Você pode pegar o ID de conversão e nós podemos colocá-lo aqui. Dessa forma, estamos
configurando o código de remarketing. Isso é tudo o que temos que
divulgar aqui e podemos dar um nome a isso. E podemos salvá-lo. Nesse caso, também precisamos
adicionar um gatilho. O gatilho seria que, novamente, as pessoas
que visualizaram
aquela página específica acionariam o código
de remarketing para que
possamos adicioná-lo também como
visualização da página e salvá-lo Dessa forma, agora também
configuramos a tag
de remarketing em nosso site
por meio de nossa conta GTM Espero que isso faça sentido. Agora você entende
como estamos configurando código
de remarketing em sites com a ajuda da
sua conta GTM Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
22. Como solucionar problemas que você pode encontrar: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
gostaríamos de discutir diferentes
cenários de solução de problemas que você pode encontrar ao
trabalhar com o GTM Então, vamos dar uma olhada nisso.
Então, o primeiro, que você pode usar aqui,
é o assistente Google Tang A extensão do Chrome
pode ajudar você a vencer testando todas essas tags. Portanto, você pode usar essa extensão específica do
Chrome para testar se alguma etiqueta
está sendo acionada ou não Então, isso pode realmente ajudar na solução de problemas,
o que você pode ver. O outro problema que
você pode enfrentar solucionar essas
tags pode ser que, uh, o gerenciador de tags do Google funciona somente quando você está usando
o mesmo navegador, ok? Uh, a ferramenta de depuração só
abre no mesmo navegador, que é um navegador
específico do Chrome, que estamos vendo Se você estiver usando um
navegador diferente, como o Firefox
, a ferramenta de depuração
não abrirá, não aparecerá Então, nesse caso, isso pode
ser um problema para nós. Portanto, temos que
garantir que todo esse trabalho
que estamos fazendo para nós mesmos ou para nossos clientes esteja
acontecendo no mesmo navegador Chrome. No mesmo navegador,
estamos tentando investigar e implementar. A mesma coisa também pode acontecer com janelas
privadas. Se você estiver usando uma janela
privada
no mesmo navegador que
o Chrome novamente, novamente
, a
ferramenta de depuração pode Portanto, o outro motivo é que queremos permanecer
no mesmo navegador, e é por isso que, apenas no navegador Chrome
normal, gostaríamos de concluir e trabalhar em todas as tags do Gerenciador de
tags do Google. Você também pode ver que os problemas também podem
ocorrer se, de
alguma forma, desativarmos os cookies de
terceiros nas configurações do navegador. Portanto, precisamos ter certeza de
que isso não está acontecendo. Por exemplo, quando você acessa as configurações e acessa
privacidade e segurança, aqui você pode ver cookies de
terceiros. Precisamos ter certeza de que não o
bloqueamos. Está bem? Portanto, se você o bloqueou, isso pode criar novamente solução de problemas
com o Gerenciador de tags do Google. A outra opção que temos aqui é que, enquanto estamos trabalhando, pode
ser um cenário em que você esteja gerenciando
vários clientes. Então, obviamente, com
vários clientes, temos contas diferentes e você está trabalhando em
contêineres completamente diferentes Portanto, precisamos ter certeza de que estamos trabalhando
no contêiner correto. Você pode fazer isso examinando
a ferramenta de depuração. A ferramenta de depuração
mostrará o ID do contêiner, o ID do GTM ali também garantindo que estamos
no Isso certamente pode acontecer quando estamos gerenciando
várias contas. Além disso, às vezes pode acontecer como vimos
nos vídeos anteriores. Outra forma de
configurar o GTM é usar a
extensão POM para adicionar injetor SR Portanto, se você já usou
isso, verifique se inserimos o ID GTM
correto Por exemplo, quando chegamos
ao GTM, adicione a extensão POM e vá para
as opções avançadas em funcionalidade Portanto, aqui precisamos ter
certeza de que inserimos o ID GTM correto para o qual estamos
trabalhando no cliente OK. Dessa forma, sabemos que estamos trabalhando
na conta correta. O outro aspecto, que
você também pode observar, é que, se a janela do depurador não
estiver funcionando, não estiver carregando corretamente, temos a outra opção que
é atualizar o é atualizar Está bem? Dessa forma, o que acontecerá é que ele
removerá todo o cache e poderemos começar do zero. Portanto, isso também pode ajudar a corrigir quaisquer problemas de solução de problemas
que estamos enfrentando. Outra coisa que pode acontecer
é que às vezes podemos
adicionar um bloqueador de anúncios ao navegador, que precisamos desativar
aqui enquanto trabalhamos no GTM Cookies de diferentes
navegadores podem estar lá. Portanto, nesse caso, precisamos ter
certeza de que
removemos todos esses bloqueadores de anúncios Ok, para limpar todos
os caches e cookies. Além disso, se você estiver trabalhando, removeremos qualquer
tipo de plugue. Às vezes, pode haver
plug-ins que você está usando. OK. Portanto, nesse caso, ele não abrirá nosso
GTM em modo anônimo e não poderemos testar OK. Certifique-se também de que estamos fazendo tudo isso no
navegador Chrome , pois no Firefox, o deberger não funcionará E a última é que, quando estamos trabalhando
na solução de problemas, se todas essas etapas não
estiverem ajudando, nesse caso,
podemos entrar em contato com
a equipe de desenvolvedores web que pode nos ajudar a corrigir
todos esses problemas. Espero que isso faça
sentido. Você entende esses problemas ou cenários que enfrentará ao solucionar as tags
do Google Tag Manager. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
23. Tags desencadeadas pelo tempo parte 1: eventos personalizados no Facebook para remarketing: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos usar acionadores de
tempo para configurar eventos
personalizados no Facebook Então, para isso, podemos
acessar o site e
começar a construir. Então, na conta do Google Tag
Manager, a primeira coisa que
vamos fazer aqui é criar primeiro um gatilho. Então, vamos
criar um gatilho temporal. Portanto, o Google
oferece a opção criar um horário ou um
gatilho aqui, e você também pode dar um nome a
ele. Digamos que estamos
dando assim, e o intervalo será de 30 segundos, que significa que ele acionará um evento
após 30 segundos. Podemos dar essa duração
em milissegundos e podemos limitá-la como uma Em seguida, podemos fornecer a variável
personalizada onde podemos fornecê-la para todo
o site, possamos escolher o nome do host da página e qual corresponda às expressões
regulares, e podemos atribuí-la como estrela pontilhada, que significa que é o
site completo para o qual
estamos construindo. E você também pode
dar um nome a ele, digamos, dessa maneira,
e podemos salvá-lo. Este é um gatilho
que criamos. Agora, para isso, temos que
criar a tag. Para isso, podemos acessar as tags. E podemos começar a criar
uma nova tag aqui. Agora, nesse caso, precisamos de um evento
personalizado do Facebook. Para isso, podemos voltar à
nossa conta de gerente de eventos e aqui podemos obter um evento personalizado
específico, que precisaríamos aqui. Podemos acessar a página específica de acompanhamento de conversões, onde há eventos personalizados fornecidos como
este, evento padrão. É isso que você precisa, que modificaremos um pouco. Copiaremos isso e
criaremos um STML personalizado. Também vimos isso
antes. Então, dessa maneira, vamos lançá-lo. Agora, não
exigimos tudo isso, então podemos remover tudo
isso e apenas mencionar,
digamos, visualizado
após 30 segundos. Isso é tudo o que temos que
mencionar aqui. Em seguida, adicionamos o gatilho
que criamos, que é o tempo 30, e essa será a
tag que criamos agora, que podemos nomear como
tempo após 30 segundos. Isso está se tornando a tag
que criamos agora, que acionará 30 segundos. Este é o site em que
isso vai acontecer. Vamos apenas
fazer uma prévia. Agora, ele começará a se conectar e
só precisamos esperar 30 segundos ou você pode ver que ele está se conectando
agora. E agora podemos ver que ainda
não foi disparado devido ao fato
de que só
precisamos esperar 30 segundos, e é assim que esse
gatilho funcionará. A intenção é que quando você olha esses
sites, certo? Agora, este é um site de uma página. Em um site de uma página, ao clicar em qualquer guia, você permanece na mesma página. Nesse caso, é
difícil para a análise entender quanto tempo as pessoas estão gastando
em seu site, quais páginas
elas estão clicando. Nesse caso,
criamos esse tipo
de tag que conta
o período de tempo. Então, as tags serão acionadas quando usuário passar um
certo tempo na página, se for como um site de uma página,
que criamos Para esses propósitos,
isso está sendo criado. Aqui, então você pode ver agora que o marcador de tempo foi
acionado aqui, que podemos ver aqui fora, que está chegando por 30
segundos, como podemos ver. E depois,
este também disparou agora, que diz tempo
após 30 segundos, que também é disparado. Dessa forma, com
a ajuda dessa tag, podemos entender
quanto tempo o usuário passou em um site de uma página.
Espero que isso faça sentido. Agora você entende
como as tags de cronômetro podem ser criadas no GTM
para esses fins Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
24. Tags do tempo desencadeado parte 2: tempo no site com eventos do Google: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar um código do Google
Tag Manager, que é usado para rastrear
o tempo no site. Está bem? Por isso, queremos acompanhar
quanto tempo os usuários passam no site
por meio do Google Analytics. Para isso, também
podemos usar o código GTM. Então, vamos dar uma olhada nisso
e como podemos definir isso. Quando estivermos na conta do Google
Tag Manager, podemos começar a criar uma nova tag. A primeira coisa
que vamos fazer é usar um evento do Google
Analytics GA four. Aqui, podemos fornecer
o ID de medição que podemos obter
da conta de análise. Se você puder acessar a
conta de análise, podemos pegar o ID de medição
aqui e colocá-lo aqui. Podemos dar um nome
a esse evento. Estamos dizendo que o tempo está no local. E então podemos fornecer
alguns parâmetros do evento. Nos parâmetros do evento, podemos adicionar um evento
que será o horário e temos que fornecer um valor. O valor tem que ser
uma variável personalizada, que temos que
preencher aqui. Então, o que estamos
procurando é dally, uma variável, que pode ser usada para
calcular o tempo decorrido,
o tempo, quanto tempo
as pessoas passam Então, idealmente, não
há nenhuma predefinida que possamos encontrar aqui Portanto, uma opção melhor
seria pesquisar algo parecido
na galeria
de modelos da comunidade. Então, digamos que se você estiver
procurando por tempo decorrido, há um que
podemos usar aqui, que podemos usar para rastrear essa mesma
coisa em particular, que queremos fazer Então, vamos
escolher isso e o que queremos é
converter 2 segundos, e podemos nomear isso e salvá-lo NPS foi definido aqui Agora, o que precisamos
fazer é ter um gatilho. Agora, o gatilho, novamente,
precisamos ter um gatilho para o tempo, que rastreará o número de minutos e
segundos dele, então vamos adicionar
um gatilho como esse, que pode ser
baseado no tempo, como este. E podemos dar que o
intervalo específico é de 20 segundos. Digamos que
seja de 20 segundos
e, em seguida, também temos que
definir a variável personalizada, que podemos conter
aqui, correspondências, j. Isso é para todas as páginas, vamos dar a
ela dessa maneira e
também dar um nome a ela. E salve-o. Agora, se você ver
que tudo foi configurado, adicionamos todos os detalhes necessários aqui e podemos dar um nome a ele,
digamos que uma etiqueta de tempo como
essa, e a salvamos. Isso foi criado agora
, e podemos pré-visualizar. E veja, vamos
fazer uma depuração disso. Vamos ao site
e nos conectaremos. No momento, não está disparado. Nós aqui, como você pode
ver, lapso de tempo, o marcador de tempo está todo aqui,
não disparado agora Vamos esperar por 20 segundos. Especificamente no site, devemos ser capazes de
ver isso acontecendo. Depois de acessar o
site, você pode
acessar diferentes partes
do site, possivelmente. Agora você pode ver que foi disparado e
subiu para o topo, e diz que as etiquetas foram disparadas aqui. Dessa forma, podemos criar a tag e,
quando pudermos enviá-la, enviar a versão
e usá-la. Espero que isso faça sentido e que você entenda como podemos criar
um código GTM específico, que será usado para
rastrear a quantidade de tempo que o usuário passa
no site Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
25. Rastreamento da distância de rolagem parte 1: básico: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos usar o rastreamento de
distância de rolagem. Então, isso é útil em
situações em que, digamos que estamos escrevendo
algum blog ou conteúdo, e o que queremos ver
é a porcentagem desse blog que as pessoas navegam
e lêem Então, isso também pode ser
rastreado com a ajuda do
Google Tag Manager. Então, vamos dar uma olhada nisso,
como você pode configurar isso. Então, para isso,
vamos entrar
no Gerenciador de tags do Google e começar a criar
as tags para ele. Então, a primeira coisa que podemos fazer é criar um gatilho. Então, o que vamos
criar aqui é um tipo específico de
gatilho para rolagem Então, vamos seguir em frente
e analisar isso. Então, o Google nos dá essa opção, que é chamada de profundidade de rolagem. Então, aqui eu posso fazer dois
tipos de profundidades de rolagem, que eu posso criar, que podem
ser verticais ou horizontais Digamos que estamos fazendo
isso na vertical. Agora, na vertical,
também podemos definir porcentagens,
porcentagens da página pela
qual as pessoas percorrem Então, podemos dar uma
única porcentagem. Digamos que eu só queira
rastrear quanta porcentagem, 50% da página é rolada,
quanto, para que eu possa fazer isso, ou eu também possa fornecer várias
porcentagens E, como quando as pessoas
fazem isso, isso é rastreado. Então, podemos dar isso
dessa maneira específica. Agora, ele será rastreado em
todos esses quatro intervalos. Então, isso é algo que podemos fazer. Além disso, você pode configurar esse gatilho para todas as páginas ou para algumas páginas especificamente. Talvez você tenha uma seção
específica do blog. Nesse caso, você pode
defini-lo para essa página específica. Você também pode fazer isso e fornecer o URL da
página para isso. Então, digamos que o
URL da sua página contenha um blog. Dessa forma,
você pode defini-lo. Ou então, se você quiser fazer isso todas as páginas
do site, você pode mantê-lo em todas as páginas. Então esse é o gatilho
que estamos criando. Além disso, o gatilho, também precisaríamos de algumas
variáveis para rastrear esses dados quando eles realmente são executados. Podemos definir algumas variáveis de
rolagem. Portanto, o Google também nos oferece algumas
opções. Algumas variáveis de rolagem são
fornecidas, como profundidade de rolagem,
limite, unidades de profundidade de rolagem e direção de rolagem Esses três são
fornecidos, os quais você
também pode adicionar para que possamos
rastrear isso também. Vamos dar uma
olhada nisso. Este é o site para o qual
estamos fazendo isso. Vamos fazer uma revisão disso. Agora estamos no
site e podemos rolar e ver se isso está
sendo rastreado ou não Aqui, agora você pode ver que a
profundidade de rolagem está sendo rastreada. O primeiro, vamos dar uma
olhada na profundidade de rolagem, este. Se você observar as variáveis, verá que 25% foram
abordados nessa vertical. Da mesma forma, quando você vai
para o segundo, é 50% vertical,
depois o terceiro, 75% vertical. Está
sendo rastreado. Isso está funcionando bem,
absolutamente para nós. Agora, o que precisamos é da etiqueta. A tag para isso, que também
podemos configurar de forma semelhante. Vamos criar
uma tag totalmente nova, que será um evento do Google
Analytics GA four Podemos fornecer o
ID de medição de nossa análise, que podemos fornecer aqui, e depois dar um
nome a ela, digamos, estou dando a ela um
nome de distância. E o que precisamos aqui
é um parâmetro de evento. Podemos adicionar um parâmetro
aqui, que é rolagem. Digamos que a distância,
mais uma vez, e a variável. A variável pode ser o limite de profundidade de
rolagem, que queremos definir, e queremos ver quanta
porcentagem é rolada, possamos adicionar uma
porcentagem para que ela escolha esse valor e a
porcentagem venha junto com Você pode definir isso e , em seguida, escolher o gatilho
que criamos,
criamos esse gatilho de rolagem. Isso agora foi criado
e podemos nomeá-lo,
digamos, tag de rolagem. Agora isso está construído e agora
podemos pré-visualizar isso e
ver tudo. Agora, quando acessamos o site, podemos percorrê-lo. Digamos que até o
fim, estamos fazendo isso. E vamos dar uma olhada nisso. Então, podemos ver que a
etiqueta de rolagem foi acionada aqui. Todos os quatro pergaminhos
até o final foram disparados. Então essa é a de 90%, que também é disparada aqui. Ok, isso é 75, 25, 5025, o que podemos ver, termos de
tag, que a etiqueta de rolagem também foi
acionada com sucesso, o
que podemos ver aqui,
que funcionou Ok. Então, é assim que podemos criar
facilmente uma tag de rolagem, que só vai rastrear
a porcentagem dos
blogs, da página ou do conteúdo. Se as pessoas estiverem folheando e
lendo. Isso também aparece
em suas análises , especificamente aqui. Agora, podemos ver os parâmetros
específicos da distância de
rolagem parâmetros
específicos aparecem nesta parte na página depois de
fazermos isso,
então isso também será refletido em sua conta de
análise. Espero que isso faça sentido. Espero que você entenda
agora como podemos criar uma tag de rastreamento de distância de rolagem também por meio do Google Tag Manager. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
26. Rastreamento da distância de rolagem parte 2: tempo acionado: Y. Bem-vindo a esta sessão. Nesta sessão,
veremos outro cenário de rastreamento de distância de rolagem. No vídeo anterior,
vimos que podíamos monitorar o
quanto as pessoas navegam em nossos blogs ou páginas Gostaríamos de monitorar
quanto percentual do blog ou da página
percorreu essa rolagem. Agora, essa pode não
ser a maneira ideal de entender o quanto
eles estão lendo o blog. A melhor maneira seria
que, se eu também pudesse acompanhar quanto tempo eles
passam na página do blog, além disso, teríamos uma imagem clara disso. Então, faremos isso
neste vídeo em particular e veremos como
podemos implementá-lo. Então, podemos voltar para a tag
específica que criamos, a tag de rolagem que
criamos no último vídeo, e podemos chegar ao gatilho e aqui vamos
adicionar uma condição. A condição pode ser
que eu queira ter um determinado
tempo decorrido definido aqui, que seja, digamos,
maior que 10 segundos que basicamente significa que queremos acionar a tag somente quando o usuário tiver passado no mínimo
10 segundos na página. Essa será uma maneira ideal de entender o quanto os
usuários estão lendo o conteúdo. Depois de fazer essa
adição ao gatilho, podemos testá-la. E nisso devemos
ser capazes de ver isso. Agora, agora, quando a página
estiver sendo carregada. Agora, quando rolamos,
ela aciona todas as
tags de profundidade de rolagem, 25%, 50%, 70%, mas o tempo
decorrido específico não é
acionado até o momento em que não
passamos esses acionado até o momento em que não
passamos 10
segundos na Depois de medir esses
segundos, 10 segundos ou qualquer limite
definido, somente o gatilho será acionado Se você ver agora que ele
disparou somente após os 10 segundos. Você pode ver que diz tempo
decorrido de 10 segundos, maior que dez, que
definimos aqui. É assim que vai funcionar
para nós. Dessa forma, entendemos
melhor quanto tempo e
quanto conteúdo eles realmente
leram em nossas páginas. Espero que isso faça sentido Agora
você entende como
podemos rastrear a quantidade de tempo gasto pelos usuários em nossos blogs enquanto eles
navegam por Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
27. Clique no rastreamento da parte 1: links de saída: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos outra situação que é o rastreamento de cliques. Portanto, também podemos fazer
muito rastreamento de cliques, o que podemos fazer por meio do GTM, que basicamente rastreia os diferentes tipos de cliques que
acontecem em nosso site Portanto, quando os usuários
acessam nosso site, eles podem
clicar em diferentes guias ou links em nosso site, e isso gostaríamos de
acompanhar aqui Então, o que estamos vendo
é uma situação específica, que são links externos, links
que, se um usuário clicar, eles são levados para fora do nosso
site para outros Então é isso que
vamos rastrear aqui. Então, vamos dar uma olhada nisso. Para isso, o que
podemos fazer é começar a criar
um gatilho primeiro. Vamos criar um gatilho, que é um gatilho de clique, então vamos fazer apenas links, e aqui vamos seguir em frente e fazer isso para
links específicos que estão lá. Vamos definir isso
criando uma nova variável. Agora, a nova variável,
que podemos usar aqui, é a variável de evento automático, na qual analisamos
a URL especificamente, caso de
a URL ser de saída, e aqui podemos fornecer a URL do
nosso site dessa
maneira específica E podemos salvar isso. I. E podemos ver que quando essa variável
em particular é verdadeira, esse gatilho deve
funcionar, idealmente falando. Podemos dizer que esse é o
nosso gatilho limitado, que criamos. Agora, para isso,
vamos criar a tag. Vamos
criar uma tag de evento G. Tag de evento do Google Analytics Go, podemos fornecer nosso ID de medição, que podemos
retirar de nossa conta. E podemos dar um nome a ele, digamos que clique e podemos
fornecer alguns parâmetros do evento. Podemos adicionar um parâmetro,
digamos URL. A variável que queremos
usar aqui é uma URL de clique. Esse gatilho,
especialmente o gatilho de saída , também
é adicionado a ele,
que criamos Isso está se tornando click t É assim que podemos criar
essa tag de clique de saída
e, em seguida, podemos usá-la Como isso vai funcionar é quando as pessoas estão em nosso site e clicam em algum link que as leva para
fora do site. É quando essa
tag específica será acionada. Aqui, a
tag de clique de saída foi criada. Ok. Então, isso será acionado quando um link específico
aqui os levar para um site
diferente. Então, essa tag em particular, que está aqui agora, virá na seção de
tag disparada. Espero que isso faça sentido. Você entende como uma tag de
saída pode ser criada, o que ajuda a rastrear
quantas pessoas estão clicando em nosso link externo e
saindo do nosso Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
28. Acompanhamento de conversões parte 1: rastreamento de conversões simples do Google Ads: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos configurar acompanhamento de
conversões
do Google Ads com a ajuda do
Gerenciador de tags do Google. Vamos começar, pessoal. Então, quando entrarmos no Gerenciador de tags
do Google, podemos começar
a criar a tag. Acessando a seção de tags. Então, vamos criar
uma nova tag aqui, que pode ser um acompanhamento de conversões do Google
Ads. Mas antes de fazer isso, o que também precisamos é de
um vinculador de conversão, que teremos que
criar aqui Então, vamos construir isso.
Então, vinculador de conversão, você só precisa adicionar um gatilho, que pode ser para todas as páginas Então, isso nos ajudará a criar o acompanhamento de conversões da
maneira correta. Portanto, podemos nomeá-lo
dessa maneira específica. Depois de criar o vinculador
de conversão, agora podemos criar a tag Então, a tag
de acompanhamento de conversões do Google Ads, e aqui ela exigirá alguns detalhes, como
ID de conversão, etiqueta de conversão, que teremos que fornecer. Para isso, teremos que
acessar nossa conta do Google Ads
e, a partir daí, podemos
gerá-la e usá-la aqui. Então, vamos dar uma olhada nisso. Então, quando estiver na
sua conta do Google Ads, você pode acessar a
seção de metas em resumo, onde
criaremos uma ação de conversão. Então você vai fazer
isso para o site. Assim, podemos selecionar isso e fornecer o domínio do nosso site, e o Google o
examinará e fornecerá as etapas para criar
a ação de conversão. Assim, podemos preencher os detalhes
e, depois de
preencher os detalhes, ele gerará
o ID de conversão e o rótulo, que podemos obter. Então, agora vamos
preencher um pequeno formulário que o
Google nos fornece. Então, aqui podemos
selecionar a categoria de um tipo de conversão
que queremos rastrear. Então, no meu caso, em nosso site, estamos enviando um
formulário de lead. Então, a partir daqui, posso
selecionar enviar formulário de lead e também podemos dar um nome
a ele dessa maneira
específica. E então podemos atribuir um valor a ela. Um lead, se tiver um valor específico ou uma
receita associada a ele, podemos fazer isso, ou então
podemos dizer, não usar um valor. E então podemos definir a
contagem. O conde será. Ele acompanhará todos os leads exclusivos que coletamos ou geramos, que podemos considerar como um só. Esses são os detalhes que vamos preencher nesta
página específica e podemos seguir em frente. Depois de salvar isso,
ele nos dará as instruções para
configurar o código, para o qual usaremos hoje como Gerenciador de tags do Google. Essa é a ID de conversão e a etiqueta que exigimos. Então, podemos copiá-lo daqui. E podemos voltar ao nosso
site e divulgá-lo, o rótulo também. Esses são os dois detalhes
que precisamos, após os quais podemos
chegar ao gatilho, e podemos adicionar esse gatilho especificamente aqui,
idealmente falando. Para o gatilho novamente,
vamos fazer um gatilho de visualização de página. Agora, o gatilho deve ser para uma página específica para a
qual estamos fazendo isso. Vamos fazer isso para
algumas páginas específicas, que contêm uma
palavra-chave específica,
então vamos usar o URL da página. Então, no site que
estamos consultando, para o qual estamos rastreando, há um
formulário específico que está aqui. Então, o que
queremos é criar um gatilho quando as pessoas enviam
esse formulário específico. Então, vamos
examinar esse URL primeiro. Agora, se você ver que esta é a página em que precisamos
configurar o código, podemos pegar essa palavra-chave específica do
URL e usá-la como um
gatilho aqui, o que basicamente significa
que isso será acionado somente em uma página que tenha um
agradecimento escrito nela Esta será a
página de agradecimento que estamos criando. Podemos nomeá-lo dessa
maneira e podemos salvá-lo. Agora que o
acompanhamento de conversões foi criado, o vinculador de conversões está vinculado Fornecemos todos os detalhes. O
gatilho da página de agradecimento T também foi desenvolvido. Essa é nossa tag de
acompanhamento de conversões, que criamos agora. Agora podemos analisar isso
e ver como funciona. Ele será
conectado ao nosso site, voltaremos ao
nosso site uma vez. Agora, quando está, podemos ver isso. O que vemos
aqui é que agora o vinculador de conversão foi acionado, o qual criamos, então está
funcionando perfeitamente bem Mas o
acompanhamento de conversões ainda não foi acionado porque
ainda não preenchemos o formulário. Então, o que vamos fazer
é preencher o formulário como um teste. Nós apenas verificamos se está
disparando corretamente ou não. Então, agora chegamos ao formulário. Então, vamos dar uma olhada nisso. Agora você pode ver que
essa tag específica saltou para a seção de disparo da
tag, o que significa que
essa tag específica está funcionando perfeitamente bem Dessa forma,
agora, com muita facilidade, podemos configurar o rastreamento de
conversões do Google Ads para
nosso site por meio do Gerenciador de tags
do Google. Espero que isso faça sentido. Você entende esse
processo completo, como o fizemos. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
29. Como implementar a tag de evento GA4 com o GTM: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos
como podemos implementar a tag de
eventos GA four com a ajuda do Gerenciador
de tags do Google. Então, vamos dar uma olhada nisso. Então, o que vamos criar
é uma tag GA Four Event, então vamos às tags, e é aqui que
podemos começar o processo. Então, podemos ir para a criação de tags. Vamos criar uma tag
do Google Analytics, ou
seja, em uma tag de quatro eventos do
GA. Digamos que isso seja para uma geração específica de
formulários de leads, que queremos criar. Portanto, a primeira coisa
necessária é o ID de medição, que precisamos fornecer aqui, para você
possa obtê-lo da sua conta do
Google Analytics. Assim, podemos acessar a seção
Administrador da conta do
Analytics em Fluxos de dados, e é aí que podemos obter o
ID de medição a partir daqui Podemos retirá-lo daqui
e colocá-lo aqui. Agora podemos ver que
diz o Google Tag encontrado neste contêiner, então está tudo bem. Também podemos dar um nome a ele. Digamos que lidere no Submit. E então também podemos definir
o gatilho para isso. Quando isso será acionado, para que possamos criar um
novo gatilho para isso. Eu serei uma visualização de página. Agora, vamos criar
uma visualização de página para nós. Página de agradecimento. Não queremos acionar isso para todas as
páginas do site. No site,
especificamente, se virmos, temos um formulário de
lead específico aqui e, se o preenchermos, ele nos leva a uma página de agradecimento. Essa parte específica
é o que precisamos e a usamos em algumas páginas. Digamos que o URL da página, que contém agradecimento por essa visualização de página exclusiva,
que queremos criar. Se um usuário visualizar essa página de
agradecimento, a tag deverá ser acionada. Esse é um gatilho de página que estamos criando.
Nós podemos salvar isso. Agora, o gatilho também foi criado, nós também criamos a tag. Esta é uma tag GA four que estamos criando
e podemos salvá-la. Agora, a tag foi criada, para que possamos visualizar. Depois de pré-visualizar,
podemos acessar a página e ver
como está funcionando. Este é o site que está
sendo criado agora . Está
conectado agora. Você pode ver agora,
a etiqueta G four está aqui. Não está disparando, porque ainda não
preenchemos o formulário Quando chegarmos ao
formulário e
preenchê-lo, ele deverá disparar, porque agora veremos
a página de agradecimento. Chegamos à página de
agradecimento. Agora, idealmente, seja demitido, podemos atualizar a primeira página
para ver isso acontecendo Agora podemos ver o GA quatro, a etiqueta está disparada. Também podemos ver isso. Também recebeu o nome do
evento. formulário principal. Isso
é o que fizemos. Esse foi o
ID de medição, que adicionamos. Agora você também pode verificar isso acessando o
Analytics. Podemos acessar os dados em tempo real. O ideal é
que apareça lá também. Podemos ver os dados do usuário aqui, um relatório em tempo real, vamos ver. Mostra um
usuário ativo aqui. Você pode ver que a página de
agradecimento T está sendo demitida. Tem uma vista daqui. Evento também.
Aqui está aparecendo. Deixe o Form Summit, tenho
um aqui. Dessa forma, podemos verificar
claramente que nosso evento GF foi criado agora com a ajuda do nosso Gerenciador
de tags do Google Espero que isso faça sentido. Você entende agora
o processo completo, como estamos fazendo isso. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
30. Como armazenar o ID de medição na variável definida pelo usuário: Oi, olhos. Bem-vindo
a esta sessão. Nesta sessão, queríamos
ver uma situação específica, que podemos melhorar aqui. Você deve ter visto nos vídeos
anteriores sempre que estamos criando um evento
específico do GA Four. Para isso, exigimos
o ID de medição, que precisamos extrair da conta
do Analytics, e depois acessamos nosso Gerenciador de tags
do Google e o colocamos nas tags. Esse processo pode ser feito de uma
maneira diferente, onde podemos armazenar o ID de medição em uma
das variáveis definidas pelo usuário, que podemos criar aqui. Dessa forma, você
não precisará acessar o Google Analytics e obter o ID de
medição a partir daí. Então, vamos ver
como podemos simplesmente usar as
variáveis definidas pelo usuário aqui. Então, quando estivermos dentro
do Gerenciador de tags do Google, criaremos uma variável, que é uma variável
definida pelo usuário. Neste caso, vamos
escolher um específico, que é constante porque
isso não vai mudar. Aqui podemos colocar o ID
da medida. Vamos ver sua
análise e podemos inserir
nosso ID de medição e
colocar o valor v aqui Podemos salvar isso,
digamos que podemos dizer isso como G four ID. Então, agora essa é uma variável
definida pelo usuário, que criamos aqui. Então, daqui para frente,
sempre que estivermos criando um evento do GA quatro ou qualquer outra
tag relacionada ao GA quatro, podemos usar isso aqui e criar essas tags. Não será
necessário acessar
nossa conta de análise e
obter a nossa conta de análise e ID de medição a partir daí. Espero que isso faça sentido. Você entende esse processo
simples que pode ser feito para
simplificar nosso trabalho. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
31. Como acompanhar cliques e enviar para GA4: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, veremos como
podemos rastrear qualquer tipo de clique
que esteja acontecendo no site com
a ajuda do Google Tag Manager e
enviando esses dados para o GA four Então, vamos dar uma olhada nisso, como podemos configurar isso. Então, para isso, vamos
criar primeiro um gatilho,
que será um gatilho baseado
em cliques. Podemos ir para a seção de
gatilhos onde
começaremos a criar Vamos criar
um gatilho baseado em cliques, que pode ser composto por todos os elementos. Todos os elementos são aqueles que rastreiam todo tipo de clique que está
acontecendo em nosso site. Então, podemos criar este
e podemos
nomeá-lo, digamos, clique no gatilho. Para isso, precisaríamos
também ter uma tag
que dispararemos, que pode enviar os
dados para o GA four. Agora vamos criar
uma tag, uma tag de quatro eventos do GA. E precisamos fornecer
o ID da medição. Aqui, agora, você pode
usar a variável, que criamos
nos vídeos anteriores. Em vez de acessar
a conta de análise, você pode simplesmente
usar a variável. Se você se lembra
dos vídeos anteriores, criamos uma variável
chamada GF four ID, constante, que agora podemos usar aqui,
especificamente, e então
podemos dar um nome a ela Nisso, vamos anexar o gatilho de clique
dessa maneira específica. Essa será
a tag específica do clique
que estamos criando, que vai para G
four, e podemos salvá-la. Agora, isso é criado com o gatilho específico
que criamos, para que possamos fazer uma prévia disso. E podemos ver como
isso vai funcionar. Agora está sendo criado, então ainda não foi acionado. Podemos simplesmente percorrê-lo. Agora, se você
clicar em determinadas páginas, eu estou clicando nesta
ou na parte de habilidades, ou digamos, em algum lugar
vazio também. Agora ele foi acionado. Você pode ver que isso foi
acionado para nós, e este é o evento cujo nome
demos ao ID de medição, que eu posso ver aqui. Agora, esses dados
estão sendo acionados e agora também
aparecerão na página e em
nossa conta de análise. Então, para onde os dados
serão transferidos. Então, poderemos
ver isso aqui também. Especificamente, podemos ver todos os cliques também estão
chegando aqui, que criamos
como um evento Agora, os dados estão
migrando para a análise. Então, dessa maneira simples, pessoal, podemos criar também
podemos criar
uma tag baseada em cliques
por meio do Google Tag Manager, que rastreará todos os tipos de cliques que acontecem
em nosso site Espero que isso faça sentido. Você entende
todo o processo, como criamos isso. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
32. Como adicionar detalhes sobre cliques e enviar para eventos GA4: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos adicionar certos detalhes sobre cliques e enviá-los para os eventos G four Então, o que
vamos fazer é adicionar
algumas variáveis para
que possamos ver seus valores ao
acionar essas tags específicas,
e isso pode ser enviado
para o GA quatro, bem
como para eventos nos quais
podemos ver as informações Então, vamos dar uma olhada nisso. Então, uma vez dentro
do Gerenciador de tags do Google, o que queremos fazer primeiro é adicionar determinadas variáveis para as quais
queremos ver os valores. Assim, podemos adicionar as variáveis, podemos configurar a partir daqui. Digamos que queremos analisar as variáveis
de cliques. Essas são todas as variáveis relacionadas aos cliques,
que podemos adicionar aqui Agora eles são todos adicionados
dessa maneira específica. E agora esses. Vamos
usá-los em nosso gatilho, que criamos anteriormente. Essa foi a tag
que criamos, na qual podemos usá-las. Aqui, criamos ID de medição e
o nome do evento específicos. O que vamos
fazer é
adicionar os parâmetros do evento e adicionar seis das seis variáveis relacionadas
a cliques que vimos Agora podemos adicioná-los
um por um aqui. Esses valores também
serão acionados. Como você pode ver. Nós o
preenchemos e agora também podemos dar um nome a
ele, para que possamos nomear
da mesma maneira. Isso também aparecerá em nosso G4,
especificamente. Agora adicionamos isso e
podemos salvar essas informações. Agora que
fizemos isso, se você fizer uma prévia disso para ver como
vai ficar, vamos dar uma olhada nisso também. Agora, quando vemos isso, temos
um clique aqui, então vamos clicar em
certas seções do site dessa maneira
específica. Agora está disparando. Agora você pode ver que os parâmetros também
estão sendo acionados. Aqui, tudo
isso está
aparecendo na seção de cliques Se virmos, as
variáveis estarão aqui. Agora podemos ver as variáveis. O elemento de clique é esse, o ID do clique, que é usado, o contato de texto do clique. A URL,
não havia uma URL específica, então ela não mostra nada. Dessa forma, os dados
estão aparecendo agora, então as variáveis são definidas
e, para seus dados, podemos ver. Agora, a mesma coisa
também se refletirá em nosso Go. Se acessarmos nossos dados de GFO em tempo
real e virmos essas informações Agora você pode ver a seção de todos os
eventos aqui. Se você clicar em todos os cliques. Você pode ver todos os parâmetros de eventos
específicos que criamos agora. Você pode ver
classes de cliques, clicar em ID, que criamos,
clicar em elemento, texto. Tudo isso agora está
aparecendo aqui. Então, sim, depois disso, todos os detalhes que
adicionamos no GTM
agora são passados para o G four
dessa maneira específica, e podemos ver as informações Espero que isso faça
sentido. Agora você entende como adicionar
variáveis que podem passar os dados para o GA quatro por meio do nosso Gerenciador de tags
do Google. Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
33. Acompanhe cliques de button no GA4 por meio do GTM: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos rastrear os cliques em determinados
botões no site Cada site
terá determinados botões
e, se quisermos rastrear os
cliques que acontecem neles, também
podemos fazer isso por meio do Gerenciador de tags
do Google Então, vamos dar uma olhada nisso. Para isso, podemos acessar a
conta e começar a
examinar primeiro os gatilhos. Então, vamos
criar um gatilho, que será um gatilho de clique. Assim, podemos criar um novo
gatilho a partir daqui, que é um clique e
podemos usar todos os elementos. Mas agora o que
vai acontecer é isso não é para todos os cliques, mas para certos tipos de
cliques que estão acontecendo, especificamente falando
sobre botões A partir daqui, podemos escolher uma variável que
seria relevante para nós. Todas essas serão
as variáveis
incorporadas que o Google fornecerá a você. Se você puder escolher aqui, ou você pode escolher qualquer outra variável
incorporada que desejar, ou você pode criar
uma nova variável. Então, digamos que estamos escolhendo classes de
clique aqui e agora temos que fornecer a
variável específica aqui. Assim, você pode acessar seu
site e examinar a codificação do seu site especificamente para ver que tipo
de variável é usada nele Você pode fazer uma
pesquisa na página de visualização ou inspecionar o elemento. E o que vamos
ver é especificamente. Se você observar aqui especificamente
o botão, que estamos usando aqui
especificamente é um elemento de botão,
que aparece aqui, como você pode ver o botão abaixo do rótulo ou o
elemento de botão usado aqui. Então, podemos usar o botão
como o valor que queremos usar. E então você pode dar um nome a
ele dessa maneira. E para isso agora,
vamos criar uma tag. Então, vamos usar a mesma tag que
usamos no vídeo anterior. O que também podemos fazer é querer
exatamente a mesma coisa, para que possamos fazer uma
cópia disso. E agora podemos dizer cliques em
botões. Nisso, faremos as
mudanças. Essa é a cópia. Então, o nome que chamamos
pode ser cliques em botões. E para isso,
vamos remover especificamente esse gatilho , que
está sendo usado. Essa não é a correta.
O que queremos usar é o gatilho de clique no botão
que criamos. Agora você pode ir em frente
e salvar isso. Isso funcionará para nós. Criamos essa etiqueta específica agora, que acendeu fogo. Vamos
dar uma olhada nisso. Então, isso está conectado. Então, estou apenas acessando
o site agora. O que veremos aqui é
que os cliques no botão não
são acionados porque ainda
não clicamos no botão Então, vamos fazer isso. Quando
clicamos no botão. Agora, ele foi
acionado aqui, como você pode ver. E se
olharmos para dentro, também podemos ver todos
os parâmetros aparecendo. Além disso, se você perceber,
se eu clicar
em qualquer outro lugar, estou clicando
em qualquer outro lugar. O que está acontecendo é que estamos
recebendo cliques aqui. Mas se você ver, isso não está
acionando os cliques no botão. Essa é apenas a parte dos
cliques que fizemos anteriormente, que
está sendo acionada Isso significa que essa configuração
específica está funcionando perfeitamente bem. Ele só será
acionado quando
clicarmos no
botão real do site. Espero que isso faça sentido. Agora você
entende como também pode rastrear os cliques em seus botões
no site E também podemos passar esses
dados para o GA quatro. Agora, se você for ao GA four e quiser ver
essas informações. Podemos ver isso especialmente em
eventos. Aqui, você pode ver
os cliques dos botões chegando
aqui e também pode ver
os dados As aulas de clique
estão chegando aqui. Esse é o URL que
veremos, que está aparecendo
dessa maneira específica. Espero que isso faça
sentido. Agora você entende como podemos rastrear cliques em botões e em nossos sites por meio
do Gerenciador de tags do Google Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
34. Como criar um gatilho de página específico: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão, queríamos
ver uma abordagem diferente, ou seja, criar um gatilho de página de tag específico
para a mesma situação, que é onde
estamos configurando, digamos, um evento do GA four, por meio do Google Tag Manager. Então, aqui, o que
vamos fazer é criar primeiro um gatilho
específico e vinculá-lo à tag, que fará o mesmo trabalho que vimos
no vídeo anterior. Então, vamos dar uma olhada nisso. Então, quando você estiver dentro
do Gerenciador de tags
do Google, a primeira coisa
que
faremos aqui é criar o gatilho. Vamos criar o
gatilho, que será,
digamos, o mesmo gatilho da
página de agradecimento que
estamos criando. Podemos criar uma visualização de página, que é para uma página específica, e aqui podemos selecionar
uma opção predefinida, que contém parte da página, e então podemos fornecer a
mesma palavra-chave específica que está na URL da nossa página de
agradecimento, e podemos criar esse gatilho
específico Isso pode ser um gatilho específico da página de
agradecimento que estamos criando. E agora esse gatilho pode
ser usado nas tags que
criamos, para que possamos acessar as tags e escolher a
tag especificamente. E podemos anexar esse gatilho
específico aqui, como você pode ver. E use isso agora para acionar e ver se seus
leads estão sendo gerados, rastreados no Google Analytics OK. Essa é outra abordagem, que podemos fazer com que
possamos fazer isso e criar os diferentes tipos de tags para páginas
específicas para as quais as
criamos
e, em seguida, vinculá-las às tags que
possamos
rastrear nossos detalhes Espero que isso faça sentido. Você entende a abordagem
diferente de como podemos configurar nossos códigos
do Google Tag Manager. Muito obrigado, pessoal, por
ouvirem esta sessão, e nos vemos
na próxima rádio. T.
35. Capture erros de JavaScript com GTM e envie para GA4: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos capturar erros de
JavaScript por meio do GTM
e enviá-los para o GF four Muitas vezes, nosso site
é construído em JavaScript e podem ocorrer muitos
erros
e, por isso, isso cria
uma experiência de usuário ruim
para nossos usuários. Portanto, nesse caso,
faz sentido
acompanhar esses erros e
corrigi-los por meio de nosso desenvolvedor web. Portanto, nesse caso, também
podemos usar o GTM para
capturar esses erros
e, em seguida, compartilhá-los
com o Google Analytics e corrigi-los
por nossos desenvolvedores da web Então, vamos dar uma olhada nesses
caras, como podemos configurá-lo. Quando estivermos no Gerenciador de tags
do
Google, a primeira coisa que faremos é
adicionar certas variáveis
relacionadas a esses erros. Então, podemos ir para a seção de
variáveis e adicionar essas variáveis
primeiro relacionadas a erros. Podemos ver que, em erros, existem certas variáveis,
como mensagem de erro. Isso nos mostrará
a descrição do erro que aconteceu. URL de erro mostrará em qual URL da página o
erro está chegando
e, em seguida, a linha também, linha de
erro mostrará qual
linha de código tem um erro. Esses três podemos
adicionar aqui. E agora podemos criar um
gatilho com base nisso. Vamos criar
um novo gatilho, que será
um erro de Java Script, e podemos mantê-lo como para
todos os erros de JavaScript, que queremos
rastrear aqui. Podemos chamá-lo de gatilho de erro
JS. E agora vamos usar na tag. Vamos criar uma nova tag, que será uma tag de evento
do Google Analytics, e adicionaremos
o ID
de medição, para que
possamos usar nosso ID G four, o que fizemos anteriormente. E podemos dar um nome a isso, digamos erro de JS. Agora, aqui teremos que adicionar alguns parâmetros do evento,
os valores para ele. As variáveis que criamos para esses três,
vamos usar isso. Podemos nomeá-lo dessa maneira
específica, que pode ser uma mensagem de erro. URL do erro e linha de erro. Tudo o que precisamos fazer é
fornecer os valores com base nas variáveis que
criamos, mensagem de erro. URL do erro e linha de erro. Isso nos é fornecido.
Agora, só precisamos adicionar o gatilho JS
, que criamos. Agora nossa etiqueta está pronta. Nomeie isso como tag de erro JS. Essa tag será acionada quando identificar quaisquer erros de JavaScript
no site Agora, não podemos fazer uma
prévia disso, mas isso
aparecerá eventualmente, quando houver algum erro no código
JavaScript em nosso site, ele acionará a tag e ela
aparecerá nas análises. Então, na análise, quando você for, podemos ir para a seção em tempo
real onde vamos aos eventos aqui, você verá o evento
que criamos, que é a mensagem de erro de JS, que criamos
aqui, certo? Esse nome de evento específico
aparecerá como erro de JS, aparecerá em nossas
análises aqui, e poderemos
ver todos os erros
que estão chegando, que podem ser compartilhados
com nosso desenvolvedor web, e eles podem tentar
corrigi-los. Dessa forma, pessoal,
podemos usar o Gerenciador de tags
do Google novamente, para descobrir quaisquer erros de script
Java
que estejam acontecendo em nosso site.
Espero que isso faça sentido. Você entende esse processo
completo, como configurá-lo na conta. Muito obrigado, pessoal,
por ouvirem isso, e
nos vemos no próximo vídeo.
36. Rastreamento de usuários que visualizam uma seção, imagem, banner etc.: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
queríamos ver como podemos rastrear se os usuários estão vendo uma seção específica do nosso site, imagem
ou banner ou não. Isso também pode ser
feito por meio do GTM, onde podemos configurar
uma tag específica, que pode fazer essa tarefa por nós.
Vamos dar uma olhada nisso. Normalmente, o que acontece é que as pessoas podem navegar pelo
seu site, mas podem não ir para seções
específicas, seções
importantes que
queremos que elas visitem. Nesse caso, podemos criar
uma determinada tag para isso. Para isso, a primeira coisa
que precisamos ter são certas variáveis
relacionadas à visibilidade, que teremos que adicionar aqui. Podemos ir para a
seção de variáveis configure e podemos ir para a
porcentagem visível. Esses dois vamos adicionar aqui. E então podemos
chegar aos gatilhos. Vamos criar
um novo gatilho para isso, que
será a visibilidade do elemento, que podemos definir
aqui, e podemos fornecer o ID do método de seleção. Precisamos fornecer esse ID, que podemos obter do
código do próprio site. Digamos que, no meu site, eu queira ver essa seção específica que
as pessoas estão visitando ou não, porque quero que elas
entrem em contato comigo. Nesse caso, posso examinar
o elemento de inspeção e ver particularmente esta
seção principalmente e ver o ID que
podemos usar aqui Se você ver especificamente, esta é a seção que
está sendo destacada, essa parte específica na qual podemos obter
o ID aqui. E coloque na
seção aqui. Agora, isso vai
disparar um por página. Quando uma pessoa chega aqui e passa um
certo tempo, podemos
disparar a etiqueta para isso Nas configurações avançadas, você pode definir as configurações e
também quanto tempo deseja a pessoa passe
nessa seção específica. Então, digamos que eu esteja
dizendo 10 segundos, então podemos dar 10.000
milissegundos aqui, e podemos criar esse gatilho de
visibilidade Depois que o gatilho
estiver instalado, agora, o que precisamos fazer é criar uma tag onde possamos
criar a tag, que será
uma tag de eventos GA four, e podemos adicionar o ID de
medição,
o ID de medição, G four ID. Também podemos dar a ele um
nome como esse. Digamos que visibilidade. E podemos adicionar alguns parâmetros de
eventos, dois desses parâmetros, que editamos. Podemos ver as
que selecionamos, as variáveis na duração
da tela. E por cento visível.
Os outros dois, que vimos especificamente. Então, podemos nomear o evento também dessa maneira específica. Porcentagem visível. Então, podemos adicionar esse gatilho, que criamos aqui. Agora isso está pronto. Podemos ver como isso
vai funcionar para nós. Podemos nomeá-lo dessa maneira: tag de
visibilidade e ela. Agora que a tag foi criada, podemos visualizá-la na
página e ver como ela funciona. Podemos conectar o site. R e agora
podemos navegar pelo site
e acessar essa seção. Então, quando estivermos nesta seção,
vamos dar uma olhada nela. Então, agora, se você ver, a etiqueta de visibilidade não
foi acionada. Isso está acontecendo
porque os 10 segundos que ele precisa estar
na página, certo? Então, precisamos ficar nesta
página por 10 segundos, e então ela será acionada e aparecerá
na seção de disparos. Quando isso acontece,
entendemos que essa tag específica
está funcionando corretamente e obtém todos os valores
que vemos lá fora. Agora você pode ver que
a tag de visibilidade está na seção de tags disparadas. E se formos até lá, podemos ver que
os parâmetros específicos, cuja porcentagem
de visibilidade na duração da
tela, também estão porcentagem
de visibilidade na surgindo aqui. Agora também podemos verificar
se nossa conta de
análise está funcionando corretamente
ou não, para que possamos atualizar e ver dados em
tempo real sobre análises Podemos ir até a
seção de eventos e ver isso
lá . Vamos para o tempo real. Em tempo real,
podemos ver a visibilidade. Isso é o que
criamos como um evento. Se entrarmos nisso, agora podemos ver os diferentes
tipos de eventos por aqui. porcentagem visível está chegando aqui, duração
na tela também
está chegando aqui, que também está funcionando corretamente
e podemos vê-la no GA Portanto, é assim que
podemos configurar a tag, que nos ajudará a rastrear
se as pessoas estão assistindo e passando tempo em uma
seção específica importante de nossos sites. Espero que isso faça sentido. Agora você entende como podemos criar essa tag
em nossa conta GTM Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
37. Introdução à camada de dados: Ele. Bem-vindo a esta sessão. Nesta sessão,
falaremos sobre o conceito de camada de dados
no Gerenciador de tags do Google. Portanto, as camadas de dados são como um objeto Javascript
que fica em nossas páginas. Portanto, faz parte do código de
estimativa do seu site, que às vezes exigimos. Ele contém todos os dados ou
informações que você deseja passar do seu site para
outros aplicativos ou ferramentas. Portanto, isso é útil em
diferentes cenários. Então, vamos dar uma
olhada em um cenário. Então, geralmente o que acontece é que
você tem um site, no qual você
listou seu produto Então ele tem vários
tipos de informações, como nome do produto,
preço do produto, imagens lá, cor, tamanho,
tudo isso aí. Certo? Agora, quando você configura
uma tag GTM ou qualquer outra tag, digamos uma tag dope
ou qualquer outra tag, então o GTM extrai dados
dessas informações específicas, que estão na página Agora, o que acontece é que,
às vezes, quando você move as informações para outras
partes da página, digamos que eu movo as informações de tamanho para
outra parte da página
, o GTM não será capaz extrair
essas informações específicas Nesse cenário, introduzimos uma camada de dados. Uma camada de dados fica atrás da página do site,
algo assim. Definimos uma camada de dados,
que é como um objeto, que fica atrás da página, e agora conectamos todas as tags, GTM ou
a do ou outras tags,
à camada de dados aqui, onde definimos onde definimos todas
as informações com clareza Então, aqui, o nome
do produto, nome do
preço do produto, o tamanho da
cor são definidos claramente. Então, agora, mesmo que você faça alterações na sua página inicial, digamos que você mova a
cor para outra seção ou as imagens para outras partes da página ou
o tamanho para
outras partes da página,
as informações na camada de
dados permanecerão intactas Assim, os gerenciadores de tags podem extrair
facilmente
os dados da própria camada e fazer o rastreamento. Dessa forma, é muito útil seguir em frente e você
pode continuar fazendo alterações em suas páginas, sem
afetar nenhuma das tags que
você configurou por meio de diferentes gerenciadores de tags. Vamos ver alguns exemplos de
como isso será. Então, a estrutura
da camada de dados será
algo assim, em que introduzimos um script e precisamos escrever
nessa sintaxe específica, que é dados em minúsculas
e camadas em maiúsculas Isso diferencia maiúsculas de minúsculas, então precisamos escrever
dessa maneira específica. Em seguida, introduzimos
o valor chave, os valores
que precisamos definir aqui. Podemos fechar o script. Essa é a estrutura
da camada de dados, que temos que escrever em nossa porta de teste. Vamos
ver esse exemplo. Este é um exemplo simples em que
escrevemos nesse formato. A camada de dados está definida. Podemos ver o
produto aqui, que é definido como preço, cor e tamanho do
produto. Esse pode ser um
exemplo simples de como uma camada de dados será
definida em um site. A outra opção, complexa
, pode ser dessa maneira, isso pode ser para sites de
comércio eletrônico, onde temos vários produtos e para os quais estamos definindo todas essas informações como nome, prêmio, cor e tamanho. É assim que as camadas de dados
podem ser escritas e usadas em diferentes códigos de estimativa
de diferentes empresas Cada empresa será diferente, então eles escreverão suas camadas de dados de
uma maneira diferente. Vamos ver praticamente também
como isso ficará
em nosso site. No site, se você precisar examinar
a camada de dados, poderá acessar Inspecionar Elemento e aqui podemos acessar o Console Podemos ir ao console e pesquisar a camada de dados. Quando entramos na parte da camada de
dados, é
aqui que você pode ver
a camada de dados aqui. Esses são os objetos dos
quais estamos falando, que são numerados dessa
maneira 012. Agora, se você clicar em qualquer
um desses objetos
individuais, mais adiante poderá ver
as informações aqui. Como aqui, podemos ver as informações específicas fornecidas aqui para este objeto,
então, número um, esse é outro objeto para o qual as
informações são fornecidas aqui. É assim que você pode
descobrir facilmente uma camada de dados
acessando o elemento de inspeção onde podemos pesquisar no console Espero que isso faça sentido. Espero que você entenda
o conceito de camada de dados e qual é
o caso de uso dela? Como isso facilita as coisas para nós quando estamos
configurando o imposto GTM Muito obrigado, pessoal, por
ouvirem esta sessão, e
nos vemos no próximo vídeo.
38. Como usar a camada de dados com o GTM: Oi, pessoal. Bem-vindo
a esta sessão. Nesta sessão,
veremos como podemos
usar a camada de dados
em nossa conta GTM Então, depois de fazer login em
nossa conta, primeiro
precisamos
criar uma variável. Vamos para a seção de variáveis. E aqui vamos definir
uma variável definida pelo usuário. Então, vamos
fazer isso acessando
a configuração e indo para novo. Então, essa será uma variável da camada de
dados, o que queremos fazer. Agora, aqui, teremos que definir o nome da variável da camada de dados,
que devemos fornecer. Então, para isso, podemos acessar nosso site e examinar primeiro
as variáveis. Podemos fazer um elemento de inspeção. Como vimos no vídeo
anterior, vamos para o console
e para a camada de dados. Dessa maneira específica, podemos ver a matriz aqui. E encontraremos todas
as informações. Dessa maneira particular, existem diferentes objetos
que podemos ver aqui fora. Digamos que estamos
olhando para um objeto específico. Essa. Digamos o terceiro objeto no qual
precisamos criar uma variável. Temos que usar o nome
exato aqui, como
se estivéssemos tomando
este como nome. E podemos dar a ele
um nome como esse. E podemos salvá-lo. Essa
é a primeira informação. Da mesma forma, precisamos de outro para que possamos criar
outro aqui. Digamos que o
segundo, scroll threshold, e damos um
nome a ele. DL é para. E podemos salvá-lo.
Agora você pode ver que
criamos duas variáveis de
camada de dados aqui, que gostaríamos de usar
em nosso Gerenciador de tags do Google. Agora podemos fazer uma prévia disso para ver como
isso funcionará. Quando fazemos uma prévia, podemos adicionar nosso site. Agora isso está totalmente carregado, como podemos ver aqui, e se formos para a janela carregada na seção de camada de
dados, poderemos
ver essas informações.
39. Tag HTML personalizada: como usar HTML e JavaScript: Oi Bem-vindo a esta sessão. Nesta sessão, veremos
como podemos usar uma tag STML personalizada
em uma conta GTM Muitas vezes acontece que talvez
precisemos implementar um código específico
no site ou um código Java
script no site. Nesse caso,
podemos usar a tag STML personalizada aqui Então, vamos dar uma olhada nisso. Quando estivermos dentro da conta
do Google Tag Manager, podemos ir para a
seção de tags, onde criaremos uma
nova tag Agora, essa tag será um HTML personalizado. É aqui que você
pode adicionar seu código, que pode ser um código STMA ou um código JavaScript
dessa maneira específica. E agora você pode aplicar
isso em todas as páginas, e podemos nomear isso
como HTML personalizado. Depois de fazer isso,
você pode visualizar o site para
dar uma olhada nele, para que o código seja
acionado no site e possamos ver
as informações disponíveis. Dessa forma, no site, você pode ver
as informações aqui. Essa é uma forma de
aplicar um HTML personalizado. A outra opção, se você
ver agora no back-end, o código foi acionado aqui e podemos ver o HTML
aqui aparecendo. Isso significa que ele está
implementado em nossa página. A outra opção é
da mesma maneira você pode
adicionar um código de script Java. Você pode adicionar no mesmo local, adicionar um código Java de uma ferramenta de terceiros e
implementá-lo em seu site. Dessa forma, podemos adicionar alguns códigos personalizados em nosso
site por vários motivos, que podem ser necessários
para a empresa. Espero que isso faça sentido.
Espero que você entenda como códigos eSTL
personalizados podem ser implementados com a ajuda do Gerenciador
de tags do Google Muito obrigado, pessoal,
por ouvirem isso, e nos vemos
no próximo vídeo
40. Obrigado! : Oi, pessoal. Se você está
assistindo a este vídeo, significa
que você chegou
ao final desta aula, e eu gostaria de agradecer
por participar desta aula, e espero que essa
informação tenha sido útil. Você é capaz de entender como GTM funciona e como
você pode usá-lo, implementá-lo em sua empresa
e para seus clientes Então, obrigado mais uma vez, pessoal, por conferirem minha aula e se
divertirem aprendendo ah.