Os cursos mais aprofundados do Google Tag Manager (GTM) para 2023

1. Introdução ao curso: Olá e bem-vindo a este curso de gerenciador de tags do Google. Sou Žiga e serei seu instrutor. No final deste curso, você terá uma compreensão profunda sobre como o gerenciador de tags do Google funciona e o que você pode fazer com ele. Então vamos mergulhar direto na carne do curso. Passaremos lentamente de scripts e tags essenciais para conceitos mais avançados que você pode usar em seu site. Ao longo do caminho vou mostrar-lhe exemplos do mundo real para que você possa construir seu próprio projeto enquanto avançamos. No final do curso, você poderá criar suas próprias ideias de tag e implementá-las com confiança. OK. Então você deve estar se perguntando, quem sou eu e por que estou te ensinando tudo isso? Bem, eu estou no marketing digital há mais de 8 anos e neste tempo eu tive 2 campanhas bem-sucedidas de crowdfunding e ajudei mais de 10 outros a levantar mais de US $1 milhão. Falei em várias conferências e eventos de marketing e até lecionei várias gerações de proprietários de pequenas empresas sobre diferentes tópicos de marketing digital. E nos últimos dois anos, eu também tive minha própria agência focada em ajudar as empresas a automatizar seu marketing. Durante todo esse tempo, eu tenho usado ativamente o gerenciador de tags do Google para ajudar eu e meus clientes a configurar tudo. Antes de mergulharmos, eu só quero explicar como você pode tirar o máximo proveito deste curso. Se você é novo no Gerenciador de tags do Google, sugiro que comece do início e trabalhe até o fim. Isso garantirá que você tenha todo o conhecimento necessário para tópicos mais avançados. Uma vez que você começar o curso, não deixe dias ou semanas passarem entre as aulas ou você começará a esquecer o que você já aprendeu. Confie em mim, ter que voltar e assistir a palestras que você já assistiu é uma chatice. Esculpir um espaço de estudo e eliminar todas as distrações. Então cumpra isso como você faria na faculdade. Este espaço pode ser simples como uma mesa com uma cadeira e alguma música de fundo discreta. Se você tiver alguma dúvida ou problema durante o curso, sinta-se à vontade para perguntar na seção de perguntas e respostas ou entre em contato comigo diretamente. Ficarei mais do que feliz em ajudá-lo. Mais uma dica importante. Tome notas. Se possível em um caderno real. O ato físico de escrever irá ajudá-lo a reter melhor as informações. Por último, mas não menos importante, divirta-se e aproveite sua experiência de aprendizagem. Estou super animado para compartilhar tudo com você. Então vamos começar. 2. Marcas de tempo Parte 1 de eventos de Facebook para a a venda: Nesta lição, vamos dar uma olhada nas tags acionadas pelo tempo e para que você pode usá-las. Mas vamos começar por porque é que precisarias deles? Por exemplo, se voltarmos para a nossa única página, você verá que, se rolarmos ou se clicarmos no link permaneceremos na mesma página. Ele não recarrega. Por causa disso , o Google Analytics, mesmo que carregado, não receberá um sinal de que estamos realmente fazendo algo na página. E assim que sairmos desta página, será considerado um salto. Além disso, o Google Analytics rastreia o tempo no site entre diferentes carregamentos de páginas e, como não temos carregamentos de páginas, você não terá nenhum tempo nos dados do site em seu site. Seremos capazes de mitigar isso com eventos temporais e vamos dar uma olhada nisso. Além disso, outra coisa para a qual podemos usar eventos de gatilho de tempo é se queremos fazer um remarketing melhor. Por exemplo, só queremos recomercializar pessoas que permaneceram em nosso site por mais tempo do que um determinado período. Eles não saltaram imediatamente , então eles são mais relevantes para nós. Também podemos acionar pop-ups após um certo período de tempo, ou podemos rastrear por quanto tempo alguém estava lendo nosso blog. Vamos dar uma olhada em dois exemplos diferentes. Um deles será acionar eventos personalizados do Facebook, que você pode usar para fazer remarketing. E o outro, como você pode acionar eventos de tempo no Google Analytics e ver há quanto tempo as pessoas assistem ao seu site. Então, para isso, temos que criar uma nova tag que basicamente acionará este evento de pixel do Facebook. Mas desta vez, vamos fazer isso um pouco diferente. E vamos configurar o gatilho primeiro. Basicamente, não importa se você configurar gatilhos, tags ou variáveis primeiro, como você já viu em lições anteriores. Você pode basicamente fazer isso é como você vai. Mas quero mostrar-vos primeiro como este gatilho funciona e depois vamos construir sobre isso. Então, para isso, precisamos criar um novo gatilho. Um gatilho que disparará depois de um certo tempo. gerenciador de tags do Google nos fornece diferentes gatilhos. E para isso, usaremos um gatilho de temporizador. Um gatilho de temporizador basicamente funciona assim que depois de um certo período de tempo, ele aciona um evento. E este é o nome do evento que será acionado. E podemos mudá-lo. E eu vou adicionar 30 como nós vamos estar disparando depois de 30 segundos. Então sabemos que este temporizador é diferente do resto. Então precisaremos configurar um intervalo quando ele for acionado. E como diz aqui, é em milissegundos. Então precisamos escrever 30.000 para isso, o que basicamente se traduz em 30 segundos. Podemos limitar o número de vezes que este evento é acionado. E uma vez que só queremos que isso desencadeie, uma vez que uma pessoa alcança esse marco, escrevemos aqui o número 1. A última coisa que precisamos fazer é configurar a condição na qual este gatilho realmente é executado. E vamos precisar selecionar algo aqui e precisamos criar um filtro. Se quiséssemos que ele fosse acionado em apenas um site específico ou quando uma variável específica é definida, então basicamente poderíamos fazê-lo. Queremos que ele seja executado em todas as páginas. Eu poderia basicamente adicionar nosso nome de host aqui, mas eu vou usar um pequeno truque e eu vou combiná-lo com REGEX. Se você não conhece expressões regulares, eu sugiro que você olhe para eles um pouco, pois é uma ferramenta realmente poderosa para correspondência de padrões. Nesse caso, um “.*” basicamente significa qualquer domínio. Portanto, este gatilho será executado não importa o que está no nome do host. Então vamos ver como esse gatilho é acionado em nosso site. Nós temos isso aqui. E mesmo que não haja marcas conectadas a esse gatilho, esse gatilho ainda será acionado em nosso site . Vamos atualizar o gerenciador de tags e fazer o mesmo em nossa loja de demonstração. E basicamente, após 30 segundos, você verá que o gatilho disparou. Os 30 segundos se passaram e, como podem ver, temos o novo gatilho disparando. Neste momento, uma vez que não há tags conectadas a ele nada aconteceu. Mas podemos ver que o próprio gatilho funciona agora. Se esperássemos mais 30 segundos, nada aconteceria porque limitamos a execução a apenas uma vez. Tudo bem. A próxima coisa que precisamos fazer é configurar uma tag, então vamos criar uma nova tag. Mas antes de continuarmos, temos que realmente chegar ao evento desencadeando código do Facebook. Vamos voltar ao nosso gerente de negócios do Facebook e continuaremos de onde paramos no nosso exemplo anterior . Então, vamos voltar para a guia de visão geral. E sob o menu suspenso “adicionar eventos”. Você verá “Adicionar do Pixel”. Então, isso basicamente permite que você adicione eventos personalizados, seja através de eventos do Facebook configurar ferramenta ou instalando-os usando seu próprio código. Já que estamos fazendo assim, vou te mostrar como se faz. Quando clicamos, veremos uma explicação detalhada de como você pode acionar eventos personalizados e também alguns eventos padrão com a ajuda de código. Eu não vou passar por tudo isso. Mas basicamente o que estamos vendo é esse trecho de código. Se formos sob os eventos personalizados, veremos um exemplo aqui. E eu vou copiar este código e vamos colá-lo no gerenciador de tags do Google. Lembre-se que esta é apenas a atualização da interface do Facebook. Então o código colado de agora em diante será um pouco diferente. Vamos voltar ao nosso gerenciador de tags. Agora temos que colar em algum lugar este código. E como aprendemos com as lições anteriores, podemos usar um HTML personalizado para isso. Então nós só colamos aqui. Uma vez que não queremos acionar o evento de conteúdo de exibição no Facebook. Mas temos um gatilho específico em mente, que basicamente dispara após 30 segundos. Podemos renomear isso para “visto por 30 segundos”. Isto é tudo o que precisamos fazer aqui. E podemos selecionar um gatilho que acabamos de criar antes de querermos que este teg dispare depois de 30 segundos. Então vamos apenas selecionar isso Vamos salvá-lo e testá-lo. Nós vamos, atualizar a página e, em seguida, vamos ter que esperar novamente por 30 segundos e vamos ver se o nosso evento foi disparado com sucesso. Quando você está testando eventos relacionados ao tempo, é melhor apenas diminuir o número de segundos para talvez como 5s para que eles sejam executados mais rápido e você não precisa esperar. Mas desde que o deixei aos 30 anos, vamos esperar até disparar. E isso foi acionado agora mesmo. E podemos ver que o evento personalizado do Facebook até 30 segundos foi disparado com sucesso. Nós também podemos verificar no ajudante de pixel do Facebook e vamos ver que temos dois eventos disparados, a exibição de página , que foi definido na lição anterior, e visualizado por 30 segundos evento, que foi apenas configurado. E se verificarmos em eventos de teste do Facebook, podemos ver que houve alguns eventos disparados. Agora você pode usar um público-alvo personalizado e fazer uma campanha de remarketing direcionada apenas às pessoas que visualizaram seu site por 30 segundos. Desta forma, você irá segmentar apenas as pessoas que pelo menos mostraram algum interesse em seu site. E você não vai segmentar todas aquelas pessoas que ficaram em seu site por, digamos, 5 segundos ou 2 segundos e nem tiveram tempo de ler. 3. Tags desencadeadas pelo tempo: Parte 2 Tempo no site com os Eventos do Google: A segunda coisa que quero mostrar é como você pode monitorar tempo gasto em um site com a ajuda do Google Analytics. Para isso, vamos criar uma nova tag primeiro. Usaremos a tag GA4 Events. Em seguida, precisamos preencher os detalhes do evento. Primeiro, vamos selecionar o Tag de configuração e nomear a hora do evento no site. Seria ótimo se pudéssemos ver quanto tempo uma pessoa ficou ao lado. Então, vamos também adicionar um parâmetro extra chamado tempo. Mas queremos que essa variável mude toda vez que um evento é acionado. Então, vamos verificar se temos alguma variável em nosso arsenal. Para conseguir isso. Podemos ver que não temos nada apropriado em nossas melhores variáveis. Então, teremos que criar uma nova variável. Vamos criar um. Agora Nas variáveis predefinidas, infelizmente não temos nenhuma variável que nos devolva o tempo decorrido Poderíamos usar um JavaScript personalizado para programá-lo para retornar a diferença entre o carregamento da página e agora. Mas há uma opção mais fácil e podemos descobrir mais tipos na galeria de modelos da comunidade. Eu já sei que há uma variável chamada tempo decorrido para Mas se você não sabe, você sempre pode pesquisar aqui na barra de pesquisa. Discutimos brevemente os modelos de comunidade na lição anterior. Mas, como você pode ver, existem tipos de scripts ou variáveis que ampliariam os recursos do Google Tag Manager. Este, especificamente, como diz na descrição, obtém o tempo decorrido desde que os scripts GTM começaram a Isso é basicamente exatamente o que precisamos. É por isso que, se você não encontrar nenhuma variável predefinida como Tags, sempre poderá consultar o repositório da comunidade Se você também não os encontrar aqui, precisará personalizar a programação em JavaScript. Tudo o que você terá que procurar em outro lugar. Ok, então vamos configurá-lo em nosso espaço de trabalho agora. Ele é automaticamente editado em nossa configuração variável e obtemos mais algumas configurações. Uma vez que esse tempo é retornado em milissegundos. Isso vai parecer bastante confuso em nosso Google Analytics Podemos simplesmente convertê-lo em segundos. Vamos nomear essa nova variável, tempo decorrido em segundos Tudo bem. Também temos que configurar um gatilho. Poderíamos usar um gatilho que já criamos, mas esse gatilho só dispara uma vez. Então, para esse propósito, vamos criar um novo gatilho. Também selecionaremos o gatilho de tempo, e vamos chamá-lo de tempo 20, porque vamos acioná-lo após 20 s e não vamos limitá-lo. Então, vamos selecionar o nome do host da página novamente e combiná-lo com o RegEx, conforme queríamos acionar em cada página Tudo bem, então está tudo dito e feito. Eles apenas salvam e testam. Agora, vamos esperar 20 s. Tudo bem. Agora, a tecnologia é acionada e vemos que nossos eventos personalizados a cada 20 s são acionados. Também podemos verificar se tudo funciona na visualização de depuração E você verá que nosso evento no Time on Site com o parâmetro contendo o segundo foi acionado com sucesso. Tudo bem, eu não vou deixar esses eventos serem acionados cada 20 s. Eu só queria demonstrar a você como você pode usar esse gatilho de uma maneira diferente Agora vou remover esses eventos personalizados a cada 20 s. Também removerei o gatilho. E você pode ver, eu ainda não publiquei a versão, eu posso simplesmente abandonar as mudanças aqui Então, isso está ajudando. Você pode usar um gatilho de tempo. Mais uma coisa a observar aqui é que, desta vez, o Trigger , continuamos acionando, independentemente de haver um foco em seu site ou Então, por exemplo, eu tive essa guia em execução em segundo plano. Ninguém estava realmente olhando a página. No entanto, o Trigger continuou sendo acionado, como você pode ver aqui na visualização de depuração Portanto, essa não é a ferramenta super eficaz para medir o tempo correto no local, mas é algo que pode fornecer algumas informações extras. Obviamente, existem algumas soluções alternativas que você pode fazer para que isso funcione melhor, como acionar o evento apenas se a guia Mas isso exigirá que você programe um pouco de scripts VBA para isso E não vamos fazer isso nesta lição 5. Rastreamento de distância de rolagem, parte 1: OK. Fazer rolagens é bom, mas, como você verá, há alguns problemas com isso. Por exemplo, se eu ler este artigo rapidamente, obviamente não li o artigo. Os eventos ainda estão sendo acionados. Essa não é a melhor maneira de medir se o visitante viu ou leu a página específica. Existe uma maneira de melhorar esse rastreamento? Bem, uma coisa que podemos fazer é voltar ao nosso gerenciador de tags do Google e não acionar esse evento apenas na distância de rolagem, mas também somente após um certo período de tempo. Isso terá um efeito melhor. Se alguém rolou muito rápido, os eventos não serão registrados Mas se eles realmente lerem a página, os eventos serão acionados quando necessário. Vamos voltar aos nossos gatilhos e abrir o gatilho de profundidade de rolagem Desta vez, queremos que ele seja acionado não apenas em páginas específicas, mas também depois de um certo tempo. Como podemos fazer isso? Podemos simplesmente fazer isso reutilizando uma de nossas variáveis criadas anteriormente, chamada de tempo de lapso Se, por exemplo, quisermos que esse gatilho seja acionado depois que uma pessoa passa pelo menos 30 segundos ou mais em nosso site, podemos basicamente verificar se essa variável é maior que 30 Agora vamos salvá-lo. Vamos tentar novamente. Se rolarmos agora, você verá que o evento de profundidade de rolagem ainda é acionado. Mas se verificarmos, veremos que nenhum tanque foi executado. Se avançarmos um pouco mais novamente, volte. O mesmo acontece agora, se verificarmos a seção da variável, veremos que o número de segundos decorridos ainda não é Mas se esperarmos um pouco mais, o cronômetro passar de 30, também poderemos acionar o evento de rolagem Agora, se continuarmos, o próximo evento de profundidade de rolagem deve acionar a tag. Ok, vamos dar uma olhada. Agora vemos que o tempo decorrido em segundos é maior que 30 e nosso evento GA, scroll track no Google Analytics foi acionado Também podemos verificar isso em nosso Google Analytics e veremos que o gatilho de 75% foi acionado com sucesso. Se rolarmos mais para baixo na página, os 90% também serão registrados. Essa é uma maneira muito melhor e mais eficaz de rastrear a distância de rolagem com a ajuda dos cronômetros e fornecerá dados mais relevantes sobre quais pessoas estão realmente lendo seus artigos e quais não Você deve ter em mente que esse tipo de gatilho é acionado apenas Quando eu volto para cima na página, eles não serão acionados. Novamente, tenha isso em mente ao definir a duração desse cronômetro. Se você definir um valor muito baixo , talvez não tenha o efeito desejado. O mesmo acontece se você definir um valor muito alto, o visitante poderá ler a maior parte da sua página antes que qualquer um dos seus eventos seja acionado. Ok, antes de terminarmos isso, podemos verificar se nosso filtro para rastreamento também está funcionando em alguns outros lados. Como a limitamos à página do blog somente se eu for à página da nossa loja, a tag não deve ser disparada Vamos testar isso. Aguarde 30 segundos. Verificaremos novamente em pouco tempo. Tudo bem, os 30 segundos passaram. Vemos isso porque nosso cronômetro foi acionado. Se rolarmos um pouco mais para baixo na página e verificarmos a profundidade da rolagem, veremos agora que nenhuma das tags foi disparada. Também há uma maneira interessante de depurar essas tags e ver por que elas foram ou não disparadas Se clicarmos em nossa etiqueta de rolagem GA, veremos uma Cruz Vermelha aqui, o que significa que ela não foi disparada. Você pode clicar em qualquer tag e obter mais detalhes sobre o disparo dessa tag Você pode ver que, em Firing triggers, a profundidade de rolagem no blog não disparou. Por que não disparou? Porque o URL da página não contém blog, mesmo que o tempo decorrido em segundos tenha sido maior que Se verificarmos o evento anterior, veremos que aqui essas duas restrições não foram atendidas O tempo no local foi inferior a 30. Não estávamos no nosso blog. Essa é uma ótima maneira de verificar as etiquetas se não tiver certeza do motivo pelo qual elas não estão disparando ou se estão disparando e não deveriam estar 6. Rastreamento de cliques Parte 1: Agora vamos dar uma olhada em como podemos rastrear diferentes tipos de cliques em seu site De porcos e botões a cliques em externos e até links internos, como downloads finos, cliques em formulários e assim cliques em formulários Então, por que você ainda quer rastrear todo esse tipo de cliques Bem, o motivo mais comum é entender melhor o comportamento do usuário. Como você pode imaginar, todos os usuários do seu site. O que eles fazem é clicar em links diferentes, subpáginas diferentes, botões, chamadas para ações, formulários e assim por diante Então, o que você quer saber é uma visão geral do que está acontecendo. Por exemplo, se uma subpágina específica ou um botão específico tiver sido clicado, é claro que você pode estar interessado em uma página específica cujos links são clicados com E se você tiver alguns links externos, como seus parceiros, por exemplo, ou suas redes sociais, gostaria de saber quais deles são os mais populares ou os mais úteis para seus visitantes Obviamente, se você está fazendo algum tipo de promoção de afiliados e direciona tráfego para outras páginas , também convém medi-las Há alguns desses casos que você pode cobrir rastreando todas essas interações. A primeira coisa que você realmente deve ter é um plano sólido. O que e por que você deseja rastrear cliques específicos. Se você vai rastrear tudo de uma vez , provavelmente estará perdido em todos os dados coletados. No final. Você provavelmente nem iria mais olhar para ele. Então, isso seria um desperdício total de seus dados de rastreamento. A primeira coisa que precisamos fazer é configurar um Click Trigger para que possamos conferi-lo em nosso site, ver como ele se comporta e o que podemos extrair Portanto, temos que acionar opções, todos os elementos e apenas links. A diferença entre eles é que eles apenas verificam o Links. Se um link foi clicado. leva você a uma página diferente, subpágina ou se for um link externo para outro E todos os elementos serão acionados com cliques em qualquer elemento ou em qualquer parte do seu site Não importa se é um link ou qualquer outra coisa. E verificaremos em grande quantidade os dois. Mas vamos começar com apenas Links por enquanto. Porque é um pouco mais fácil. Depois de criarmos esses gatilhos, temos algumas opções. A primeira é esperar por Tags. Se você marcar isso, você terá mais algumas opções para definir. E o que isso faz é basicamente esperar por qualquer texto que possa ser disparado por causa desse gatilho Se você pode imaginar, imediatamente ao clicar em um link, seu navegador desejará enviá-lo para outra página. E se esse link não abrir em uma guia separada , o Tag que está vinculado a esse gatilho pode não disparar completamente ou disparar. Portanto, nesse caso, você realmente gostaria de esperar um pouco mais para esperar um pouco mais para garantir que o imposto total conectado a esse Trigger tenha sido acionado e concluído suas tarefas com sucesso . Por padrão. Há um atraso de dois segundos, mas você pode alterá-lo se quiser A outra é a validação de cheques. E o que isso basicamente faz são verificações. Os cliques em links realmente farão o que a ação pretendida é Às vezes, você pode ter um JavaScript bloqueando a execução do redirecionamento do link ou execução do envio de fóruns ou algo parecido Basicamente, isso garantirá que o link seja clicado Que ele realmente executará a ação necessária e não apenas interrompido por um script ou outra coisa. Eu só vou deixar isso sem controle por enquanto. Se você selecionou esperar por tags , basicamente receberá uma notificação avisando. Ele deve ser executado apenas em páginas específicas. Porque toda vez que você clicar em um link, o Google Tag Manager o pausará por esse período Portanto, sua página pode realmente parecer lenta. E com esses filtros, você pode definir onde esses Triggers devem ser acionados. Para nossos propósitos de teste. Vou desativá-lo por enquanto. E vou deixar isso para todos os cliques. Eles apenas dão um nome e salvam o Tag. Como fizemos com o gatilho temporal. Também queremos definir algumas variáveis de construção para obter dados extras sobre os cliques que serão acionados Então, vamos examinar as variáveis integradas e ver o que temos disponível Na seção de cliques. Você pode ver que temos várias variáveis predefinidas disponíveis no elemento de clique, Classes de clique, ID de clique, destino, URL e texto Por enquanto, vamos verificar todos eles. Mais tarde. Se você ver o Trudeau como novo em algumas dessas variáveis, você pode desativá-las a qualquer momento. Tudo bem, vamos testar isso em nosso site. Como você pode ver, se eu clicar aleatoriamente na página, nada acontece Mas se eu clicar em, digamos, em um bloco, você verá os cliques de um link sendo acionados E se clicarmos nele para obter mais detalhes, veremos que nenhum dos textos foi disparado porque não definimos nenhum. Mas se analisarmos as variáveis, veremos que todas essas variáveis extras que habilitamos foram preenchidas, Click Elements, clique em ID, target e assim por diante Então, essas são todas as variáveis que podemos usar quando trabalhamos com esses Links. Vamos voltar ao Google Tag Manager. Agora, se quisermos nos concentrar em apenas um link externo , precisamos modificar nosso gatilho para acionar apenas quando um link externo foi Podemos fazer isso filtrando apenas alguns cliques no link, não todos eles E então temos que selecionar uma variável que basicamente definirá isso. Poderíamos usar nosso URL de clique para verificar se ele não contém nosso domínio. Mas o Google Tag Manager realmente nos deu uma maneira melhor de fazer isso. Temos uma variável especial para isso e podemos criá-la, especialmente para esse propósito. Então, o que precisamos é basicamente de uma variável de evento ao ar livre. Essa é uma variável muito poderosa. Isso fornecerá alguns dados extras. Nós o usaremos para detectar se URL de um elemento é realmente um URL de entrada ou saída, basta selecioná-lo de saída e, aqui, todos os O que precisamos inserir aqui agora são subdomínios do nosso domínio principal que desejamos agrupar e considerar como o mesmo Se, por exemplo, escrevermos esse domínio que usamos, isso nos permitirá considerar todos os links que não somos provenientes desse domínio e subdomínio Então, se você quiser adicionar um subdomínio nítido , esses dois domínios serão considerados iguais Não precisamos fazer isso para todos os subdomínios. Se não quisermos, podemos simplesmente enviar nosso domínio principal. E, basicamente, ele verificará se essa parte está em algum lugar nos domínios Então, estamos quase terminando. E essa variável fictícia na verdade, retornará verdadeira se o elemento clicado for Saída ou falsa se for de entrada Agora, vamos dar um nome e testar as coisas. Ok? Vamos verificar se é igual a verdadeiro. E se for, então vamos acioná-lo. E vamos apenas renomear esses cliques de todos os links para links externos Agora vamos salvá-lo e criar uma tag. Se quisermos registrar todos esses cliques no Google Analytics, basicamente selecionamos o Google Analytics que acionará um evento Selecionamos o Tag de configuração e nomeamos o evento como quisermos, e o chamamos de Outbound click Neste ponto, gostaria de mencionar o GA4 pode rastrear cliques de saída automaticamente Se você configurar a medição aprimorada no GA4. Estou apenas mostrando esse exemplo, mas você pode aplicar esse conhecimento a outros casos que possa achar úteis. Ok, vamos continuar. Depois de nomear o evento, podemos definir alguns parâmetros extras. Eles são opcionais e, se você não precisar deles, não precisará configurá-los. Tudo. Acabei de dizer o link de saída para que possamos ver para onde eles foram redirecionados para nomear esses parâmetros de URL e selecionar a variável apropriada Agora, vamos selecionar o gatilho que criamos. Então, clique em Outbound Links, vou nomeá-lo. E agora podemos testá-lo clicando no link da nossa loja. E esse é um link interno. Você verá que nenhum dos textos que ele enviou. Mas se clicarmos no Google, que é um link não vinculado, podemos ver a tag de cliques de desagregação do GA tag de cliques de desagregação Então, se clicarmos nele, veremos que este é um link externo E se clicarmos no anterior, verificaremos e veremos que isso não é verdade. Agora, vamos fechar todas essas guias porque não precisamos delas. E também podemos verificar no Google Analytics. Se você simplesmente acessar os eventos em tempo real. E veremos que nosso link de saída foi acionado 7. Rastreamento de cliques Parte 2 Buttons e outros elementos: Tudo bem, então vamos dar uma olhada agora como podemos rastrear alguns outros botões, como adicionar ao carrinho ou clicar na imagem na minha configuração Esse é um link extra. O botão Clicar neste botão aciona esses eventos de link, mesmo que não acione o Tag Mas se verificarmos a página do carrinho, temos alguns botões com JavaScript vinculado a eles. Primeiro exemplo, esse botão de aplicação de cupom. Se eu clicar nele, basicamente diz que insira um código de cupom. E não registramos um clique porque não há nenhum link vinculado a ele. Então, vamos dar uma olhada em como podemos contratar esse tipo de botão com cliques em qualquer lugar do seu site com o Google Tag Manager Anteriormente, selecionamos apenas os tipos de eventos de link. Agora, vamos adicionar o novo gatilho, que integra esse Trigger com gatilho toda vez que clicamos em qualquer lugar do seu site. Então, vamos apenas testá-lo. Como você pode ver. Quando eu clico no site em qualquer lugar, o evento de clique é acionado Se eu clicar no formulário ou nos cartões, onde quer que eu clique, esse evento é acionado. Se quisermos filtrar para registrar apenas cliques em botões específicos, o que precisamos fazer é definir alguns filtros Então, vamos dar uma olhada agora como podemos fazer isso. Primeiro. O que podemos fazer é clicar no próprio botão. Em seguida, podemos verificar quais variáveis foram definidas. Com esses cliques. Podemos ver que temos uma variável de classe de clique definida e ela está definida como botão. Também vemos que o Click Elements é um elemento de botão HTML. Não temos nenhuma ideia ou meta definida. Também temos um clique em Texto definido para aplicar o cupom. Se quisermos apenas arrastar esse botão específico, podemos basicamente definir um filtro para que esse gatilho seja acionado apenas quando clicar em Texto é igual a aplicar cupom. Então, vamos copiá-lo e configurá-lo. Portanto, precisamos do nosso texto de clique para igualar o cupom de aplicação. Vamos salvá-lo. E antes que possamos vê-lo em ação, também precisamos amarrar uma etiqueta nele. Então, vamos fazer isso agora rapidamente. Vou criar um novo GA4 Events e nomeá-lo como cupom Não vamos definir nenhum outro parâmetro porque atualmente não precisamos deles, que vai definir o Tag de configuração e selecionar nosso Trigger. Agora vamos salvá-lo. E se voltarmos e clicarmos em qualquer lugar da página, o evento de clique ainda será registrado, mas esse baralho não será acionado. Ok? Agora, o que acontece se clicarmos no botão de aplicar cupom? Então, como você pode ver, nossa etiqueta disparou como deveria. Novamente, podemos verificar por que isso está acontecendo e veremos o clique em qualquer lugar que a condição de disparo tenha sido satisfeita No clique anterior, clique em Texto não era igual a aplicar cupom. Por causa disso, está em chamas. Geralmente, você gostaria de rastrear todos os botões que foram clicados É por isso que é importante usar variáveis. E aqui você pode ver que esse é um botão de classe. Então, vamos voltar à nossa loja e ver se todos os botões têm esse conjunto de classes. Então, vamos clicar em Adicionar ao carrinho. Agora, vamos dar uma olhada. E, como você pode ver, esse botão tem várias classes definidas. Um é o botão, o outro é o tipo de produto, simples botão Adicionar ao carrinho e assim por diante. Portanto, agora podemos mudar nosso gatilho para acionar apenas nos botões, porque sabemos qual classe usar. Então, vamos voltar aos gatilhos e selecionar clicar em qualquer lugar. E vamos primeiro renomeá-lo para clicar nos botões. Agora, vamos voltar rapidamente e temos que garantir que a classe de clique contenha o botão. Então, selecionaremos a classe de clique. E não vamos deixar isso como igual, porque isso significaria que todo o nome da classe tem que ser igual a Buttons E, como vimos em alguns botões, temos algumas classes extras. Se quisermos, também direcionar os botões de dose, temos que selecionar o conteúdo. E então escreveremos o botão. Vamos salvá-lo. Vamos atualizar nossa página. E vamos clicar em Adicionar ao carrinho. Vamos verificar se esse clique. E veremos que a tecnologia acionada como classe de clique contém o padrão de nome. Se formos até a página do carrinho e clicarmos em Aplicar, cupom verá o mesmo evento ser acionado. E se verificarmos isso no Google Analytics, veremos esse evento se aplicar. O cupom foi disparado. O que, claro, não é bom. Agora estamos acionando o botão em todos os botões. Então, vamos mudar rapidamente nossa tag também. Se voltarmos à nossa tag e selecionarmos Eventos, clique em aplicar cupom e mude agora para Botões. Em seguida, mudaremos o nome para clique no botão. Também podemos definir eventos extras para clicar em ID. Então, se tivermos botões diferentes com o mesmo texto, podemos diferenciá-los. Vamos agora salvar esse baralho. Teste isso. Agora, clicaremos em aplicar cupom. E vamos também à loja. E também clicaremos no botão Adicionar ao carrinho. Agora, vamos verificar no Google Analytics se tudo disparou corretamente. E devemos ver os dois botões clicarem em eventos, tirarem fogo. Obviamente, você também pode verificar tudo isso com o Google Tag Assistant , se quiser. Então, é assim que você pode rastrear todos os botões e links do seu site. Você simplesmente precisa decidir quais são realmente importantes para você rastrear 8. Cookies de leitura e escrever cookies de primeiro partido: Nas lições anteriores, verificamos como você pode acompanhar o que seus visitantes estão fazendo em seu site? Vamos falar um pouco sobre como você pode manter essas informações durante toda a sessão ou entre páginas diferentes ou talvez períodos mais longos, como dias ou semanas. Para isso, precisamos de algum tipo de recipiente de armazenamento onde possamos armazenar alguns dados e recuperá-los mais tarde. . Os navegadores já possuem esse mecanismo e é chamado de cookies. Então vamos falar um pouco sobre por que você gostaria de armazenar esses dados. Quais dados você deseja armazenar e como definir e ler os cookies do gerenciador de tags do Google . Vamos discutir primeiro por que você realmente usaria cookies. Por exemplo, se você deseja fazer uma ação ou se deseja disparar uma tag depois que seu visitante visitou seu site cinco vezes, ou se ele visualizou um formulário específico três vezes ou se clicou em alguns produtos para que você possa agir quando eles atingirem um determinado limiar. E é aqui que os biscoitos são muito úteis. Você pode armazenar esse tipo de informação em cookies. Além disso, se você tiver um formulário de registro, você pode armazenar preventivamente algumas informações que esse usuário tenha registrado anteriormente ou foi registrado em seu site. E talvez você possa mostrar-lhes outros dados em seu site. Além disso, se você estiver executando um programa de afiliados e não estiver usando nenhuma das plataformas existentes, você pode simplesmente armazenar o ID de afiliados de quem seu potencial cliente realmente veio você possa atribuir-lhes as conversões se acontece. Vamos dar uma olhada em como usar cookies em um cenário específico onde você deseja lembrar de onde o tráfego inicial veio para o seu site. Então, para isso, vamos usar um parâmetro de referência e vamos dar uma olhada. Qual página envia você para o tráfego para que você possa usar essas informações mais tarde na análise? Por padrão o Google Analytics já armazena essas informações. Mas se você estiver usando subdomínios diferentes ou se estiver direcionando tráfego para um provedor de pagamento externo , ele pode se perder. Armazená-lo no cookie assegurará que na página de agradecimento ou quando a conversão realmente ocorrer, você terá essa informação em. Você poderá armazená-lo no Google Analytics. Mais uma coisa a observar é que os cookies dependem do navegador. Assim, eles só serão armazenados no navegador atual. Venha para o seu site com navegadores diferentes, então esses cookies não serão transferidos. Além disso, se eles visitarem no modo privado ou a partir de um dispositivo diferente, como o celular e, em seguida, o PC deles, você não poderá ler esses cookies. Agora vamos direto ao assunto. Eu preparei uma página de testes, onde basicamente temos apenas o link que nos redireciona para a nossa loja de cursos de teste GTM. E você pode ver o domínio aqui em cima. E se eu clicar nele. Nossa loja carrega e podemos verificar os eventos de visualização de página sob variáveis. Que o referrer era este domínio. E isso é exatamente o que queremos armazenar nos cookies. Depois de navegar no Web site. Se eu agora ir para o blog. Uma referência para uma página de blog será a página anterior, então o gtm.outtale.com padrão Então vamos dar uma olhada nas variáveis. E você vê, a página anterior é um referrer. O que queremos fazer é lembrar o primeiro referenciador e salvá-lo no cookie. E vamos dar uma olhada em como podemos fazer isso. A primeira coisa que precisamos é de algum tipo de forma de ler e escrever esses cookies. Para ler cookies. Você pode basicamente usar uma variável definida pelo usuário e você pode simplesmente recuperar o valor de um cookie nesta variável. Mas para escrever, eles não há mecanismo atualmente no Gerenciador de tags do Google. Então, para isso vai para modelos e vamos adicionar um novo modelo de tag. E nós vamos apenas procurar e o primeiro que você vê é um criador de cookies. Então eu acabei de adicionar ao nosso espaço de trabalho. Por enquanto, vamos concordar. E temos esse modelo de tag criado. Temos que configurar algumas permissões neste modelo, bem assim vá sob a etapa de permissão aqui, você verá toda a permissão. Este modelo tem para que ele possa fazer login no console e você pode alterá-lo ou ele pode definir o valor do cookie. desta seção precisamos definir todos os cookies que queremos usar. Vamos apenas mudar isso para o que será armazenado dentro de “original_referrer”. Eu vou salvá-lo. E agora podemos realmente fazer algum trabalho. Então o processo de trabalho vai ser assim. Primeiro, precisamos verificar se o cookie já está definido. Se for, então já temos essa indicação original e não devemos defini-la novamente. Se não estiver definido , então temos que obter o valor da referência e armazená-lo no cookie. Para isso, vamos criar uma nova tag. E temos que verificar em todas as páginas. Mas isso não nos dará a informação extra que precisamos , então temos que criar um novo gatilho para isso. E criaremos um novo gatilho de exibição de página como queríamos executar em todas as páginas mas com uma exceção, somente se esse cookie ainda não tiver sido definido. Então temos que verificar uma variável que contém o nosso valor de cookie e verificar se ele está definido ou não. Ainda não temos esse valor porque não o criamos. Então vamos criar nova variável para ler cookies. Como eu mencionei, temos um tipo de variável já definido. E aqui está, biscoitos da primeira festa. Então podemos apenas selecioná-lo, definir um nome de cookie. E agora temos que ter certeza de que essa variável não foi definida antes. Infelizmente, o gerenciador de tags do Google não nos dá nenhuma maneira de verificar se uma variável foi definida ou não. Então vamos apenas verificar se é igual a “indefinido”. Vamos citar, o gatilho. OK. Esta etiqueta vai disparar em todas as páginas. Se o cookie ainda não foi definido. Então, se esse for o caso, então precisamos configurar esse cookie e podemos fazer isso selecionando nosso criador de cookies de modelo recém-criado . Nomeie e defina um valor de cookie para isso. Vamos apenas usar o referrer variável. E agora precisamos selecionar o modo de expiração. Isso basicamente define quando o cookie irá expirar. Portanto, por padrão, a sessão é selecionada e a sessão é vinculada somente à sessão do navegador se o navegador fechar. Este cookie será perdido se quisermos lembrar disso por mais tempo. Vamos apenas configurá-lo para 30 dias. Basicamente terminamos. Agora, podemos testar se isto funciona. Vamos voltar à nossa página de referência e clicar no link. Quando nossa página é carregada, podemos verificar o evento de exibição de página acionado e veremos que nosso criador de cookies foi acionado com sucesso se clicarmos nele. Veremos que todas as restrições foram cumpridas. O referenciador de cookies não foi definido antes e que tudo funciona. Agora, como você verifica se o cookie foi definido com sucesso? Existem alguns plugins cromados que você pode usar para isso, ou você pode usar uma ferramenta de desenvolvedor nativa do seu navegador. Se você estiver usando o Firefox ou o Chrome, você pode simplesmente ativar pressionando “F12". O que nos interessa é a parte da aplicação. E no aplicativo, você verá que, sob armazenamento temos cookies. E se selecionarmos o nosso domínio, obteremos todos os cookies que foram definidos neste domínio. Então vamos procurar o nosso cookie. E à medida que clicamos nele, vemos que o valor foi definido corretamente para este domínio. Agora, também podemos verificar nossas variáveis para ver se nosso primeiro cookie foi lido com sucesso. E como vemos a variável referrer cookie que definimos também lê o mesmo valor. Mas, esse valor não está formatado bem. Então vamos corrigir isso primeiro e, em seguida, vamos atualizar a página e ver se o cookie é redefinido ou se nós apenas obter o valor anterior. Então, para corrigir isso, podemos ir sob as variáveis e sob nossa variável de referência de cookie e podemos habilitar o cookie de decodificação URI. Basicamente, isso substitui todos esses caracteres codificados com os normais. E você verá a URL do crrect. . Vamos apenas salvá-lo. E refresque-o. E vamos clicar em, por exemplo, em nosso blog. Agora, se tudo funcionar corretamente, não deveríamos ver mais a etiqueta disparando. E já no resumo, não o vemos. Mas só para ter certeza de que podemos clicar na visualização da página, e é verdade, este criador de cookies não foi demitido. Podemos clicar sobre ele e vamos ver que, claro, variável referrer cookie já foi definido. Não é mais indefinido. E é por isso que este gatilho não disparou. Se vamos sob variáveis e encontrar esta variável , então também podemos ver que a URL parece muito mais agradável. É basicamente isso. Temos esse valor armazenado e vai ficar no biscoito por 30 dias. E você pode fazer com essa variável agora o que quiser. 9. Simplificando links UTM com a ajuda das tabelas de pesquisa: Nesta lição, eu quero apresentar a vocês olhem para cima tabelas. Então, uma tabela de pesquisa é basicamente uma matriz que contém índices e valores e atribui um valor de saída com base na entrada. Deixa-me mostrar-te rapidamente como isto parece. Eu vou abrir rapidamente em uma mesa de pesquisa só para que você possa ter uma idéia melhor sobre isso. OK. Então, como você vê, temos uma variável de entrada e com base no tipo da variável de entrada. Por exemplo, 1, 2, 3 ou 4 definimos um valor de saída. Por exemplo, um em palavra, dois, três e quatro. Então o que essa tabela de pesquisa basicamente faria é traduzir números em palavras. Por que precisaria de tabelas de pesquisa? Você pode usá-los, por exemplo, se você estiver executando o mesmo contêiner em várias contas e tiver um código do Google Analytics diferente. Dessa forma, você pode vincular um domínio a uma conta do Google Analytics e o segundo domínio a outro e assim por diante. O mesmo vale para, por exemplo, o ID de anúncios do Google e talvez o pixel do Facebook e assim por diante. Então este é um caso. Outro poderia ser que você tem, por exemplo, ID de afiliado e, em seguida, você pode atribuir cada ID a um nome de afiliado e armazená-lo talvez Google Analytics ou em algum lugar. Então, quando você olha para os relatórios, você imediatamente sabe de qual afiliado você está recebendo o tráfego . Não que você só veja números. Ou em nosso exemplo, como vou mostrar, vamos basicamente criar parâmetros UTM a partir de fragmentos de hash na URL. Digamos que você tenha parâmetros UTM para uma campanha específica e esteja dirigindo o tráfego de um boletim informativo por e-mail para sua loja e esteja fazendo uma venda de chapéus. Por exemplo, no boletim informativo e geralmente o que você faria, você adicionaria todos esses parâmetros UTM na URL. Mas isso parece longo. Muitas vezes você pode cometer erros quando as pessoas os copiam, reutilizam. Se você não é proficiente o suficiente em escrever isso diretamente, você tem que usar algumas outras ferramentas. Você pode usar uma versão mais limpa e simples, que também esconde todos esses parâmetros. E meio que se parece com isso. Então, em vez de todos esses parâmetros, você pode usar esse fragmento de hash e apenas criar esses parâmetros UTM no Google Analytics com base neles. E isso é exatamente o que eu vou te mostrar como fazer. As primeiras coisas primeiro. O que são esses fragmentos? Esses fragmentos são geralmente links âncora no site da Web. Então, se você clicar em um link específico e ele apenas leva você a algum lugar na mesma página. Isso geralmente é conseguido com essas âncoras. E como o Google Analytics não os rastreia, eles são a ferramenta perfeita para substituir parâmetros UTM. Eu sugiro que você deve ter um plano separado, pelo menos para eles assim você não vai misturar todas essas campanhas. Há uma desvantagem para usá-los. Se você tiver muitas páginas únicas que usam ragments de hash tag para links ou para a navegação em toda a página e estiver enviando sua campanha para essa seção específica, não será possível usar dois fragmentos de hash tag diferentes . Você só pode usar um de cada vez. Então, nesse caso, você provavelmente não vai querer usar esse método. Mas como o propósito de todo esse experimento é mostrar como funcionam as tabelas de pesquisa, vamos começar e veremos. OK. Então a primeira coisa que precisamos fazer é obter esse valor da URL e temos que armazená-lo em nossas variáveis definidas pelo usuário. E como podemos fazer isso é bem simples. Criamos uma nova variável e selecionamos a URL porque esta é a parte da URL e, em seguida basta selecionar qual parte da URL queremos salvar em nossa variável. E estamos apenas selecionando a parte do fragmento. Vamos nomear a variável. Em seguida, precisamos criar uma tabela de pesquisa, então vamos voltar para nossas variáveis e vamos selecionar uma tabela de pesquisa antes de fazer isso. Quero salientar que existem na verdade duas variantes desta tabela, e a que vamos usar é a tabela de pesquisa. Mas há também uma tabela RegEx que funciona realmente de forma semelhante. Mas em vez de índices, ele usa padrões. E explicarei como funciona depois de terminarmos isto. Mas para este propósito, vamos apenas usar uma tabela de pesquisa. A primeira coisa que precisamos selecionar é nossa variável de fragmento de URL recém-criada, que retornará apenas a parte do fragmento de URL. Quando planejamos nossas campanhas, você deve decidir quais valores ou quais padrões devem ser. Eu gosto de usar um “C_1" como um sublinhado de campanha e, em seguida, o número da campanha. Esta tabela de pesquisa específica retornará apenas uma parte de toda a série UTM. Como você pode ver nos parâmetros UTM, temos fonte, temos meio, e temos parâmetros de campanha. E a primeira coisa que vamos fazer, vamos apenas configurá-lo para uma campanha. Se quisermos configurá-lo para médias e fontes, também, então teremos que criar mais duas tabelas de pesquisa, que funcionará em apenas um segundo. Então isso vai estar relacionado com a seção de campanha. E para “C_1" vamos selecionar a venda de chapéu. E então, é claro, podemos ter outra campanha. “ C_2", que escolherá como uma venda de primavera. Então, basicamente, para cada campanha que você fizer, você terá que adicionar uma nova linha. Você terá que atribuir um valor a ele e, em seguida, atribuir o parâmetro UTM que corresponderia a isso. Agora precisamos criar mais duas tabelas de pesquisa. E para isso, eu vou apenas usar o GTM copiar e colar e eu vou duplicar esta variável duas vezes e então eu vou apenas basicamente atualizá-los e renomeá-los. Tudo bem. E vamos adicionar outro. Agora, vamos modificar essas tabelas. Então o segundo será médio. E vai torná-lo um e-mail. E para a fonte, eles podem ser boletim informativo. Tudo bem. Então nós temos nossas duas campanhas configuradas e podemos salvar essas variáveis. Agora, toda vez que você quiser adicionar uma nova campanha UTM, basicamente adicione uma linha na seção de mídia e origem da campanha . Depois de fazer isso podemos agora apenas verificar as variáveis de valor no site. E então podemos criar uma tag que os acionará no Google Analytics. Então, vamos refrescá-lo. Vamos em frente e refrescar este. Se selecionarmos agora a visualização da página e ir sob variáveis, veremos se essas três variáveis foram preenchidas corretamente. OK. Então aqui estão eles. Se escrevermos uma campanha diferente veremos que esses parâmetros serão preenchidos pela pelaoutra campanha. Então venda de primavera. Ok, então vamos colocar todas essas variáveis em nossa análise do Google. Vamos fazer isso agora. Para isso funcionar, não precisamos criar uma nova tag só precisamos modificar uma configuração analítica existente do Google. Basicamente, o Google Analytics nos permite enviar alguns dados extras com cada hit ou visualização de página. E se estamos usando as configurações do Google Analytics, então você pode simplesmente enviar esses dados que todos esses eventos. Você vai abaixo das configurações do Google Analytics, clica em mais configurações e tem um monte de coisas que você pode definir aqui. E vamos nos concentrar agora nesses parâmetros UTM. Então vamos definir os campos. Adicionaremos um novo campo e escolheremos a origem da campanha. E para o valor, vamos apenas adicionar nossa tabela de pesquisa, com parâmetro de origem UTM. Vamos fazer isso para os três. Certo, então vamos ver como isso funciona. Agora podemos simplesmente verificar clicando no Google Analytics, visualização de página, e veremos que alguns parâmetros extras foram enviados com nossas configurações do Google Analytics. Também podemos verificar isso com o nosso assistente de tags do Google e clicamos no Google Analytics. E sob dados de campanha, veremos que os dados de compain foram preenchidos. Também podemos verificar isso no Google Analytics, pois vemos que esses parâmetros UTM foram enviados com sucesso aqui também. Se clicarmos no e-mail, veremos. É a campanha “Venda da Primavera”. E se mudarmos para o primeiro. Um parâmetro UTM diferente deve ser enviado. Vamos verificar rapidamente. E diz “venda de chapéus” e podemos verificá-lo em análise também. Esta é uma das maneiras que você pode usar tabelas de pesquisa. Eu só quero mostrar rapidamente as mesas RegEx tão bem quanto eu prometi a você. E você verá que não há muita diferença adiantada. Você terá a mesma interface. Você pode simplesmente adicionar linhas, como você fez antes. A diferença é que aqui você insere o padrão RegEx em vez de um valor de índice. Basicamente significa que você não vai traduzir um valor específico em uma saída específica. . Mas você vai combinar um padrão e tudo que vai coincidir com esse padrão RegEx irá traduzir para a mesma saída. E isso é basicamente para pesquisar tabelas. 10. Trigger de visibilidade: Na seção anterior, sob distância de rolagem, lição de rastreamento, falamos um pouco sobre falhas desse método. Nesta lição, vamos falar sobre o gatilho de visibilidade e como você pode rastrear com mais precisão quando a pessoa rola para um elemento específico em seu site. Então vamos primeiro olhar para alguns dos exemplos em que isso seria útil. Se você tiver uma página longa e quiser ver quantas pessoas realmente viram uma seção específica. Por exemplo, vamos para a nossa postagem no blog e vamos rolar um pouco mais abaixo na página. Você pode ver que temos uma espécie de produto em destaque aqui, e temos outro um pouco mais baixo na página. Também temos um formulário de resposta ao vivo, mas também poderíamos ter um formulário de inscrição e qualquer outro tipo de seções que gostaríamos de ver com que frequência eles são vistos. Há também alguns outros casos em que alguns elementos são mostrados dinamicamente no site. Como quando você envia um formulário e você não é redirecionado para uma página de agradecimento, mas em vez disso você apenas recebe um pop-up de confirmação. Ou, por exemplo, na página da finalização da compra, você deixa um cupom e pode haver um problema com ele ou se ele for bem-sucedido e aparecer. Todas essas coisas que podem basicamente rastrear com gatilho de visibilidade. Então vamos voltar e ver como funciona. Vamos usar gatilhos e criar um novo gatilho. Vemos isso em “envolvimento do usuário”. E se selecionarmos, obtemos todas essas opções. Vamos analisar lentamente o que você pode realmente fazer com este gatilho de visibilidade . Como ele tipo de esconde duas funcionalidades diferentes em um pacote. Vamos começar primeiro com o método de seleção aqui. Nós temos realmente duas opções um é ID e um é CSS seletor. O segundo está vinculado à seleção. Se selecionarmos um ID, então ele vai dizer ID elemento aqui. Se selecionarmos o seletor vai escrever seletor de elemento. Certo. Então a outra parte é quando disparar este gatilho. Você pode acioná-lo apenas uma vez por página, uma vez por elemento ou cada vez que um elemento aparece na tela. Se selecionarmos uma vez por página, esse gatilho será acionado apenas uma vez em uma página específica. Se selecionarmos uns por elemento e tivermos vários elementos que podem desencadear este gatilho, então ele vai fazê-lo uma vez para cada elemento. E se selecionarmos cada vez que um elemento aparece na tela, isso basicamente significa que não importa quantas vezes passamos este elemento, então este gatilho será disparado toda vez. A próxima coisa é qual é a quantidade mínima deste elemento que deve ser visível em nossa tela antes de acionar este evento? Deixa-me mostrar-te o que quero dizer com isso. Então, se eu voltar para o blog e se eu rolar para esta seção de produtos de recurso agora, é basicamente quase 100% visível. Se eu rolasse para cima e mostrasse parcialmente. E isso seria, eu não sei, cerca de 10% ou isso é mais de 50%. Então podemos especificar se alguém rola apenas como um terço do elemento visível, que não acionamos este gatilho . Assim, podemos definir aqui quanto do elemento que queríamos ser visível. Tenha em mente que, se o elemento for realmente pequeno isso irá acionar imediatamente. E também, se for muito grande, então ele pode não caber na janela de exibição e esse gatilho pode não ser disparado. A segunda coisa é definido mínimo na duração da tela. Esta é uma espécie de solução alternativa que precisamos para a rolagem onde acionamos o evento scroll. Somente depois que a pessoa passou 30 segundos no site. Aqui, podemos definir quantidade em milissegundos, por exemplo, se queremos que o elemento seja visível por dois segundos em nossa viewport. E isso nos permitirá acionar esse evento somente quando uma pessoa olha para esta seção específica por mais de dois segundos. Se percorrerem rapidamente, este gatilho não será disparado. A última caixa de seleção, que é “observada em alterações”, é basicamente a funcionalidade deste gatilho que permite acioná-lo quando um elemento aparece no site. Como vimos no exemplo de checkout. Vamos criar este gatilho para que como eu mencionei no início, precisamos de ID de elemento ou um seletor CSS. E eu vou explicar um pouco mais sobre como realmente obtê-los. Então, vamos voltar ao nosso exemplo de blog e percorrer esta seção de gorros. Para poder obter o ID ou o seletor CSS de um elemento específico você terá que olhar para o código HTML. Podemos usar o console do desenvolvedor. Esta é a mesma coisa que fizemos quando estávamos verificando se os cookies foram salvos com sucesso. Então, vamos pressionar F12 em nossos teclados e vamos esconder o gerenciador de tags por enquanto. E sob a seção Elementos, você vê que temos todo o HTML desta página. Em seguida, podemos simplesmente clicar nesta seta onde ele diz selecionar um elemento na página e nós seremos capazes de selecionar diferentes elementos como este botão, talvez este parágrafo. E queremos que esta seção inteira seja selecionada então vamos ter certeza de que ela é colorida em azul e vamos clicar nela. Agora, quando rolamos para baixo no HTML, os elementos também são selecionados para que estamos atualmente na posição correta. E se olharmos para esses elementos, podemos ver que há um monte de parâmetros definidos aqui. Se você não sabe HTML, básico ainda, então eu sugiro que você se familiarize com ele. Para o nosso gatilho precisamos passar um ID ou um seletor CSS. E atualmente só vemos que esse elemento tem parâmetros de classe e estilo. Portanto, não há nenhum parâmetro ID. Então temos que ir com o seletor CSS. Da mesma forma que a lição de clique do botão podemos usar o nome da classe para isso. Há um monte de nomes de classe aqui e podemos ver que há também um nome de classe de produto de recurso aqui. Podemos usar este para o gatilho. Então vamos voltar ao nosso gerenciador de tags e fazer isso agora. Como você pode selecionar elementos realmente específicos no site usando seletores CSS, não basta apenas colar nosso nome de classe aqui. Eu também sugeriria que você, se você não sabe como trabalhar com seletores CSS, que você confira este tópico também. Para nomes de classe, você tem que anexar “.” na frente, o nome da classe e então eu vou apenas fazer isso. Nós também temos algumas variáveis embutidas que podemos ativar e vamos fazer isso antes de testar nosso gatilho. Aqui na parte inferior você verá as variáveis de visibilidade e eu vou apenas habilitar ambas. É isto. Vamos testá-lo agora. Vamos ocultar o console do desenvolvedor por enquanto pressionando F12 novamente. E vamos rolar nossa página para baixo até termos nosso produto em destaque em exibição. Como podem ver, assim que fizermos isso e os dois segundos passarem, teremos a visibilidade do elemento acionada. Vamos olhar sob as variáveis para ver nossas duas variáveis recém-criadas. O primeiro é por cento visível, e é 93,4. Isto é o quanto por cento deste elemento estava visível no momento em que este gatilho disparou. E a duração na tela, que foi definida para 2 segundos ou 2000 milissegundos. Então este gatilho funciona muito bem. Agora, se mudarmos nosso gatilho para acionar toda vez que um elemento aparece na janela de exibição ou na tela, veremos o que acontece. Vamos refrescar. . Vamos rolar para baixo agora e veremos o elemento. Visibilidade gatilho fogo. Se passarmos por ele e voltarmos , vai disparar de novo. Claro, leva dois segundos enquanto configuramos esse atraso. E se nós rolar e passar rapidamente sobre ele, você verá que nenhuma visibilidade elemento aciona fogo e se formos muito devagar, Sim. Novamente, depois de dois segundos na janela de exibição, este gatilho é acionado. Agora, você pode basicamente configurar o gatilho de eventos do Google Analytics e acionar um evento em seu Google Analytics se quiser acompanhar esses eventos. Mas há mais uma coisa que eu queria te mostrar. Então vamos rolar um pouco mais para baixo na página e vamos abrir o console do desenvolvedor novamente e vamos inspecionar este título. Como podem ver, este título tem uma identificação de “moletom”. E este é também o valor que podemos colocar em nosso gatilho. Aqui as coisas são um pouco mais simples porque cada ID no site deve ser único. Então podemos copiá-lo e colocá-lo no gatilho. Alterá-lo de CSS Seletor para ID e basta colá-lo em. Vamos salvá-lo e testá-lo. Agora, este gatilho não disparará sobre o produto de recurso, mas ele vai disparar sobre este título. E você vê os elementos, a visibilidade aciona quando nós rolamos para cima até este ID. E não vai disparar em nenhum outro elemento. Então, esta é uma ferramenta realmente poderosa para você rastrear elementos específicos em sites da Web. A outra coisa que eu queria mostrar é sobre a exibição de um elemento no site, que não era visível antes, como verificamos no nosso exemplo. Vamos voltar para o nosso carrinho. Vamos apenas clicar em aplicar cupom. Se quisermos ter uma ação vinculada a quando esse pop-up aparecer no site. Se você tem formulários de registro ou formulários de contato onde você não redirecionar as pessoas para página de agradecimento, mas você apenas mostrar a eles uma mensagem dizendo obrigado por sua submissão nós entraremos em contato com você. Eu atualmente não tenho nenhum desses formulários neste site então é por isso que eu vou mostrar-lhe neste exemplo. Pela mesma lógica basicamente se aplica lá também. Antes de termos o gatilho acionado temos que obter alguma informação sobre este pop-up. Então vamos abrir o console do desenvolvedor novamente. E vamos inspecionar este elemento e podemos ver que o nome da classe para este elemento é elemento “woocommerce-error” . Encapsulando esse erro é “woocommerce-notice-wrapper”. Por exemplo, se estamos escrever e um cupom válido aqui , então esta mensagem será apenas “woocommerce-message”, não “woocommerce-error”. Dependendo da nossa situação e do que queremos rastrear temos que ter certeza de que estamos rastreando a coisa certa. Então, se quisermos rastrear quando o código de cupom foi aplicado com sucesso e só queremos rastrear isso, então devemos usar esse nome de classe. Se você quiser rastrear qualquer tipo de mensagens que aparecem , então basicamente usaríamos “woocommerce-notice-wrapper”. Então vamos usar este nome de classe. Vamos esconder o console e mudar o gatilho. Vamos voltar ao nosso seletor CSS. Vamos escrever “.” e o nome da turma, e não vamos definir uma duração mínima na tela. Podemos definir a porcentagem de algo realmente baixo porque queríamos disparar imediatamente. Mas então também vamos querer verificar as mudanças DOM observadas. Observar todas essas mudanças levará muitos recursos e sobrecarregará seu site. Eu sugiro que você o use com muito cuidado e que você defina alguns filtros para acionar apenas em um site específico ou em eventos específicos. Você não quer que isso seja rastreado em todo o site porque seu site vai se sentir lento e lento. E para o nosso exemplo, podemos fazê-lo na página do carrinho. Nós também o acionaremos apenas uma vez por página. Agora é só mudar para “Código de Cupom”. Como ainda não há elemento visível, o gatilho não está disparando. Depois de clicar, aplicar cupom e este erro é mostrado, vemos o elemento, visibilidade, disparo gatilho. Poderíamos agora criar um evento do Google Analytics que acompanharíamos e veríamos sempre que um código de cupom fosse aplicado. Como você viu agora, o gatilho de visibilidade é uma ferramenta realmente poderosa para ver quando algo está visível para o seu usuário final ou quando algo aparece em seu site. Você pode vincular alguns eventos de rastreamento a ele para ver como seus usuários se comportam em seu site. E quando uma certa conversão você não seria capaz de rastrear. Caso contrário, como esse tipo de pop-up ocorre e, em seguida, você pode configurar sua análise no Google Analytics ou qualquer outra ferramenta para rastrear essas conversões. 11. Parte de rastreio 1 de Google Ads simples: Vamos dar uma olhada agora em como podemos acompanhar conversões. Assim, uma conversão é qualquer ação que você deseja que seus visitantes para executar em seu site ou loja. Neste exemplo, vamos nos concentrar quando um visitante concluir uma compra. Então, por que quer rastrear isso? Se você estiver fazendo qualquer tipo de anúncios e direcionando tráfego pago para sua loja, então, é claro, você quer saber se esses anúncios estão funcionando bem ou se estão com um desempenho ruim. Além disso, se você conseguir atribuir uma conversão a um anúncio específico, poderá otimizar suas campanhas desabilitando os anúncios que não têm bom desempenho e aumentar o orçamento para os que o fazem. Neste exemplo vamos verificar como você pode fazer isso para anúncios do Google. Primeiro, vamos dar uma olhada como esse tipo de conversão realmente se parece. Se formos à nossa loja e selecionamos um produto específico adicione-o ao carrinho e vamos concluir esta compra. Nós só vamos preencher alguns dados de teste e vamos fazer um pedido. Depois de fazermos isso, isso é considerado uma compra. E é aqui que devemos marcar que a conversão foi concluída. Agora vamos voltar ao gerenciador de tags do Google e ver quais tags precisamos criar para poder acompanhar isso. Vamos criar uma nova tag. E para isso, usaremos anúncios do Google, conversão, rastreamento. estamos usando anúncios do Google como uma plataforma de publicidade. Mas antes de começar a criar essa tag, primeiro precisamos criar outra tag, que é chamado de Linker de conversão. Vinculador.. Agora, uma vez que os anúncios do Google criam um cookie de terceiros, que pode ser bloqueado ou limitado por navegadores como Safari, que só permitem uma janela de 24 horas para que esses cookies estejam ativos. Então, basicamente, todas as conversões que podem acontecer após esta janela não serão rastreadas. Para isso, usamos um link de conversão que basicamente armazena todos os dados de anúncios em um cookie de primeira parte , e quando uma conversão acontece, ele atribui corretamente uma conversão a um anúncio específico. Vamos preparar o gatilho para disparar em todas as páginas. E agora estamos prontos para criar nossos anúncios do Google, tag de acompanhamento de conversões. Você pode ver que é bastante semelhante à tag de remarketing que fizemos em uma das lições anteriores. Então temos que ir ao nosso gerenciador de anúncios do Google e obter alguns parâmetros extras que serão capazes de inserir aqui. Então vamos para lá agora. Sob a seção de ferramentas, você pode ver que, sob a parte de medição, obtemos um link de conversão. Podemos ir aqui e criar uma nova conversão. Basta clicar neste botão mais. E já que estamos trabalhando com um site, não um aplicativo ou telefonemas e não fazemos qualquer importação. Vamos apenas clicar nas partes do site. A primeira coisa que precisamos selecionar é uma categoria. E o Google Ads oferece um monte de coisas que você pode acompanhar, mas estamos trabalhando com compras, então selecionaremos uma compra. Podemos deixar o nome da conversão como está. E sob a seção de valor, você tem algumas opções. O primeiro que você pode usar quando você tem, por exemplo, um produto e, você sabe, o valor exato desse produto. Assim, você pode atribuir o valor direto desse produto para esta conversão. Eu sugiro que você use valores diferentes para cada conversão, pois temos mais opções para posteriormente alterar esse valor para o que quisermos. Na seção de contagem, você definirá se essa conversão é rastreada cada vez ou apenas uma vez. Como você pode ler aqui nos comentários, se você selecionar cada vez. Isto é principalmente recomendado para compras que são realmente importantes. E mesmo que a mesma pessoa na mesma sessão crie duas compras, você quer acompanhar isso. Mas, por outro lado, se a mesma pessoa se inscrever para o seu boletim informativo, então você gostaria que essa conversão contasse apenas uma vez. Existem alguns outros parâmetros que você pode definir aqui. Se você não sabe o que eles fazem, eu sugiro que você apenas deixá-los por defeito. O clique através da janela de conversão basicamente é uma janela de atribuição. Por quanto tempo você considera que um anúncio é responsável por uma conversão específica. Por padrão isso é de 30 dias, você pode aumentá-lo ou diminuí-lo. Ou visualize através da conversão. Se uma pessoa não clicar em um anúncio, mas só viu e, mais tarde, de alguma forma, chegou ao seu site. esses anúncios ainda seriam atribuídos, essa conversão. E a última coisa que eu gostaria de mencionar é apenas o modelo de atribuição. Vamos apenas deixá-lo por enquanto como um último clique. E vamos criar essa conversão. Aqui temos algumas das opções, como podemos instalar este acompanhamento de conversões. Como estamos usando o gerenciador de tags do Google, vamos apenas clicar sobre isso. E agora temos o nosso ID de conversão. Que vamos copiar e colar no nosso gerenciador de tags do Google. Depois voltamos e faremos o mesmo com o rótulo de conversão. E como você vê, podemos definir um valor de conversão aqui. Mas para o propósito deste exemplo, vamos deixar todo o resto intacto. Agora temos que acionar essa tag e não podemos ativá-la em todas as páginas, já que isso aconteceria sempre . Só precisamos acioná-lo quando uma pessoa conclui uma compra. Então teremos que criar um novo gatilho para isso. Criaremos um novo gatilho de exibição de página. Mas vamos limitá-lo a apenas algumas visualizações de página. E para saber a que visualizações de página vamos limitá-la, vamos voltar para a nossa loja e vamos verificar o URL. E como você pode ver aqui, a parte do “pedido recebido” significa que recebemos este pedido. Então, podemos selecionar essa parte. Volte para nós gerenciador de tags do Google. Vá para clicar em URL e na parte Contém, basta colar basicamente esta seção. Isso agora só será acionado nesta subpágina. Vamos agora guardar esta etiqueta e testá-la. À medida que atualizamos nosso pedido, recebemos a página, veremos que nossos anúncios do Google, tag de acompanhamento de conversões foi acionado. Também podemos verificar isso em nosso Google Tag Assistant. E vemos que o acompanhamento de conversões do Google Ads está funcionando corretamente. Agora, se voltarmos ao nosso gestor de anúncios. Veremos que, mesmo que tenhamos apenas acionado, uma compra. O status de rastreamento ainda não foi verificado. Isso permanecerá sem verificação até que alguém realmente clique em um anúncio e converta. Você pode fazer isso sozinho ou pode esperar que uma conversão real aconteça. E então o status de rastreamento mudará para confirmado. É assim que você pode simplesmente acompanhar conversões. Se você quiser acompanhar conversões com anúncios do Facebook, então você deve configurá-lo de forma semelhante, como falamos em nossa lição personalizada de eventos do Facebook. 12. Parte de rastreio 2: Na lição anterior, verificamos como podemos rastrear conversões de uma maneira simples. E nesta lição veremos como podemos enviar alguns valores extras com essa conversão para o nosso gerenciador de anúncios do Google. Especificamente, como podemos enviar receita e ID da transação. Então, em primeiro lugar, por que você precisa desses dados extra' Quando você tem o valor de uma compra você pode então calcular o retorno sobre o gasto com anúncios. Quanto investiu em publicidade e quanto você conseguiu isso. Essa métrica pode ajudá-lo a otimizar melhor anúncios específicos e campanhas específicas. Portanto, se você tiver um anúncio específico que tem muitas conversões, mas todas essas conversões são realmente de baixo valor, então você desativaria esses anúncios. Mas você pode, por outro lado, ter alguns anúncios que têm menos conversões mas todas as compras lá são realmente alto valor. Então você provavelmente iria se concentrar nesses grupos de pessoas e direcioná-los mais especificamente. Para este exemplo, vamos usar nossa loja com base no WordPress. Se você estiver usando a Shopify, o Squarespace ou qualquer outra plataforma de comércio eletrônico, isso será um pouco diferente para elas. Então, como eu disse, vamos estar trabalhando no WordPress com um plugin do gerenciador de tags do Google que irá empurrar todos esses dados de e-commerce na camada de dados. Em uma das primeiras lições que já mencionei, a camada de dados é objeto JavaScript que contém valores diferentes . Além disso, é um repositório central de dados estruturados do gerenciador de tags do Google. Como é que isto parece? Podemos verificar rapidamente a nossa loja. No painel de depuração você verá uma guia chamada Data Layer. E se você clicar nele, você verá quais valores atuais são armazenados na camada de dados. Existem várias maneiras de empurrar esses dados para a camada de dados. Como eu mencionei, estará usando este plugin que automaticamente empurra esses dados para nós. Mas se você não tem este plugin, então você pode, por exemplo, fazê-lo com a ajuda de JavaScript. Ou você pode pedir a um desenvolvedor para desenvolver uma solução que empurre todos os valores que você precisa na camada de dados. Não vamos falar sobre essas duas opções nesta lição. Então, se formos ao nosso Dashboard WordPress, você descobrirá que, nas configurações no plug do gerenciador de tags do Google , há algumas configurações que você pode verificar. Então, se você for sob a guia de integração e sob a parte de woocommerce, você receberá uma lista de caixas de seleção que permitem que você envie dados extras na camada de dados. Se você estiver usando um rastreamento clássico de comércio eletrônico, marque esta caixa de seleção. Mas se você estiver usando um rastreamento de comércio eletrônico aprimorado, marque essa caixa. Estou usando um rastreamento de comércio eletrônico aprimorado, então usarei essa opção. Vamos apenas salvar essas configurações para que o plugin será capaz de enviar esses dados para a camada de dados. Agora, antes de sermos capazes de usar esses dados, vamos precisar criar uma variável que detém ou basicamente lê esses dados a partir da própria camada de dados. Então vamos para as variáveis e vamos criar duas novas variáveis. O primeiro armazenará a receita e o segundo armazenará o ID da transação. Se rolarmos um pouco para baixo, você encontrará uma variável de camada de dados. Agora vamos voltar ao nosso site e fazer uma conversão para que possamos saber quais dados de quais variáveis precisamos ler e armazenar em nossa variável recém-criada. OK, então vamos para o checkout. E vamos completar o pedido. OK, então se formos agora sob a camada de dados, você verá que obtemos mais informações da própria compra , que foi passada pelo plug in. Como você pode ver aqui, temos uma nova seção que é chamada de e-commerce, e ele contém um monte de valores. O que precisamos para obter são as partes de receita e parte de ID desta camada de dados. Agora, como os dados são estruturados na camada de dados. É importante porque quando você vai estar tentando obter esses valores fora da camada de dados, você precisa estar ciente de como a estrutura se parece. Se você quiser chegar à parte ID, não será suficiente apenas escrever ID porque pode haver vários parâmetros de ID dentro da camada de dados. Então temos que atravessar esses objetos para chegar a esse ID. Precisamos ir passo a passo. Então temos que usar uma chave e, em seguida, temos que usar uma subchave e outra subchave e assim por diante. Essas subchaves e chaves são separadas por um ponto. Por exemplo, se quisermos chegar ao nosso ID, usaríamos um “comércio eletrônico” e copiá-lo aqui. Então, escreva ponto. Então precisamos ter cuidado porque o próximo parâmetro é realmente código de moeda. Mas estamos a tentar chegar à identificação. E você precisa estar ciente de que as sub-chaves começam com esses parênteses e são recuadas um pouco dentro. Então este é um novo e este é um sub parâmetro. E este é outro. O próximo na nossa lista é a parte de “compra”. E vamos escrever o ponto novamente, e então temos “ActionField”. e o ponto. E se você estiver anotando-os e não copiando-os, tenha cuidado com as maiúsculas, pois isso diferencia maiúsculas e minúsculas e deve ser basicamente idêntico como está escrito na camada de dados. E agora chegamos à nossa parte “ID” e podemos copiar nosso ID também. Tudo bem, então este é o nome da variável da camada de dados, e eu vou apenas coyp como nós vamos reutilizá-lo para a receita também. E vamos apenas nomear esta variável e salvá-la. Criaremos outro valor para a receita. E vamos colá-lo aqui e substituir o “ID” pela “receita”. . Agora que temos nossos valores criados, podemos testá-lo novamente apenas para ter certeza de que eles são realmente armazenados nas variáveis que acabamos de criar. Então vamos atualizar a página e voltar para a nossa loja. Será necessário fazer todo o processo novamente como as variáveis de compra são transmitidas na camada de dados. apenas depois de concluir uma compra. Não se você atualizar a página. Então vamos fazer isso. Tudo bem. Agora vamos verificar se nossas variáveis recém-criadas realmente possuem os valores corretos. Então, temos a receita de conversão e o ID da transação, e se verificarmos nossa camada de dados, veremos que a receita é 65 e o ID da transação é 97, o que está correto. OK, agora que temos essas variáveis, podemos modificar nossa tag existente. Vamos para a nossa tag de acompanhamento de conversões e vamos adicionar essas duas variáveis no valor de conversão e na transação, ID respeitosamente. Ok, agora, basicamente, estamos quase terminando. Mas essa tag de acompanhamento de conversões é acionada na exibição de página. Agora, se nossos clientes acidentalmente atualizarem nossa página de pedido recebido, esse gatilho ainda será acionado e ativará essa tag que criamos. Mas não haverá valores na variável da camada de dados. Então, vamos tentar. Apenas atualize a página, e se verificarmos. Agora, essas duas variáveis vamos ver que elas são “indefinidas”. Agora, se entrarmos sob o contêiner carregado, veremos que nossa tag de rastreamento de conversões ainda foi disparada mesmo que essas várias variáveis estivessem vazias. Agora, há duas maneiras de resolvermos isso. Uma maneira é modificarmos nosso gatilho. Basta adicionar uma nova condição aqui e verificar se uma dessas variáveis ou ambas são indefinidas. Mas eu vou mostrar a vocês uma maneira diferente de acionar tags com eventos personalizados. Então vamos fechar isto. Agora, infelizmente, teremos que repetir todo o processo de pagamento. Tudo bem. E estamos de volta. As partes legais desse plugin também é que ele cria um gatilho personalizado e é acionado apenas na primeira vez que a ordem é concluída. Se amarrarmos nossa etiqueta a este gatilho personalizado, então ele só vai disparar quando este gatilho personalizado vai estar presente. Então, como podemos fazer isso é copiando este gatilho personalizado. E modificaremos nossa tag para aceitá-la. E apenas remova este gatilho e crie um novo. Isso cria um novo gatilho. E desta vez isso vai ser um evento personalizado. E agora colamos aqui o nome deste evento personalizado que acabamos de copiar do painel de depuração. Vamos nomeá-lo e vamos salvá-lo agora. Isso agora está feito e podemos verificar se tudo funciona como deveria. Então vamos salvar essa tag e atualizaremos o gerenciador de tags. Certo, vamos nos certificar de que tudo funciona agora. No resumo, podemos ver que nosso rastreamento de conversões foi acionado, mas se verificarmos qual evento, veremos que ele foi disparado somente nesse evento personalizado. Então funciona bem. Agora, também podemos verificar se essas duas variáveis foram corretamente enviadas para o gerenciador de anúncios clicando no assistente de tags do Google e indo para anúncios do Google, acompanhamento de conversões. E veremos que um valor de conversão de 26 também foi enviado para lá. Agora, se formos ao nosso gestor de anúncios do Google. Depois que essas conversões forem rastreadas, você verá um valor de conversão para essa ação de conversão listado aqui. Também na sua campanha de anúncios. E você poderá ver quanta receita cada anúncio ou grupo de anúncios estava trazendo. 13. Simplificando os links UTM com a ajuda das tabelas de pesquisa: Nesta lição, quero apresentar a você as tabelas de pesquisa. tabela de consulta é basicamente uma matriz que contém índices e valores em uma ciência e um valor de saída com base no valor de entrada Então, deixe-me mostrar rapidamente como isso parece. Basta abrir rapidamente uma tabela de pesquisa que você possa ter uma ideia melhor, uma ideia sobre ela. Está bem? Como você pode ver, temos uma variável de entrada e com base no tipo da variável de entrada, por exemplo, 123 ou quatro, definimos um valor de saída. Por exemplo, um em palavras 23,4. Então, o que essa tabela de pesquisa faria basicamente é traduzir números em palavras Por que você precisaria de tabelas de pesquisa? Você poderia usá-los. Por exemplo, se você estiver executando o mesmo contêiner em várias contas e tiver um código diferente do Google Analytics. Dessa forma, você poderia dizer um domínio para uma conta do Google Analytics e um segundo domínio para outra e assim por diante. O mesmo vale para, por exemplo, o Google Ads, o Aidid e talvez o ID de pixel do Facebook e assim por diante Então, esse é um caso. Outra pode ser que você tenha, por exemplo, IDs de afiliado e, em seguida, possa atribuir a cada ID, um nome de afiliado e Pode estar no Google Analytics ou em algum lugar. Então, quando você olha os relatórios, você sabe imediatamente de qual afiliado você está recebendo o tráfego, não que você veja apenas números Ou, em nosso exemplo, como mostrarei, você basicamente criará parâmetros UTM partir de fragmentos de hash na URL. Digamos que você tenha parâmetros UTM para uma campanha específica E você está direcionando o tráfego do boletim informativo por e-mail para sua loja e está fazendo uma venda antecipada, por exemplo, no boletim informativo. E, normalmente, o que você faria seria adicionar todos esses parâmetros UTM na URL Isso parece longo. Muitas vezes você pode cometer erros quando as pessoas os copiam e os reutilizam. Você precisa, se não for proficiente o suficiente em escrever isso de forma direta, precisará usar outras ferramentas Você pode usar uma versão mais limpa e simples, que também eleva todos esses parâmetros E meio que se parece com isso. Então, em vez de todos esses parâmetros, você pode usar esse fragmento de hash e apenas criá-lo, criar esses parâmetros UTM no Com base nisso. Isso é exatamente o que eu vou te mostrar como fazer. Em primeiro lugar, o que são esses fragmentos? Esses fragmentos geralmente são links âncora no site. Então, se você clicar em um link específico, ele levará a algum lugar na mesma página. Isso geralmente é conseguido com essas âncoras. E como o Google Analytics não os rastreia, eles são a ferramenta perfeita para substituir os parâmetros UTM Vou sugerir que você tenha um plano e uma lista separados para isso. Portanto, você não confundirá todas essas campanhas. Há uma desvantagem em usá-los. Se você tiver muitas páginas únicas que as usam para links ou para navegar pela página. E você está empurrando sua campanha para essa seção específica, então você não pode usar dois fragmentos de hashtag diferentes Você só pode usar um. Então, nesse caso, você provavelmente não quer, provavelmente não vai querer usar esse método. Mas o objetivo de todo esse experimento é mostrar como as tabelas de pesquisa funcionam. Vamos começar e veremos. Ok, então a primeira coisa que precisamos fazer é obter esse valor da URL. E temos que armazená-lo em nossas variáveis definidas pelo usuário. E como podemos fazer isso é bem simples. Criamos uma nova variável e selecionamos a URL porque essa é a parte da URL. Em seguida, basta selecionar qual parte da URL queremos salvar em nossa variável. E estamos apenas selecionando a parte do fragmento. Vamos nomear a variável. Em seguida, precisamos criar uma tabela de pesquisa. Então, voltaremos às nossas variáveis e selecionaremos uma tabela de pesquisa. Antes de fazermos isso, quero ressaltar que, na verdade, existem duas variantes dessa tabela. E a que usaremos é a tabela de pesquisa. Mas também há uma tabela RegEx, que funciona de forma muito semelhante Mas, em vez de índices, ele usa padrões. E vou explicar como funciona depois de terminarmos isso. Mas, para esse propósito, usaremos apenas uma tabela de pesquisa. A primeira coisa que precisamos selecionar é nossa variável de fragmento de URL recém-criada, que retornará somente as partes dos fragmentos de URL Quando estamos planejando nossas campanhas, você deve decidir quais são esses valores, quais devem ser esses padrões. Gosto de usar um C como sublinhado da campanha e depois o número da campanha Essa tabela de pesquisa específica retornará somente uma parte de toda a série UTM Como você pode ver, nos parâmetros UTM, temos fonte, meio e parâmetros de campanha E a primeira coisa que faremos é configurá-lo para uma campanha. Se quisermos configurá-lo para mídia e fontes, bem, teremos que criar mais duas tabelas de pesquisa, o que faremos em apenas um segundo. Então, isso vai estar relacionado à seção da campanha. E para o primeiro trimestre selecionará a venda de chapéus. Então, é claro, podemos ter outra campanha, C2, que será escolhida como célula de mola Então, basicamente, para cada campanha que você fizer, você terá que adicionar uma nova linha. Você precisará atribuir um valor a ele e, em seguida, atribuir o parâmetro UTM que corresponderia a ele Agora, precisamos criar mais duas tabelas de pesquisa. E para isso, vou usar o GTM copiar e colar E agora vou duplicar essa variável duas vezes, e então basicamente vou atualizá-las e renomeá-las, certo E vamos adicionar outro. Agora. Vamos apenas modificar essas tabelas. Então, o segundo será médio. E faremos isso e enviaremos um e-mail. Para a fonte. Eles podem ser boletins informativos. Tudo bem, então temos nossas duas campanhas configuradas e podemos salvar essas variáveis Agora, toda vez que você quiser adicionar uma nova campanha UTM, você basicamente adiciona uma linha na seção de mídia e origem da campanha Depois de fazer isso, agora podemos apenas verificar o valor das variáveis no site. Em seguida, podemos criar uma tag que os acionará no Google Analytics. Então, vamos atualizá-lo. Vamos aqui e atualizar este. Se selecionarmos agora a visualização da página e entrarmos em variáveis, veremos se essas três variáveis foram preenchidas corretamente Ok, então aqui estão eles. Se escrevermos uma campanha diferente, veremos que esses parâmetros serão preenchidos pela outra campanha Então, célula de primavera. Ok, então vamos colocar todas essas variáveis no nosso Google Analytics, produzir o trabalho. Precisamos criar uma nova tag. Só precisamos modificar uma tag de configuração existente do Google Analytics. Basicamente, o Google Analytics nos permite enviar dados extras, dados com cada aquecimento ou visualização de página. E se estivermos usando a tag de configuração do Google Analytics , podemos simplesmente enviar esses dados com todos esses eventos. Portanto, encontre a configuração, a dívida e outros campos do Google Analytics a serem definidos. Você pode adicionar parâmetros extras para enviar com cada hit. Então, vamos definir esses campos com nossos parâmetros UTM. Adicionará um novo campo. E escolheremos uma fonte de campanha. E para o valor, basta adicionar nossa tabela de pesquisa com o parâmetro de origem UTM Vamos fazer isso para todos os três. Tudo bem, então vamos ver como isso funciona. Podemos voltar ao depurador do Google Tag Manager e clicar na configuração do Google Analytics de n. E veremos que parâmetros extras foram enviados Também podemos verificar isso na visualização de depuração do Google Analytics. Então, vamos lá agora e clique em Visualização da página. E podemos ver que esses parâmetros UTM extras também foram inseridos aqui com sucesso E se alterarmos o URL da primeira campanha, um parâmetro UTM diferente deverá ser enviado Vamos verificar isso rapidamente. E como você pode ver, diz Head cell. E também podemos verificar isso em análises. Essa é uma das maneiras pelas quais você pode usar tabelas de pesquisa. Eu só queria mostrar rapidamente as tabelas RegEx, assim como prometi no começo E você verá que eles estão sob um ponto de vista diferente. Você terá a mesma interface. Você pode simplesmente adicionar linhas como você fez antes. A diferença é que aqui você pode inserir o padrão RegEx em vez de um valor Isso basicamente significa que você não conectará um valor a outro, mas sim corresponderá a um padrão. Portanto, tudo o que corresponder a esse padrão RegEx será conectado ao mesmo valor de saída E é basicamente isso para tabelas de pesquisa 14. Detectando bloqueadores de anúncios com o Tag Manager: Agora, um como conjuntos. Mas e se o seu modelo de negócios girar em torno disso? Então, você quer ter certeza de que seus visitantes realmente os vejam. Nesta lição, veremos como você pode verificar se seus visitantes têm um bloqueador de anúncios ativado com a ajuda de um pequeno script e camada de dados A primeira coisa que precisamos fazer é instalar um pequeno script no seu site. O link para o script está nos recursos. Se dermos uma olhada no descrip, é muito simples. Tudo o que ele faz é enviar uma variável permitida para a camada de dados e a define como verdadeira Você também pode usar esse exemplo para enviar qualquer outra variável que desejar para a camada de dados, se desejar. O que precisamos fazer com esse grupo é adicionado a um arquivo chamado Ads dot JS. É importante que o nome do arquivo se chame Anúncios ou qualquer coisa relacionada a Anúncios Como os bloqueadores de anúncios verificam palavras-chave específicas e, se as encontrarem no nome do arquivo, não carregarão E se esse arquivo não for carregado, a variável Anúncios permitidos não será definida. E é isso que vamos verificar no Gerenciador de tags. Então, depois de criar seu arquivo, você precisa enviá-lo para o seu servidor em algum lugar. Não vou entrar em detalhes sobre como você pode fazer isso, pois falamos sobre isso em uma das lições anteriores. Depois que o arquivo estiver no seu servidor, você também precisará carregar o script no seu site. Novamente, os detalhes sobre como você pode fazer isso dependem muito da estrutura ou solução que você usa para o seu site. No WordPress, existem vários plug-ins que permitem carregar scripts no cabeçalho. E eu tenho um desses já instalado. Então, vamos rapidamente para o WordPress e adicionar o script ao cabeçalho. Vou até aqui e colar o script aqui. Agora, vou substituir seu domínio pelo meu domínio específico. E então eu vou salvá-lo. Ok, estamos prontos para testar as coisas. Primeiro. Vamos começar a pré-visualização para que possamos ver se o script é carregado alguma camada de dados é preenchida com a variável Agora, vamos verificar a camada de dados e podemos ver nossa variável recém-criada aqui. Se agora ativarmos o bloqueador de anúncios e atualizarmos a página, essa variável não deverá mais estar presente essa variável não deverá mais estar presente . Vamos verificar isso agora. Você pode ver que nossa variável desapareceu. Perfeito. Então, vamos voltar ao nosso Gerenciador de tags e criar um gatilho que será acionado sempre que detectarmos que há um bloco de anúncios ativado. Primeiro, precisamos criar uma variável que lemos da camada de dados. Podemos fazer isso com a ajuda da variável da camada de dados. E no nome dessa variável, escreveremos apenas Ads allowance. Agora, se essa variável não estiver presente, ela será indefinida na camada de dados Mas porque também enviaremos esses tetas no Google Analytics Vamos primeiro limpá-lo um pouco. Podemos reformatar o valor de indefinido para falso acessando aqui o formato e clicando em converter indefinido E vamos apenas escrever falso por dentro. Agora, podemos salvar essa variável. Se agora quisermos rastrear todas as pessoas que desativaram os anúncios no Google Analytics. Tudo o que precisamos fazer é acessar a tag de configuração do Google Analytics e adicionar o novo campo. Talvez possamos chamá-lo de Ads. Em seguida, basta selecionar nossa variável que dirá verdadeiro ou falso. Dessa forma, conseguiremos segmentar essas pessoas no GA4 e até mesmo fazer algumas comparações sobre quantos de nossos visitantes têm Agora, vamos também criar um evento que nos permitirá verificar proativamente se os anúncios estão desativados Vamos criar novos eventos de visualização de página. E vamos verificar se nossa variável não é igual a verdadeira. Dessa forma, nosso evento será acionado. Quando os anúncios estão desativados. Depois, você pode simplesmente criar qualquer tag que desejar. Você pode acionar um evento ou talvez mostrar um pop-up na página, ou até mesmo ocultar alguns elementos da página que são úteis para seus visitantes Isso pode motivá-los a realmente permitir que os anúncios possam visualizar o conteúdo a ser fornecido De qualquer forma, vamos criar uma tag vazia para que possamos ver se ela realmente é acionada somente quando o bloqueador de anúncios está Para isso, vou criar eventos HTML em branco e adicionar o Trigger que acabamos de criar. Agora podemos testar tudo. Vamos esperar até que nossa página carregue. Em seguida, podemos acessar o depurador do Tag Manager. Primeiro, vamos verificar as variáveis e você verá que a variável Ads allow está definida como verdadeira. Podemos verificar novamente a camada de dados e ver que a variável também está aqui Se verificarmos as tags, veremos que nossa Tag de teste não foi acionada. Agora, vamos ativar o bloqueador de anúncios. E vamos atualizar a página. Agora vamos verificar nosso depurador novamente. E como você pode ver, nossa etiqueta de teste não disparou. Se verificarmos a camada de dados, também não veremos nossa variável, pois o arquivo JavaScript não foi carregado. E se examinarmos as variáveis, podemos ver que essa está definida como falsa. Essa é uma boa maneira de detectar se alguém tem ou não o bloqueador de anúncios ativado, então o que você faz com essas informações depende de Você pode ser mais proativo. Você pode simplesmente passá-lo para sua ferramenta de análise para análise posterior. 15. A solução: Parabéns, você chegou ao final deste curso! Como você viu, há muitas coisas diferentes para as quais você pode usar o Gerenciador de tags do Google. Espero sinceramente que essas lições o ajudem em suas atividades de marketing. Eu criei este curso como uma plataforma sobre a qual eu vou construir no futuro. Então você pode esperar para ver novas lições nos próximos meses. Se você tem alguma idéia sobre os tópicos que você gostaria que eu abordasse. Por favor, me avise. Além disso, se você tiver quaisquer comentários ou sugestões sobre como eu posso melhorar este curso, eu ficaria mais do que feliz em ouvi-los. Qualquer feedback que você me der me ajuda a melhorar este curso para outros alunos. Então não tenha medo de me dizer o que você gostou e o mais importante, sobre o que você não gostou. Se você conhece alguém que quer aprender o Gerenciador de tags do Google, compartilhe este curso com ele. E se você achou útil, sinta-se livre para avaliá-lo e deixar um comentário. Obrigado mais uma vez por ficar comigo. E boa sorte em seus futuros empreendimentos.