Como configurar UTMs no GreatPages para acompanhar resultados corretamente

Foi-se o tempo em que era possível tomar decisões baseadas em achismo. Se você investe em anúncios no Meta Ads (Instagram/Facebook), Google Ads, TikTok Ads ou até mesmo em parcerias com influenciadores e disparos de e-mail marketing, você precisa saber exatamente de onde estão vindo os seus leads e as suas vendas.

Por isso, é tão importante conhecer a funcionalidade dos parâmetros UTM (Urchin Tracking Module). Eles são pequenas extensões de texto adicionadas ao final da URL da sua página que indicam a origem exata do visitante.

Embora o acompanhamento de tráfego seja vital, muitos profissionais enfrentam dificuldades para consolidar esses dados quando o usuário preenche um formulário de captura ou avança para o checkout. Felizmente, a plataforma da GreatPages oferece total flexibilidade para automatizar esse processo.

Neste guia completo, você vai aprender como configurar UTMs no GreatPages utilizando um script de captura inteligente e campos ocultos. 

Na prática, esse método garante que os parâmetros de tráfego sejam salvos de forma automatizada e repassados perfeitamente para as suas ferramentas de e-mail marketing, CRMs ou plataformas de checkout.

Continue a leitura!

O que são parâmetros UTM e por que eles são essenciais?

Antes de partirmos para a parte técnica, vale recapitular quais são os 5 parâmetros padrão de UTM que você deve monitorar para analisar seus resultados corretamente:

• utm_source (Origem): identifica a plataforma ou rede de onde vem o tráfego (Ex: google, facebook, newsletter).
• utm_medium (Mídia): identifica o tipo de mídia ou formato do link (Ex: cpc para anúncios pagos, organic para tráfego orgânico, stories).
• utm_campaign (Campanha): identifica a campanha promocional ou o lançamento específico (Ex: black-friday, lancamento-junho).
• utm_term (Termo): geralmente usado no Google Ads para identificar a palavra-chave que acionou o anúncio.
• utm_content (Conteúdo): usado para diferenciar criativos, formatos ou variações do mesmo anúncio (Ex: video-01, banner-azul).

Ao configurar o rastreamento nativo na sua landing page, você impede a perda de dados valiosos na transição entre o clique no anúncio e a conversão final do lead.

Como funciona a captura de UTM no GreatPages?

Por padrão, quando um usuário clica em um link parametrizado, como, por exemplo, suapagina.com.br/?utm_source=instagram&utm_medium=stories, os dados ficam visíveis apenas na barra de endereço do navegador. Se o usuário preencher um formulário comum, a plataforma registrará o lead, mas não saberá que ele veio daquele story específico do Instagram.

Para resolver isso de forma automatizada, nós dividimos a configuração no GreatPages em duas etapas simples:

1. O script de captura (JavaScript): ele atua nos bastidores da página lendo a URL de entrada, extraindo os valores das UTMs e inserindo-os secretamente nos campos do formulário.
2. Os campos ocultos (Hidden Fields): são campos invisíveis para o usuário final dentro do formulário, criados especificamente para armazenar internamente esses valores extraídos e repassá-los nas integrações.

Vamos ao passo a passo prático para aplicar essa estrutura na sua página.

Passo 1: Inserir o script de rastreamento no GreatPages

O primeiro passo é adicionar a inteligência de rastreamento à sua página. Esse código JavaScript é leve, seguro e roda diretamente no navegador do visitante sem afetar a velocidade de carregamento da sua landing page.

1. Acesse o painel da sua conta e entre no Editor de Páginas do GreatPages na página que deseja configurar.
2. No menu lateral esquerdo, clique no ícone de Engrenagem (Configurações).
3. Selecione a opção JavaScript e CSS e, em seguida, clique no botão Adicionar Novo Código.
4. No campo de identificação, nomeie o código para sua organização interna (Exemplo: Rastreamento de UTMs Avançado).
5. Na opção de funcionamento/posição, defina obrigatoriamente como Rodapé.
6. No campo de texto, copie e cole exatamente o script abaixo:

