Acompanhamento de eventos de formulário com o Gerenciador de tags do Google
Publicados: 2021-07-19Se você está procurando uma maneira fácil de configurar o acompanhamento de eventos para monitorar conversões em seu site, convém usar o Gerenciador de tags do Google.
Nesta postagem, explicarei o Gerenciador de tags do Google, explicarei como instalá-lo e descreverei como configurar o rastreamento de eventos de formulário em seu site.
O que é o Gerenciador de tags do Google?
O Gerenciador de tags do Google (GTM) é uma ferramenta gratuita que torna mais fácil para webmasters e profissionais de marketing adicionar e atualizar tags de sites. Há muitas maneiras de usar o GTM, mas a maioria das empresas o usa para rastreamento de eventos como um meio de medir o sucesso de sua estratégia de marketing digital. Para uma explicação mais detalhada do GTM, verifique nossa postagem introdutória no blog.
Por que usar GTM para acompanhamento de eventos?
O GTM oferece controle total de suas tags de evento. Você pode adicioná-los ao seu site sem ter que pedir ao desenvolvedor para fazer qualquer codificação permanente. Isso vai liberar seu tempo para trabalhar em outros projetos críticos.
O GTM também permite que você altere e teste seu rastreamento de eventos, o que obviamente torna o processo muito mais simples.
Além disso, estamos vendo um número crescente de sites onde os formulários são criados usando JavaScript. Esses sites não usam URLs de destino, o que significa que você não pode usar metas simples no Analytics. Para preparar o gerenciamento do seu site para o futuro, é uma boa ideia começar a se familiarizar com o GTM.
Instalando GTM
A instalação do GTM é muito semelhante à configuração do Google Analytics:
- Faça login no Gerenciador de tags do Google usando sua conta do Google - de preferência a mesma que você usa para o Analytics. Em seguida, siga as etapas na tela:
Crie uma conta no Gerenciador de tags do Google - Leia e aceite os termos e condições. Você receberá o código de instalação. Você precisará adicionar este código a todas as páginas do seu site, imediatamente após a tag de abertura <body>. Se você não puder fazer isso sozinho, seu desenvolvedor deve ser capaz de ajudar:
Cole o código GTM em todas as páginas do seu site
É isso. Você configurou um contêiner do Gerenciador de tags em seu site. Este contêiner conterá eventualmente todas as tags que você criar no painel do GTM.
Agora descreverei como configurar o rastreamento de eventos usando GTM. Para isso, você precisará habilitar várias variáveis integradas em páginas, cliques e formulários. Eles não são ativados por padrão quando você configura o GTM. Portanto, antes de começar, navegue até as variáveis e verifique as seguintes opções:
Acompanhamento de eventos de formulário
O rastreamento do envio de formulários permite que você monitore quando os visitantes enviam um formulário em seu site. Pode ser um formulário de contato em sua página de contato ou um formulário de consulta no rodapé da página. Quase todo site tem um formulário, então essa é uma boa maneira de se familiarizar com o Gerenciador de tags.
É relativamente fácil configurar o rastreamento de eventos usando GTM, pois você pode usar tags que já estão incorporadas à interface do GTM. Um conhecimento básico de código HTML é útil, mas este guia explicará tudo o que você precisa saber.
Não se preocupe, é impossível quebrar seu site usando o Gerenciador de tags e você pode testar tudo antes de colocar suas tags no ar.
Vamos fazer isso!
Etapa 1 - Identificar URL
Anote o URL em que seu formulário está:
Se você tiver um formulário em mais de uma página, por exemplo, um formulário de consulta no rodapé, você só precisa saber o domínio. Neste caso, estamos usando hallam.co.uk .
Etapa 2 - Identificar o ID do formulário
Encontre o ID do formulário para o botão de envio. Se estiver usando o Google Chrome ou Firefox, você pode fazer isso clicando com o botão direito no formulário e selecionando 'inspecionar elemento'. Você precisa procurar o atributo 'id' no <form>. Aqui está um exemplo de como isso pode ser:
Dica : pressionar ctrl + f no inspetor permite que você pesquise coisas.
Observação : se não houver um ID exclusivo para o seu formulário, pode ser necessário pedir ao desenvolvedor para adicionar um. No entanto, se o seu site estiver usando um plug-in de formulário, como o formulário de contato 7 para WordPress, você mesmo pode adicionar um id.
Etapa 3 - Criar um gatilho
No GTM, crie um novo gatilho e dê a ele um título que o tornará fácil de identificar posteriormente. Algo como 'envio de formulário de consulta' ou 'envio de formulário de página de contato' bastará.
Em escolher o evento, selecione o envio do formulário:
Clique em continuar e marque 'Aguardar tags' e 'Verificar validação' para garantir que o acionador seja acionado para envios de formulários bem-sucedidos (válidos):
Clique em continuar e digite o caminho do URL que você anotou anteriormente:
Se o seu formulário estiver em várias páginas, você pode configurar o acionador para disparar nas páginas que contêm o seu domínio:
Clique em continuar e selecione 'Alguns formulários':
Para finalizar seu acionador, adicione o ID do formulário que você anotou anteriormente (não use o meu ID do formulário!):
Agora você especificou as condições exigidas para o acionador disparar. A seguir, vamos criar uma tag.
Etapa 4 - Criar uma tag
Crie uma nova tag do Universal Analytics. Esta tag enviará as informações do evento ao Google Analytics. Novamente, certifique-se de dar a ele um nome fácil de lembrar:
Adicione seu ID de rastreamento do Google Analytics no próximo campo:
Em seguida, preencha o tipo de rastreamento como um evento e determine seus parâmetros de rastreamento para categoria e rótulo:
Se você estiver configurando isso para um formulário que pode ser encontrado em várias páginas, como estou neste exemplo, clique na caixa à direita do rótulo e selecione {{Caminho da página}} no menu suspenso. Isso garantirá que você possa ver de qual página o evento de envio de formulário foi acionado em seus relatórios de eventos do Analytics:
Em 'Hit sem interação', você pode selecionar verdadeiro ou falso. O hit de não interação é um parâmetro que permite que você decida se o evento que está sendo acionado afeta ou não métricas, como sua taxa de rejeição . Por exemplo, se você tem uma página onde um vídeo é reproduzido automaticamente, você deve selecionar 'verdadeiro'. Caso contrário, todos que chegarem a essa página dispararão um evento e a taxa de rejeição será zero.
Para rastreamento de envio de formulário, recomendo selecionar 'falso' - especialmente se o formulário que você está rastreando estiver em uma página de destino onde o visitante vê todas as informações de que precisa e preenche seu formulário de consulta. Afinal, mesmo que eles não visualizem outra página em seu site, eles interagiram e concluíram a ação desejada, então deve ser um hit de interação:
Em seguida, clique em continuar e selecione 'mais' em 'disparar'. Selecione 'formulário' e navegue até o acionador que você criou anteriormente:
Clique em 'criar tag' e sua tag final será semelhante a esta:
Etapa 5 - Teste
Vá para o modo de visualização e depuração para testar se seu novo rastreamento de eventos está funcionando:
No mesmo navegador, abra uma nova guia e navegue até seu site, onde o Gerenciador de tags abrirá o modo de depuração para você. A partir daqui, você pode visualizar seu contêiner e ele informará quais tags foram ou não disparadas em sua página:
No exemplo acima, nenhuma dessas tags foi disparada em minha página, incluindo meus envios de formulário de consulta. Agora posso testar o formulário diretamente na página e ver se a tag correta muda para 'tags disparadas nesta página':
Etapa 6 - Publicar
Depois de testar se sua tag funciona, volte para o painel do GTM e publique sua versão. Lembre-se de que você pode renomear as versões e reverter para as versões se a próxima versão não funcionar:
Ta-da - sua nova tag de rastreamento de eventos e gatilho agora estão ativos.
Otimização de formulário
Você pode querer melhorar os formulários em seu site para aumentar suas conversões. Você pode usar o GTM para rastrear cada campo do formulário para descobrir o que precisa ser testado e melhorado. Como alternativa, você pode usar um serviço como o Hotjar para fornecer uma análise de funil útil para otimização da taxa de conversão.
Conclusão
Se você deseja melhorar a eficiência e remover dores de cabeça de testes quando se trata de configurar o rastreamento de eventos, eu recomendo totalmente o uso do Gerenciador de tags do Google.
Descobri que quando os desenvolvedores estão ocupados trabalhando em projetos maiores em andamento em um site, eles apreciam essa decisão, pois libera seu tempo. Em um nível de entrada, você pode usar as tags integradas no Tag Manager e os recursos de controle de versão e modo de depuração permitem que você teste tudo sozinho.
Se você usou o Gerenciador de tags do Google para implementar o rastreamento de eventos de formulário usando este guia, adoraríamos saber mais sobre isso nos comentários abaixo. Como alternativa, entre em contato comigo no Twitter @Digital_Kym.
Se precisar de ajuda com o seu, não hesite em nos contatar.