Quando você integra o Yay! Forms com o Google Tag Manager (GTM), nossa plataforma envia automaticamente os dados de preenchimento para a Camada de Dados (dataLayer) do seu site.
Por padrão, o Yay! Forms dispara eventos como o YFAnswer toda vez que o usuário responde a uma pergunta. No entanto, em muitos casos, você pode querer disparar uma tag de conversão (Google Ads, Meta Pixel, etc.) apenas quando um campo específico for preenchido — como o campo de E-mail — ou quando o usuário atingir uma pontuação mínima.
Neste tutorial, vamos usar o preenchimento do campo de E-mail como exemplo, mas você aprenderá a lógica para aplicar a qualquer outro critério!
Passo 1: Descubra o ID do campo desejado
Para garantir que sua configuração não quebre caso você mude o título da pergunta no futuro, a melhor prática é utilizar o ID do campo (fieldId) como regra, e não o texto da pergunta.
-
Abra o modo de visualização (Preview) do seu GTM.
-
Acesse a página onde seu formulário está publicado e preencha o campo de teste (ex: seu e-mail) para avançar.
-
Na janela do GTM Preview, procure no menu lateral esquerdo pelo evento
YFAnswerque acabou de ser disparado. -
Clique na aba Data Layer.
-
Procure pela propriedade
data.fieldIde copie o código que aparece entre aspas (será uma sequência de letras e números, como 661071860811e305370cadb8).
Passo 2: Crie a Variável da Camada de Dados no GTM
Agora, precisamos "ensinar" o GTM a ler a informação desse ID dinamicamente.
-
No painel do GTM, vá em Variáveis e clique em Nova (na seção de Variáveis Definidas pelo Usuário).
-
Clique em Configuração da variável e escolha o tipo Variável da Camada de Dados.
-
No campo Nome da Variável da Camada de Dados, digite exatamente o caminho da propriedade:
data.fieldId -
Dê um nome fácil de identificar, como DLV - ID do Campo, e clique em Salvar.
Passo 3: Crie o Acionador (Trigger) da Conversão
Agora vamos criar a regra exata: o GTM só vai disparar a tag quando o evento for uma resposta (YFAnswer) E o ID do campo for igual ao do e-mail.
-
Vá no menu lateral Acionadores e clique em Novo.
-
Clique em Configuração do acionador e escolha Evento Personalizado.
-
No campo Nome do evento, digite:
YFAnswer -
Em "Este acionador é disparado em", selecione a opção Alguns Eventos Personalizados.
-
Configure a regra de disparo selecionando a variável que você criou no Passo 2:
-
Escolha:
[DLV - ID do Campo] -
Condição: é igual a
-
Valor: Cole o código do ID que você copiou no Passo 1.
-
-
Dê um nome (ex: Trigger - Resposta Email) e clique em Salvar.
Passo 4: Adicione o Acionador à sua Tag
Pronto! Agora é só ir na sua Tag de Conversão (do Google Ads, Meta, Analytics, etc.), descer até a seção de Acionamento, e selecionar o Trigger que você acabou de criar. Salve e publique as alterações no seu GTM.
Indo além: Usando outras regras (Ex: Pontuação)
Você não está limitado apenas a IDs de campos. O payload (pacote de dados) que o Yay! Forms envia para o dataLayer é muito rico.
Por exemplo, se o seu formulário tem uma calculadora lógica e você só quer disparar uma conversão se o Score (pontuação) do usuário for maior que 100, você pode seguir a mesma lógica:
-
Crie a Variável: O GTM precisa ler a pontuação. Crie uma Variável da Camada de Dados com o nome:
data.variables.score -
Crie o Acionador: Crie um Evento Personalizado para o momento do envio final (
YFSubmit). -
Configure a Regra: Ajuste para disparar apenas quando a sua nova variável for maior que
100.
Você pode explorar o Preview do GTM para ver todos os dados que enviamos dentro da propriedade data (como UTMs, campos ocultos e mais) e criar acionadores super segmentados para as suas campanhas!