HTML

<script>

function getQueryVariable(variable) {

    var query = window.location.search.substring(1);

    var vars = query.split("&");

    for (var i = 0; i < vars.length; i++) {

        var pair = vars[i].split("=");

        if (pair[0] == variable) { return pair[1]; }

    }

    return (false);

}

var utms = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];

utms.forEach(function(utm) {

    var value = getQueryVariable(utm);

    if (value) {

        var elements = document.querySelectorAll('input[name="' + utm + '"]');

        elements.forEach(function(el) {

            el.value = decodeURIComponent(value);

        });

    }

});

</script>

1. Clique em Salvar e feche a janela de códigos.

Na prática, ao concluir a configuraçã, este código faz uma varredura automática na URL assim que a página carrega. Se ele encontrar termos como utm_source ou utm_campaign, ele decodifica o texto e injeta o valor diretamente nos campos do formulário que possuem esses mesmos nomes.

Passo 2: Configurar os campos ocultos no formulário

Com o script pronto, precisamos dar ao GreatPages o "local" correto para armazenar essas informações vindas da URL. Faremos isso adicionando campos invisíveis ao seu formulário de captura. Veja o passo a passo:

1. Navegue até o elemento de Formulário dentro da sua página e clique nele.
2. No menu flutuante ou lateral do formulário, clique em Configurar (ou Editar Campos).
3. Clique no botão Adicionar Campo e mude o tipo dele para Campo Oculto (Hidden). Note que esse campo não aparecerá visualmente para o visitante no editor.
4. Agora, preencha as propriedades do campo com máxima atenção às letras minúsculas:

• Nome do Campo: Digite exatamente a UTM que deseja capturar. Exemplo: utm_source
• Valor Padrão: Insira a tag correspondente da UTM entre chaves. Exemplo: {utm_source}

1. Repita exatamente o mesmo processo para todas as outras UTMs que você utiliza estrategicamente em suas campanhas (Recomendamos fazer no mínimo para utm_medium e utm_campaign).

Ao fazer o processo, certifique-se de que o campo oculto está configurado exatamente em letras minúsculas (utm_source), pois o script é sensível a variações de caixa alta e baixa (case-sensitive).

Passo 3: Repassando os dados para checkout e ferramentas de e-mail

A configuração dentro do editor do GreatPages está concluída, mas o ciclo do rastreamento só se fecha quando esses dados chegam à sua ferramenta de vendas ou automação. Dependendo do seu modelo de negócio, existem duas principais destinações para esses dados:

1. Ferramentas de e-mail marketing e CRMs (ActiveCampaign, RD Station, Hubspot, etc.)

Ao integrar o formulário do GreatPages com a sua ferramenta de e-mail via Webhook ou integração nativa, lembre-se de realizar o mapeamento de campos. Crie campos personalizados no seu CRM com os nomes das UTMs correspondentes para receber as informações coletadas no formulário. Assim, ao abrir a ficha de um lead, você verá exatamente qual anúncio gerou aquele contato.

2. Plataformas de infoprodutos e checkout (Hotmart, Monetizze, Ticto, Kiwify)

Se a sua landing page envia o usuário diretamente para um carrinho de compras, garantir que a UTM chegue ao gateway de pagamento é vital para saber quais campanhas estão trazendo faturamento real (ROI) e não apenas leads.

Muitas plataformas de checkout utilizam parâmetros específicos para identificar a origem do tráfego interno. Por exemplo, a Hotmart e a Monetizze utilizam frequentemente o parâmetro sck ou repassam as UTMs nativas na URL do checkout.

Certifique-se de configurar a integração do formulário ou o redirecionamento do botão de ação para puxar os valores salvos nos campos ocultos do GreatPages e mapeá-los para as variáveis correspondentes exigidas pelo seu gateway de pagamento.

Boas práticas para testar o seu rastreamento

