Experimentos A/B
Saiba como executar testes A/B e multivariados: variantes por URL dividida, variantes por código e CSS, objetivos de conversão e como interpretar os resultados.
Os experimentos permitem que você mostre versões diferentes de uma página para visitantes diferentes e meça qual converte melhor. O tráfego é dividido pelo widget que você já instalou, portanto um teste simples não requer código nenhum.
Criar um experimento
- Vá para Experiments no painel e clique em New experiment
- Dê um nome e uma key — a key é o que você referencia no código, e não pode ser alterada depois
- Defina Target pages — um padrão por linha, por exemplo
\/pricing ou \/landing\/*. Deixe em branco para executar em todo lugar
- Escolha um conversion goal — (veja abaixo)
- Defina suas variants e como o tráfego é dividido entre elas — as porcentagens devem somar 100%
- Salve e, em seguida, pressione Start experiment quando estiver pronto para coletar dados
Os experimentos começam como rascunho e não coletam nada até que você os inicie. Disponível no plano Unlimited.
Objetivos de conversão
Um objetivo é o que um visitante deve fazer para ser contado como convertido. Existem dois tipos:
- Custom event — é disparado quando um evento com esse nome é rastreado. Ou chame
Announcer.track('signup_completed') no seu código, ou configure um rastreador de cliques sem código em Settings › Events e use o nome dele aqui
- Page visit — o visitante chega a uma página correspondente, por exemplo
\/thank-you
Cada visitante converte no máximo uma vez por experimento, então sua taxa de conversão é a porcentagem de pessoas que converteram, não o número de vezes que o objetivo foi acionado.
Testes de URL dividida (sem código)
O teste mais simples: duas URLs, sem mudanças de código. Dê a cada variante uma redirect URL e o widget enviará os visitantes para a URL correta automaticamente.
- Duas páginas separadas — defina a página-alvo como
\/pricing, deixe o redirecionamento do controle vazio (a própria página é o controle) e aponte a variante B para \/pricing-b
- Uma página, um parâmetro de consulta — se ambas as versões estiverem na mesma página, dê ao controle
\/pricing?v=a e à variante B \/pricing?v=b, então renderize com base no parâmetro
Parâmetros de consulta existentes, como tags UTM, são mantidos no redirecionamento, e visitantes que chegam diretamente em uma URL de variante continuam na variante à qual foram atribuídos, portanto a divisão permanece limpa.
Variantes por código e CSS
Para variar uma página no lugar, o widget oferece três opções. Todas elas são mostradas com as chaves reais do experimento e da variante na página de resultados do experimento.
JavaScript:
Announcer.ready(function () {
if (Announcer.experiment('new-pricing') === 'b') {
\/\/ show variant B
}
});
CSS — o widget coloca a variante atribuída na tag <html>, então um teste pode ser puramente em CSS:
html[data-announcer-exp-new-pricing="b"] .old-headline { display: none; }
Event — para frameworks que renderizam tardiamente, escute por announcer:experiments em document, que carrega todo experimento ativo e sua variante atribuída.
Como os visitantes são atribuídos
- A atribuição é sticky — um visitante mantém a mesma variante em todas as visitas, incluindo visitantes anônimos
- Alterar a divisão do tráfego no meio do teste não muda ninguém que já tenha visto o experimento
- Um visitante só conta depois que realmente viu o experimento em uma página alvo, então pessoas que nunca alcançaram o teste não diluem seus resultados
Interpretando os resultados
Abra um experimento para ver, por variante:
- Visitors e conversions
- Conversion rate, com uma barra para comparação rápida
- Uplift em relação ao controle
- Confidence — quão certos estamos de que a diferença é real, e não ruído. 95% ou mais é marcado Significant
Abaixo de algumas centenas de visitantes por variante, os resultados costumam ser ruído — a página avisará quando não houver dados suficientes ainda. Resista a declarar um vencedor cedo.
Pausando e finalizando
- Pause interrompe a divisão; os visitantes voltam a ver a página de controle como ela é
- Resume continua de onde você parou, mantendo as atribuições e dados existentes
- Complete encerra o teste e permite marcar uma variante vencedora, mantendo os resultados para referência
Depois de concluir um teste, incorpore o vencedor na sua página de verdade e exclua o redirecionamento do experimento, para que os visitantes deixem de ser encaminhados por ele.
\/pricing ou \/landing\/*. Deixe em branco para executar em todo lugar
- Escolha um conversion goal — (veja abaixo)
- Defina suas variants e como o tráfego é dividido entre elas — as porcentagens devem somar 100%
- Salve e, em seguida, pressione Start experiment quando estiver pronto para coletar dados
Os experimentos começam como rascunho e não coletam nada até que você os inicie. Disponível no plano Unlimited.
Objetivos de conversão
Um objetivo é o que um visitante deve fazer para ser contado como convertido. Existem dois tipos:
- Custom event — é disparado quando um evento com esse nome é rastreado. Ou chame
Announcer.track('signup_completed') no seu código, ou configure um rastreador de cliques sem código em Settings › Events e use o nome dele aqui
- Page visit — o visitante chega a uma página correspondente, por exemplo
\/thank-you
Cada visitante converte no máximo uma vez por experimento, então sua taxa de conversão é a porcentagem de pessoas que converteram, não o número de vezes que o objetivo foi acionado.
Testes de URL dividida (sem código)
O teste mais simples: duas URLs, sem mudanças de código. Dê a cada variante uma redirect URL e o widget enviará os visitantes para a URL correta automaticamente.
- Duas páginas separadas — defina a página-alvo como
\/pricing, deixe o redirecionamento do controle vazio (a própria página é o controle) e aponte a variante B para \/pricing-b
- Uma página, um parâmetro de consulta — se ambas as versões estiverem na mesma página, dê ao controle
\/pricing?v=a e à variante B \/pricing?v=b, então renderize com base no parâmetro
Parâmetros de consulta existentes, como tags UTM, são mantidos no redirecionamento, e visitantes que chegam diretamente em uma URL de variante continuam na variante à qual foram atribuídos, portanto a divisão permanece limpa.
Variantes por código e CSS
Para variar uma página no lugar, o widget oferece três opções. Todas elas são mostradas com as chaves reais do experimento e da variante na página de resultados do experimento.
JavaScript:
Announcer.ready(function () {
if (Announcer.experiment('new-pricing') === 'b') {
\/\/ show variant B
}
});
CSS — o widget coloca a variante atribuída na tag <html>, então um teste pode ser puramente em CSS:
html[data-announcer-exp-new-pricing="b"] .old-headline { display: none; }
Event — para frameworks que renderizam tardiamente, escute por announcer:experiments em document, que carrega todo experimento ativo e sua variante atribuída.
Como os visitantes são atribuídos
- A atribuição é sticky — um visitante mantém a mesma variante em todas as visitas, incluindo visitantes anônimos
- Alterar a divisão do tráfego no meio do teste não muda ninguém que já tenha visto o experimento
- Um visitante só conta depois que realmente viu o experimento em uma página alvo, então pessoas que nunca alcançaram o teste não diluem seus resultados
Interpretando os resultados
Abra um experimento para ver, por variante:
- Visitors e conversions
- Conversion rate, com uma barra para comparação rápida
- Uplift em relação ao controle
- Confidence — quão certos estamos de que a diferença é real, e não ruído. 95% ou mais é marcado Significant
Abaixo de algumas centenas de visitantes por variante, os resultados costumam ser ruído — a página avisará quando não houver dados suficientes ainda. Resista a declarar um vencedor cedo.
Pausando e finalizando
- Pause interrompe a divisão; os visitantes voltam a ver a página de controle como ela é
- Resume continua de onde você parou, mantendo as atribuições e dados existentes
- Complete encerra o teste e permite marcar uma variante vencedora, mantendo os resultados para referência
Depois de concluir um teste, incorpore o vencedor na sua página de verdade e exclua o redirecionamento do experimento, para que os visitantes deixem de ser encaminhados por ele.
Atualizado a 3 de setembro de 2026