Como configurar o rastreamento de eventos do Google Analytics para um formulário de registro

O que você vai aprender

Saiba como configurar o rastreamento de eventos do Google Analytics para os formulários de registro do Klaviyo e obter insights sobre ações importantes dos usuários nos seus formulários. Você pode medir a atividade do formulário marcando os eventos do Klaviyo (por exemplo, form_open, form_close, form_submit) como conversões no Google Analytics. Configure isso seguindo este processo em 2 etapas:

1. Adicione um snippet de código ao seu site para enviar os dados do formulário de registro do Klaviyo para o Google Analytics.
2. Marque seus eventos como conversões no Google Analytics.

Antes de começar

Configurar o rastreamento de eventos dos seus formulários de registro no Google Analytics exige colar um snippet de código no seu site. Se você não se sentir à vontade para colar código e não tiver um desenvolvedor para ajudar, a Klaviyo tem uma ampla rede de parceiros no nosso Diretório de parceiros. 

Acompanhe os cadastros enviados usando um formulário da Klaviyo

Você pode rastrear a atividade de formulários da Klaviyo no Google Analytics adicionando um ouvinte de eventos ao evento klaviyoForms e, em seguida, executando diferentes chamadas de rastreamento do GA para cada tipo de evento. Este código deve ser colado no arquivo principal do tema do seu site.

• Se você estiver usando a Shopify, cole o snippet no arquivo theme.liquid em uma nova linha acima da tag de fechamento </body>. Observe que, se você estiver usando páginas de produto personalizadas, talvez seja necessário adicionar esse snippet a um arquivo de tema diferente ou às suas páginas de produto personalizadas individuais.
• Se você estiver usando o Shopify 2.0, adicione o código a um bloco Custom Liquid.
• Se você estiver usando o BigCommerce, navegue até Storefront > Footer Scripts no painel do Administrador do BigCommerce e cole o snippet na caixa de código do rodapé em uma nova linha.

Abaixo está o código genérico para rastreamento de todos os tipos de eventos do klaviyoForms no Google Analytics. Esse código também deve ser usado se você usar gtag.js para carregar o Google Analytics:

<script>
  window.addEventListener("klaviyoForms", function(e) { 
    if (e.detail.type == 'open' || e.detail.type == 'embedOpen') {
      gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'submit') {
      gtag('event', 'form_submit', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'stepSubmit') {
      gtag('event', 'form_step_submit', {'form': 'Klaviyo form', 'step_name': e.detail.metaData.$step_name});
    }
    if (e.detail.type == 'redirectedToUrl') {
      gtag('event', 'form_url_redirect', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
    if (e.detail.type == 'close') {
      gtag('event', 'form_close', {'form': 'Klaviyo form', 'form_id': e.detail.formId});
    }
  });
</script>

Se você quiser acompanhar versões diferentes do formulário ou variantes, modifique seu snippet de código para

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId, 'form_version_id': e.detail.formVersionId })

com o(a) form_id relevante em vez de

gtag('event', 'form_open', {'form': 'Klaviyo form', 'form_id': e.detail.formId })

Se você estiver fazendo rastreamento de envios de formulário para um formulário de várias etapas, observe que apenas 1 evento submit será acionado a cada vez que o formulário for preenchido. O evento de envio será acionado nas seguintes circunstâncias:

• Para formulários com ações de inscrição por e-mail ou SMS, o envio de um e-mail ou telefone aciona um evento de envio.
• Em formulários que contêm campos de e-mail e SMS em várias etapas, enviar o que aparecer primeiro no formulário aciona um evento de envio.
• Para formulários sem uma ação de inscrição por e-mail ou SMS (por exemplo, um formulário que contenha apenas campos de texto), clicar em um botão com a Ação definida como Enviar formulário aciona um evento de envio.

O evento stepSubmit será disparado quando cada etapa for enviada.

Teste seu código de rastreamento

Depois de instalar o código de rastreamento no seu site, você pode testá-lo para garantir que os dados estão sendo rastreados. Para testar seu código:

1. Acesse seu site e interaja com o formulário (por exemplo, enviando ou fechando).
2. Abra o Google Analytics e acesse Relatórios > Tempo real.
3. Em Event count by Event name, você deve ver um detalhamento dos dados que seu formulário rastreou. As métricas de cada evento devem refletir uma contagem precisa com base na ação que você realizou (por exemplo, se você fechou o formulário, isso será refletido no Event Count de form_close).

Se você não estiver vendo seus eventos, verifique se o Google Analytics está configurado corretamente e se o snippet de código que você usou está correto. Além disso, observe que seus eventos só ficarão visíveis no Realtime por 30 minutos. Consulte [GA4] Relatório Realtime para mais detalhes.

Configure eventos para serem marcados como conversão

Depois de configurar o rastreamento de novos eventos de inscrição no Google Analytics, você pode configurar os eventos correspondentes para serem marcados como conversões e ajudar você a monitorar como os usuários interagem com seus formulários.

Na tabela de eventos existentes do Google Analytics (Administrador > Eventos), ative o botão para Marcar como conversão em qualquer evento que você queira acompanhar. Se um evento não estiver na lista existente, você precisará criar um novo evento e marcá-lo como uma conversão. Se você quiser que seu evento seja marcado como uma conversão apenas quando uma determinada condição for atendida (por exemplo, um ID de formulário específico), você precisará configurar uma conversão com base nos valores dos parâmetros do seu evento.

Quando você marca um evento como uma conversão, o Google Analytics registrará uma conversão sempre que identificar seu event_name (por exemplo, form_open). Acompanhe as conversões dos dados de formulário do Klaviyo no relatório de conversão.

Recursos adicionais