Após finalizar as configurações e Publicar a sua página, o próximo passo é a etapa de testes. É ela que garante que suas campanhas não rodarão às cegas.

1. Abra uma aba anônima no seu navegador.
2. Insira a URL da sua página publicada simulando manualmente os parâmetros de UTM no final. Exemplo: https://suapagina.com.br/?utm_source=teste-origem&utm_medium=teste-midia&utm_campaign=teste-campanha
3. Preencha o formulário de teste com um e-mail fictício e realize a conversão.
4. Acesse a aba de Leads no painel do GreatPages ou verifique a sua ferramenta de e-mail/checkout integrada.
5. Confira se os dados extraídos (teste-origem, teste-midia, etc.) foram computados perfeitamente nos campos ocultos do lead gerado.

Se as informações aparecerem corretamente, parabéns! Sua estrutura de monitoramento avançado está ativa e operando de forma 100% automatizada.

Perguntas Frequentes sobre Configuração de UTMs no GreatPages

1. Por que as minhas UTMs não estão aparecendo nos leads coletados?

Se os dados de rastreamento não estão salvando, verifique três pontos principais:

• Letras maiúsculas: o script e os campos ocultos do formulário são sensíveis a variações. Certifique-se de que o nome do campo oculto está exatamente em minúsculas (ex: utm_source e não UTM_Source).
• Posição do script: o código JavaScript deve estar configurado obrigatoriamente no Rodapé da página, garantindo que ele seja executado após o formulário já ter sido carregado no navegador.
• Chaves no valor padrão: lembre-se de colocar as chaves no valor padrão do campo oculto, como {utm_source}.

2. O script funciona se o usuário navegar por mais de uma página antes de converter?

O script padrão apresentado neste tutorial captura as UTMs diretamente da URL da página atual em que o formulário está inserido. Se você envia o tráfego para uma página de conteúdo (Página A) e o formulário de captura está em outra (Página B), os parâmetros se perdem no caminho se o link interno não for tratado. Para cenários com múltiplas páginas, é necessário utilizar scripts avançados que armazenem as UTMs nos Cookies ou no LocalStorage do navegador do usuário.

3. Posso testar o rastreamento usando o modo de "Visualização" do editor?

Não é recomendado. O modo de visualização serve apenas para conferir o layout e a disposição dos elementos. Para testar o funcionamento real de scripts de rastreamento e integrações, você deve Publicar a landing page, abrir o link público em uma aba anônima e simular as UTMs manualmente na barra de endereço.

4. Quantos campos ocultos eu posso adicionar em um único formulário?

Não há limitação técnica na plataforma. Você pode adicionar quantos campos ocultos (Hidden) julgar necessários. A boa prática de mercado recomenda configurar pelo menos os três principais parâmetros (utm_source, utm_medium, utm_campaign) para ter um controle estratégico básico e eficiente.

5. Como faço para repassar essas UTMs direto para o meu checkout se não uso formulário?

Se a sua landing page não possui formulário de captura e envia o usuário direto para o checkout através de um botão de clique, o processo é diferente. Em vez de injetar os valores em campos ocultos, você precisará de um script de "SRC Dinâmico" ou "UTM nos Botões", que lê os parâmetros da URL de entrada e os concatena automaticamente no final do link de redirecionamento de todos os botões da página.

Conclusão

Como vimos até aqui, saber mensurar a eficácia de cada canal de aquisição é o que diferencia os negócios amadores dos digitais altamente escaláveis. Na gestão de campanhas, Configurar UTMs no GreatPages através de scripts de rodapé e campos ocultos é uma solução simples, prática e extremamente robusta para centralizar seus dados de tráfego.

Com esse rastreamento ativo, você terá clareza total de qual anúncio, criativo ou campanha está gerando mais lucro para a sua operação, permitindo escalar o que funciona e cortar rapidamente o que não traz resultados.

Coloque este tutorial em prática na sua próxima landing page e eleve o nível de análise das suas métricas de marketing digital.