Gerenciador de tags do Google - rastreamento avançado

É hora de examinar alguns cenários complexos, onde você pode rastrear elementos críticos para o negócio. Veremos como criar um evento personalizado, que não está predefinido ou disponível por padrão.

Neste capítulo, veremos -

  • Implementando eventos personalizados
  • Rastreamento de rolagem do mouse

Implementando eventos personalizados

Haverá casos em que você pode querer criar um evento, que é diferente dos eventos disponíveis no GTM. Para conseguir isso, precisaremos criar um evento personalizado, que utiliza as variáveis ​​existentes na camada de dados.

Considere o cenário quando clicamos no link interno criado anteriormente. Vamos criar um evento personalizado chamado urlClick, que lerá a variável da camada de dados gtm.elementurl.

Step 1- Para fazer isso, vamos criar uma variável chamada urlName na seção Variáveis. Usando o processo normal, crie a variável.

Acima está um exemplo de variável da camada de dados - urlName.

Agora, usaremos essa variável para criar nosso evento personalizado. O evento personalizado será usado quando criarmos o gatilho. Veja a imagem a seguir para referência.

Step 2- Crie um gatilho para disparar no evento que já está presente, clicando no link interno. Em Nome do evento, especifique gtm.linkClick.

Agora, vamos criar a tag.

Step 3- Siga o mesmo processo para criar a tag. Aqui estão os detalhes -

  • Tipo de tag - Universal Analytics
  • Tipo de trilha - evento
  • Categoria - Clique no link
  • Ação - Clique

Step 4 - Para rótulo, use o rótulo criado recentemente, urlName.

Step 5- Uma vez feito isso, marque Habilitar configurações de substituição nesta tag. Na caixa de texto ID de rastreamento, insira seu Código de rastreamento do Google Analytics.

Ao selecionar um gatilho, certifique-se de selecionar o gatilho criado recentemente - URL clicado.

Step 6- Salve a tag. Clique em Visualizar para ver as mudanças em seu blog.

Step 7- Ctrl + Clique no link interno. Você deve conseguir ver o evento gtm.linkClick na caixa Resumo. Além disso, você deve ver a tag disparada conforme mostrado na captura de tela a seguir.

Dessa forma, podemos usar os eventos existentes para criar nossos próprios eventos personalizados e ter um rastreamento bem-sucedido dos controles que desejamos.

Rastreamento de rolagem do mouse

Quando se trata de envolver os usuários no blog, um comerciante de produto pode querer detectar a rolagem do mouse. A detecção de rolagem do mouse é crítica, pois exigirá outras ações, como mostrar o link de um boletim informativo ou acionar um pop-up que oferece algum tipo de desconto no produto.

Usando o Gerenciador de tags do Google, podemos rastrear facilmente o evento de rolagem. Para isso, precisamos usar um código de terceiros, que usaremos ao criar uma tag.

O código está disponível neste local. Vamos usá-lo ao criar uma tag.

Step 1- Crie um gatilho. Chamaremos esse gatilho - um gatilho de rolagem.

Consulte a imagem a seguir para a configuração do acionador.

Step 2- Configure o tipo de acionador - DOM pronto. Permitir que este gatilho seja disparado - Todos os eventos DOM prontos.

Step 3 - Clique em SALVAR ao concluir as etapas acima.

Agora vamos criar a tag.

Step 4 - Desta vez, ao criar uma tag, selecione um tipo diferente de Rastreamento, conforme mostrado na imagem a seguir.

Step 5 - Quando o HTML personalizado for selecionado, aparecerá um espaço para inserir o código HTML.

Step 6- Digite o código copiado deste link.

Step 7- Role para baixo para configurar o gatilho. O gatilho que criamos recentemente (Scroll Trigger acima) precisa ser selecionado.

Step 8 - Clique em SALVAR.

Step 9- Agora, inicie o GTM Debugger e atualize a página do blog. Você verá duas mudanças principais na seção Resumo e tag.

Step 10 - Agora, role para baixo para ver o resto do blog, mais alguns eventos serão acionados.

  • ScrollDistance
  • ScrollTiming

Esses eventos serão eventualmente usados ​​para detectar a localização da rolagem do mouse e realizar outras ações de acordo.