Gerenciador de tags do Google - tags de rastreamento
Depois de compreender o processo de criação de uma tag, faz sentido mergulhar fundo e ver como o rastreamento é obtido usando diferentes abordagens.
Tag de visualização de página
Um profissional de marketing de produto precisa entender a contagem de visitantes do site / blog do produto. Isso é realmente crítico, pois ajuda a entender a tendência do visitante. Pode ser para saber se um determinado aprimoramento / recurso adicionado ao site / blog é apreciado pelo visitante, se os visitantes acessam o site diariamente / semanalmente, etc.
Considerando que a 'Visualização de página' tem uma importância enorme para entender a simpatia do site / blog, vamos ver como uma visualização de página pode ser rastreada usando uma tag.
Step 1 - Como seguimos as etapas no capítulo anterior, vamos acessar a seção de tags no Gerenciador de tags do Google.
Ele mostrará a tag criada recentemente - Primeira tag.
Step 2 - Clique na Primeira Tag, será exibida a caixa de diálogo com os gatilhos configurados, etc.
Conforme destacado na captura de tela acima, vamos concentrar nossa atenção no ID de rastreamento.
Este ID de rastreamento está associado a Google Analytics. Quando iniciamos o modo de depuração e visitamos o blog, isso será contado como uma única visualização de página.
Neste momento particular, Google Analytics irá registrar a visualização da página em sua interface.
Step 3 - Depure usando o Gerenciador de tags do Google e abra o Google Analytics dashboard, em Fontes de tráfego → Visão geral, você verá as seguintes estatísticas.
Isso mostra que uma visualização de página é registrada e as visualizações de página correspondentes serão rastreadas posteriormente no Google Analytics.
Tags de link
Muitas vezes, haverá certas ofertas promocionais para as quais o usuário pode ser obrigado a deixar o blog ou site. Junto com as promoções, podem ser algumas pesquisas de terceiros que um usuário pode ser obrigado a responder. Essas pesquisas produzirão certas estatísticas, que serão diferentes dos dados que chegam por meio de tags diferentes.
Para isso, é útil ter habilitado o rastreamento de quantas vezes o link está sendo clicado e o usuário é direcionado para fora do site. Esses links são denominados comooutbound links e esses links podem ser rastreados facilmente usando o Gerenciador de tags do Google.
Para demonstrar isso, estaremos criando um link em nosso blog.
A captura de tela acima mostra um link chamado - Um link externo. Este link será usado para rastreamento no Gerenciador de tags do Google. Ele redireciona parahttps://www.google.com
Step 1- Vá para o espaço de trabalho do Gerenciador de tags do Google. Clique em Tags no painel esquerdo. Clique no botão NOVO na página para começar a criar a tag do link externo.
Vamos nomear a tag como - Tag de link de saída.
Step 2 - Siga o mesmo processo da configuração inicial da tag para inserir o código do Google Analytics no campo correto - Id de rastreamento.
Step 3- Selecione o campo Track Type como Event. Você poderá ver mais as seguintes opções.
Essas opções estão de acordo com o tipo de pista - evento. Observe que essas opções não estarão disponíveis em Tipo de trilha - Visualização de página. Isso porque, como estamos anexando o código do Google Analytics ao Gerenciador de tags do Google, para ver os detalhes do evento em tempo real, precisamos de alguns parâmetros.
Step 4- Preencha os detalhes do formulário conforme abaixo. Texto em negrito são os valores a serem inseridos nas caixas de texto.
Categoria - Outbound
Açao - Click
Deixe os campos Rótulo e Valor em branco
Manter hit sem interação como False
Step 5 - Em seguida, na seção Acionamento, clique em Escolher um acionador para fazer esta tag disparar…
Step 6- Clique no ícone + azul no canto superior direito. Isso abrirá a seção de gatilho personalizado. Forneça um nome para este gatilho como - Clique em Gatilho.
Step 7 - Clique em Escolher um tipo de acionador para iniciar a configuração ...
Ele mostrará os seguintes tipos de gatilho, conforme mostrado na imagem a seguir.
Step 8- Conforme destacado na figura acima, clique em Apenas links em Tipo de acionador de clique. Isso mostrará as diferentes opções para configurar o tipo de gatilho recém-criado.
Agora, precisamos configurar o acionador para disparar se o URL clicado tiver um caminho de página como https://www.google.com. Observe que configuramos o link em nosso blog para redirecionar para o mesmo URL.
Step 9 - Configure o gatilho conforme fornecido exatamente na figura acima.
Queremos configurar este acionador para disparar em alguns cliques de link quando o URL da página for igualhttps://www.google.com. Uma vez feito isso, a tela deve ter a seguinte aparência.
Step 10 - Clique no SAVEbotão para salvar este gatilho recém-criado. A tela retornará à configuração do tag para Outbound Link Tag .
Step 11 - Clique em SALVAR para concluir a configuração.
Conforme destacado na figura acima, uma tag completa para link externo deve ser semelhante à mostrada acima.
Agora, vamos colocar a tag em ação.
Step 12- Na área de trabalho, clique no botão VISUALIZAR. O modo de depuração será iniciado.
Step 13- Em seu navegador, em outra aba, abra seu blog. A janela de depuração será exibida na parte inferior da tela.
Conforme mostrado acima, como ainda não clicamos no link, a tag ainda aparece em Tags não disparadas nesta página.
Step 14- Clique no link externo, conforme criado na etapa anterior, a tag será disparada. Você pode vê-lo aparecendo em Marcas disparadas nesta página.
Isso conclui a abordagem de criação de uma tag para um link externo para rastrear os links no blog / site.
Acompanhamento de eventos
Acompanhamento de eventos significa qualquer ação diferente de um carregamento de página. O navegador tem uma resposta específica a qualquer ação que você execute na página. Por exemplo, a ação pode ser tão simples quanto clicar em um link ou enviar um formulário para um complexo, como rastrear visualizações de arquivos e downloads.
Com o Gerenciador de tags do Google, você pode rastrear facilmente os eventos gerados no navegador. Ele registra as respostas do navegador para ação potencial, obtendo, assim, a trilha de evento particular facilmente.
Usaremos o exemplo acima para ver o rastreamento de eventos em ação. No exemplo anterior, criamos um link que redireciona para fora do nosso blog. Neste exemplo, criaremos outro link, que apontará para o nosso blog. Estamos usando este exemplo para demonstrar como os links que saem do blog podem ser rastreados perfeitamente.
Eu criei um link chamado Link interno no blog. Este link redirecionará para a mesma página do blog.
Vamos ao Painel do Gerenciador de tags do Google e criar um novo gatilho para o link de saída. Estaremos usando a variável interna URL de clique para isso. Usando URL de clique, vamos detectar se o link clicado está redirecionando o usuário para fora do blog ou não.
Para ativar o URL de clique da variável embutida, a seguir estão as etapas.
Step 1- Na seção Variáveis, clique no botão em vermelho, CONFIGURAR. Ele mostrará as variáveis integradas disponíveis. Existem diferentes variáveis integradas disponíveis, que são - Páginas, Utilitários, Erros, Cliques, etc.
Step 2- Na categoria Cliques, marque a caixa URL do clique. Isso mostrará as variáveis disponíveis no URL de clique imediatamente. Consulte a tela a seguir para referência.
Agora que a variável está configurada, podemos configurar o gatilho.
O gatilho será habilitado quando um usuário clicar em todos os URLs, que estão redirecionando para fora do blog. Criar este gatilho é bastante simples.
Step 3- Vá para Triggers, clique em Novo. Forneça um nome para o gatilho. Digamos que o nome seja - External Link Trigger.
Step 4 - Em Configuração do acionador, clique em Escolher um tipo de acionador para iniciar a configuração ...
Step 5- A partir das opções disponíveis, em Clique, selecione Apenas links. Veja a tela a seguir para as etapas até agora.
Quando apenas Links é clicado, você é direcionado de volta à primeira seção, onde deverá fornecer a exceção de URL. A seguir estão as etapas para fazer isso.
Step 6 - Para a opção Este acionador dispara, selecione Alguns cliques no link.
Step 7- Nas condições, selecione URL de clique, que deve ser previamente selecionado. Selecione o valor não contém nas opções de condição.
Step 8- Na caixa de texto de valor, insira um valor que é o URL do seu blog. Em nosso caso, inseriremos gtmtutorial2017.blogspot.in. Depois de terminar, a tela será semelhante à seguinte.
Step 9 - Clique no botão Salvar em azul para salvar seu novo acionador.
Agora é hora de configurar nossa tag, que usaremos para rastrear o evento de clique, que irá redirecionar o usuário para fora do blog.
Step 10- Abra a seção Tags, clique no botão NOVO. Dê um nome à sua tag, vamos chamá-la - Tag de link externo.
Step 11 - Em Configuração de tag, clique em Escolha um tipo de tag para iniciar a configuração ... Selecione o tipo de tag como Universal Analytics e insira os seguintes detalhes na tela.
- Em Track Type, selecione Event
- Para categoria - insira o link externo
- Em ação - insira o clique
- Para etiqueta, clique no ícone de opções
Step 12 - No painel lateral exibido, selecione URL de clique.
Step 13- Uma vez feito isso, marque a caixa Habilitar configurações de substituição nesta tag. Na caixa de texto ID de rastreamento, insira seu Código de rastreamento do Google Analytics.
Step 14- Role para baixo para configurar o acionamento. Vamos usar nosso gatilho recém-criado.
Step 15- Clique em Escolher um gatilho para fazer esta tag disparar ... Isso exibirá os gatilhos disponíveis. Selecione External Link Trigger, que criamos anteriormente.
Isso conclui a configuração da tag. Clique no botão Salvar.
Step 16- Agora, para depurar a tag, clique no botão Visualizar em cinza. Isso iniciará o Gerenciador de tags do Google no modo de depuração.
Step 17- Volte para o seu blog e atualize o blog para que o depurador do Gerenciador de tags do Google comece. Considerando o exemplo acima, existem dois links sendo mostrados na página. Além disso, há a tag de link externo, que é mostrada em Tags não disparadas nesta página.
Agora é hora de testar a configuração da tag. Usaremos Ctrl + Clique em ambos os cenários para verificar se a tag é disparada. Ctrl + Clique fará com que o link seja aberto na nova aba, sem atualizar a página atual. Precisamos ter a página intacta, pois não poderemos ver as tags disparadas, se a página for atualizada.
Step 18- Primeiro, use Ctrl + Clique no link interno, conforme destacado na figura acima. O ideal é que a tag não seja disparada, pois o link direciona o usuário para o mesmo blog.
Conforme mostrado na figura acima, na seção Resumo no depurador, você verá outro evento - gtm.linkClick. Isso significa que o GTM registrou o evento de clique.
Porém, você não verá nenhuma mudança na seção Tags disparadas nesta página. Isso ocorre porque configuramos a guia para links externos.
Step 19 - Agora, pressione Ctrl + Clique em um link de saída (criado na seção anterior).
Observe a seção de resumo, ela será atualizada novamente para outro evento - gtm.linkClick.
Conforme mostrado na figura acima, para o próximo evento registrado, haverá um tag disparado - Tag de Link Externo. Você poderá vê-lo em Marcas disparadas nesta página.
Dessa forma, você pode empregar o rastreamento de eventos com o Gerenciador de tags do Google e configurar tags para dados críticos de que você precisa em seu site / blog.
Acompanhamento de formulário
Na maioria das vezes, em qualquer site / blog, você verá um formulário que capturará certos detalhes do usuário. Como um profissional de marketing de produto, torna-se tedioso saber se o formulário está sendo usado pelos visitantes.
Pode ser uma boa abordagem saber quantas vezes um usuário preencheu informações neste formulário e quantas vezes ele encontrou um erro. Com o Gerenciador de tags do Google, você pode rastrear facilmente os envios de formulários. Esta seção o guiará pelo processo.
Para este exemplo, teremos um formulário de contato criado em nosso blog.
Step 1- Para o blogger, para criar um formulário de contato, use a opção Layout → Adicionar um Gadget. Depois de clicar em Adicionar um gadget, você verá a tela a seguir, onde encontrará o gadget de pesquisa de blogs. Clique no ícone de mais (+) azul para inseri-lo no blog.
Uma vez feito isso, ele aparecerá em seu blog conforme mostrado na imagem a seguir.
Agora, vamos configurar os gatilhos relacionados e a tag.
Para começar com o gatilho, seguiremos os mesmos passos. Em primeiro lugar, adicionaremos a ativação de uma variável incorporada chamada Form ID e, em seguida, criaremos um gatilho que utilizará essa variável recém-criada.
Feito isso, usaremos este novo gatilho para configurar uma tag para rastrear as interações com o formulário.
Para habilitar a variável interna Form ID, a seguir estão as etapas.
Step 2- Na seção Variáveis, clique no botão em vermelho, CONFIGURAR. Na categoria Formulários, marque a caixa ID do formulário. Isso mostrará o ID do formulário nas variáveis disponíveis imediatamente. Consulte a tela a seguir para referência.
Agora que a variável está configurada, podemos configurar o gatilho.
O gatilho será ativado quando o usuário enviar qualquer dado no formulário de contato.
Step 3- Para fazer isso, vá para Triggers, clique em Novo. Dê um nome ao gatilho. Vamos chamá-lo de - Gatilho de envio de formulário.
Step 4 - Em Configuração do acionador, clique em Escolher um tipo de acionador para iniciar a configuração ...
Step 5- A partir das opções disponíveis, em Engajamento do usuário, selecione Envio de formulário. Veja a tela a seguir para as etapas até agora.
Ao clicar em Envio de formulário, você será direcionado de volta à primeira seção, onde precisará fornecer o ID do formulário.
Step 6 - Para a opção, Este gatilho dispara, selecione Todos os formulários.
Depois de concluir a etapa acima, isso permitirá o rastreamento de todos os formulários enviados na página do blog. Você também pode usar um ID de formulário específico, que pode ser configurado quando você cria seu blog.
Para configurar um ID de formulário específico, você pode obter o suporte do desenvolvedor do seu site / blog para obter mais detalhes. Após a conclusão dessas etapas, consulte a tela a seguir para obter uma referência completa.
Step 7 - Clique no botão Salvar em azul para salvar seu novo acionador.
Agora é hora de configurar nossa tag, que usaremos para rastrear o evento de clique que redirecionará o usuário para fora do blog.
Step 8- Abra a seção Tags, clique no botão NOVO. Dê um nome à sua tag, vamos chamá-la - Form Submission Tag.
Step 9 - Em Configuração de tag, clique em Escolha um tipo de tag para iniciar a configuração ... Selecione o tipo de tag como Universal Analytics e preencha os seguintes detalhes -
- Em Track Type, selecione Event
- Para categoria - insira o envio do formulário
- Em ação - insira o formulário enviado
- Para etiqueta, clique no ícone de opções
Step 10 - No painel lateral exibido, selecione ID do formulário.
Step 11- Uma vez feito isso, marque a opção Habilitar configurações de substituição nesta tag. Na caixa de texto ID de rastreamento, insira seu código de rastreamento do Google Analytics.
Role para baixo para configurar o acionamento. Vamos usar nosso gatilho recém-criado.
Step 12- Clique em Escolher um gatilho para fazer esta tag disparar ... Isso exibirá os gatilhos disponíveis. Selecione o acionador de envio de formulário, que criamos anteriormente.
Isso conclui a configuração da tag. Clique no botão Salvar.
Step 13- Agora, para depurar a tag, clique no botão Visualizar em cinza. Isso iniciará o Gerenciador de tags do Google no modo de depuração.
Step 14- Volte para o seu blog e atualize o blog para que o depurador do Gerenciador de tags do Google comece. Haverá a tag de envio de formulário, que é mostrada em Tags não disparadas nesta página.
Step 15- Agora interaja com o formulário Pesquisar este blog inserindo alguns valores nele. Vamos digitar Primeiro, já que nosso primeiro post contém a palavra Primeiro.
Step 16- Clique em Pesquisar. O novo evento será visto em Resumo e a tag de envio de formulário aparecerá em Tags disparadas nesta página.
Dessa forma, podemos ter tags de envio de formulário criadas usando o Gerenciador de tags do Google.