Como Fazer Teste A/B com Google Tag Manager e GA4 (Sem Ferramentas de Terceiros)

Muitas vezes, quando pensamos em Teste A/B, a primeira ideia que vem à mente é contratar ferramentas pagas ou pesadas. No entanto, se você já utiliza o ecossistema do Google (Google Tag Manager e Google Analytics 4), é perfeitamente possível criar uma estrutura robusta de testes sem custo adicional.

Neste guia, vou mostrar como implementar um Teste A/B utilizando uma página de destino genérica, um pouco de JavaScript e a precisão dos eventos do Google Analytics 4.

Por que fazer Teste A/B via GTM?

A principal vantagem é o controle. Você não depende de plugins que podem deixar o site lento ou de assinaturas caras. Usando o Google Tag Manager (GTM), você gerencia a lógica de distribuição de tráfego e, com o GA4, mensura qual variação converte mais.

O Passo a Passo da Implementação

1. Crie uma Página Genérica

Você precisará de uma URL "limpa" (ex: seusite.com.br/promo-original). É nesta página que o usuário chegará primeiro e onde o GTM decidirá se ele será redirecionado para a Versão A ou Versão B.

2. Tag de Redirecionamento (HTML Personalizado)

No GTM, crie uma tag do tipo HTML Personalizado. O objetivo aqui é usar JavaScript para escolher randomicamente uma versão e salvar essa escolha no localStorage do navegador para evitar que o usuário mude de versão ao dar refresh.

Código:

<script>
(function() {
  var testName = 'ab_test_landing';
  var variation = localStorage.getItem(testName);
 
  // Se não houver variação salva, escolhe uma (50/50)
  if (!variation) {
    variation = (Math.random() < 0.5) ? 'A' : 'B';
    localStorage.setItem(testName, variation);
  }
 
  var path = window.location.pathname;
  
  // Condição para a página genérica
  if (path === '/landing-page/landing') {
    if (variation === 'A') {
      window.location.replace('https://seu-dominio.com.br/landing-page-a/');
    } else {
      window.location.replace('https://seu-dominio.com.br/landing-page-b/');
    }
  }
})();
</script>

Acionador: Exibição de Página onde a URL contém o caminho da sua página genérica.

3. Variável de JavaScript Personalizado

Para que o GA4 saiba qual versão o usuário está vendo, precisamos de uma variável no GTM que "leia" o valor salvo no navegador.

Crie uma variável de JavaScript Personalizado chamada get_ab_variation:

function() {
  return localStorage.getItem('ab_test_landing');
}

4. Tag de Evento do GA4

Agora, crie uma tag de Evento do GA4 para enviar essa informação ao Analytics.

• Nome do Evento: ab_test_view

• Parâmetros do Evento: * Nome: ab_test_variation | Valor: {{get_ab_variation}}

• Acionador: Visualização de página em ambas as variações (A e B).

Analisando os Resultados no GA4

Após configurar o GTM, você precisa registrar a Dimensão Personalizada no GA4 para que ela apareça nos seus relatórios:

1. Vá em Administrador > Exibição de dados > Definições personalizadas.

   

2. Clique em Criar dimensões personalizadas.

   

3. Nome da dimensão: AB Test Variation.

4. Escopo: Evento.

5. Parâmetro do evento: ab_test_variation.

   

Dica:

Aguarde de 24h a 48h para os dados começarem a ser processados. Depois, utilize a aba Explorar do GA4 para criar um relatório comparando a taxa de conversão (ou eventos de lead) entre a Variação A e a Variação B.

Conclusão

O Teste A/B é a única forma real de parar de ACHAR e começar a SABER o que funciona na sua estratégia de marketing. Com essa estrutura via GTM, você ganha agilidade e economiza recursos.

Dúvidas na implementação? Entre em contato comigo e juntos podemos criar o seu Teste A/B utilizando o Google Tag Manager. 💡