Parte 3 do tutorial do Gerenciador de tags do Google: envio de formulários de rastreamento - atualização de 2020

Na Parte 2 de nosso Tutorial do Gerenciador de tags do Google atualizado, cobrimos o rastreamento de links de download. Se você perdeu, você pode começar aqui . Nesta terceira parte, examinaremos mais de perto um tópico muito popular - envios de formulários . A maioria dos profissionais de marketing terá interesse em rastrear isso, pois o objetivo de muitas campanhas é gerar leads por meio de formulários de contato e, portanto, essas são as conversões que medem o sucesso de uma campanha.

O Google Analytics não rastreia automaticamente essa atividade, mas o Gerenciador de tags do Google (GTM) oferece uma solução automatizada para rastrear envios de formulários.

Neste tutorial, presumimos que você já tem uma conta do Gerenciador de tags do Google, criou um contêiner e o instalou em seu site. Você também deve ter uma conta do Google Analytics configurada para o seu site e vinculá-la ao GTM.

Configure o rastreamento de envio de formulário seguindo as etapas abaixo.

Etapa 1: Encontre um Identificador Único

Mostraremos como configurar isso usando o exemplo de um formulário de contato. As etapas abaixo descrevem o processo geral e indicam quais partes precisam ser alteradas para o seu site específico.

A primeira etapa é encontrar algo que ajude a identificar seu formulário. Faremos isso observando o elemento HTML do formulário e decidindo o que ajudará a identificá-lo de maneira única.

Para inspecionar o formulário em seu site, clique com o botão direito para acessar as ferramentas de desenvolvedor do seu navegador. (No Chrome, por exemplo, clique com o botão direito do mouse no elemento que deseja inspecionar e selecione “Inspecionar”.) Isso mostrará vários atributos exclusivos do formulário, por exemplo, seu conteúdo, classe CSS e outros elementos.

Em nosso exemplo abaixo, você pode ver que o formulário tem um formulário de contato com id. Um id é um identificador adequado que normalmente é exclusivo para o elemento e não é usado em qualquer outro lugar no site. Se o seu formulário não tiver um id único, você também pode usar as classes do formulário, o URL da página da ação do formulário ou o texto do formulário para identificar esse formulário específico. Usar id ou classes é o mais fácil, portanto, recomendamos usá-los, se possível.

Como último recurso, você pode simplesmente usar o URL da página em que o formulário ocorre para identificá-lo, mas tenha cuidado com isso. Se você tiver outro formulário na página, como uma caixa de pesquisa, esse formulário pode acionar o evento do formulário de contato.

Etapa 2: habilitar a variável de formulário integrada

Para a configuração de sua tag de evento, você exigirá a variável interna Form ID (ou Form Classes se o seu formulário tiver uma classe exclusiva). Se você não usou essa variável antes, você deve selecioná-la e ativá-la. Para isso, navegue até Variáveis na interface do GTM, e na seção Variáveis ​​Integradas clique em Configurar . Role até as várias variáveis ​​de formulário e defina uma marca de seleção por ID de formulário .

Etapa 3: Criar o acionador de envio de formulário

Este gatilho define o que exatamente é o envio de um formulário de contato. Ele ouve os envios de formulários em páginas específicas do seu site e verifica se eles atendem às condições que você definiu especificamente para o seu formulário de contato.

Para a configuração do acionador, siga estas etapas:

• Navegue até Triggers na barra lateral esquerda e crie um novo.
• Substitua Untitled Trigger por um nome descritivo como Form Submission - Contact Form .
• Escolha o tipo de acionador: Envio de formulário . Isso ouvirá os formulários enviados.

Para a configuração do acionador, você definirá:

• Não marque a caixa de seleção Aguardar tags . Não recomendamos o uso dessa opção por padrão com formulários, pois ela pode interromper os envios de formulários. Ele pode ser usado se for testado exaustivamente.
• Marque a caixa de seleção Verificar validação . Isso verifica se o formulário foi realmente enviado.
• Ative quando:
  • O caminho da página contém o contato .

Isso ativa o gatilho nas páginas que têm contato no caminho, por exemplo, https://amazeemetrics.com/contact. Você deve alterar isso para habilitar o acionador na página ou páginas do seu site que contêm o formulário de contato. Você também pode ativar o gatilho em todas as páginas, se necessário.

• Fogo no:
  • Selecione as opções: ID do formulário é igual a formulário de contato .

Isso usa a variável que você ativou na Etapa 2 e a id exclusiva identificada na Etapa 1 para especificar exatamente qual formulário deseja rastrear como um Envio de formulário de contato .

• Altere o ID do formulário para qualquer identificador que você encontrou na Etapa 1 e a variável correspondente que você ativou na Etapa 2.

Clique em Salvar para finalizar a configuração do acionador.

Etapa 4: crie a tag de evento de envio de formulário

A última etapa no rastreamento dos envios de formulários é simplesmente criar uma Tag que registrará o Evento no Google Analytics com as informações que você deseja. O evento será disparado quando as condições do acionador que você configurou na etapa anterior forem atendidas. Agora, crie a tag colocando todas as peças juntas:

• Vá para> Tags > Novo para criar uma nova tag
• Nomeie-o como GA - Evento - Envio do formulário de contato
• Para sua configuração de tag, escolha Google Analytics: Universal Analytics como seu tipo de tag.
• Tipo de trilha: eventos
• Categoria: Insira o formulário
• Ação: Insira o envio do formulário de contato . Você pode renomear a categoria de evento e ação para corresponder a qualquer convenção de nomenclatura de evento que você usa.
• Rótulo: Digite com sucesso . Isso é opcional e você pode alterá-lo ou deixar o campo em branco.
• Hit sem interação: deixe a configuração padrão false . Isso significa que esse evento mudará sua taxa de rejeição porque será contado como uma interação em seu site.

Na última etapa, você seleciona o acionador que criou na etapa 3 para disparar a tag quando uma condição específica for atendida. Aqui está uma visão geral da configuração final:

Etapa 5: salvar uma versão, testar e publicar

Você está quase pronto! A tag que você acabou de criar não começará a funcionar até que você a publique, mas, primeiro, você deve testar exaustivamente se está funcionando conforme o esperado. Depois de salvar sua tag, ative o modo de visualização (clique em Visualizar no canto superior direito), vá para o seu site e atualize a página.

Certifique-se de cobrir estes cenários de teste para rastreamento de envio de formulário:

• Clique no botão enviar sem ter preenchido o formulário. A tag não deve ser disparada neste caso.
• Preencha o formulário com os detalhes corretos e clique em enviar. A tag deve disparar agora.

O Relatório de eventos em tempo real do Google Analytics deve exibir seus hits de evento se tudo estiver funcionando corretamente. Leia nossa postagem no blog sobre problemas de teste do Gerenciador de tags do Google e como corrigi-los se você encontrar algum problema.

Se todos os seus testes forem bem-sucedidos, você pode clicar no botão Enviar no GTM. Dê a esta versão publicada um nome descritivo, como evento de envio de formulário de contato adicionado e clique em Publicar .

Próximo tutorial chegando

Usar o acionador de envio de formulário é uma abordagem fácil para dominar o rastreamento do formulário de contato. No entanto, dependendo da forma e da tecnologia, isso pode nem sempre funcionar. Os formulários vêm em muitos formatos e tamanhos, por isso pensamos que é adequado apresentar a você diferentes técnicas de rastreamento para que você seja flexível.

Fique ligado em nossa próxima postagem no blog, onde abordamos uma abordagem mais avançada para formulários de rastreamento: O gatilho de visibilidade do elemento.