​

Como criar um Teste A/B e acompanhar os resultados?

Os testes A/B para websites consistem em dividir e direcionar o publico para duas versões diferentes do site e ver em qual delas o engajamento é maior.

Vamos conhecer cada uma das etapas:

• Criando um experimento
• Segmentação do tráfego
• Editando sua variante
• Criação de eventos e coleta de dados
• Funil e resultado

​

Criando um experimento

No menu lateral, clique em Experiments

Essa tela lista os seus experimentos, clique em “Create new Experiment”

Alguns dados serão necessários:

• Name
• Description
• Traffic (porcentagem que irá para versão nova)

​

Segmentação do tráfego

Você acabou escolher a porcentagem do tráfego para o seu teste, mas pode personalizar isso ainda mais.

A criação do Experimento, gerou um novo Segmento, que pode ser conferido na aba lateral, em Segments:

Assim, você também pode combinar segmentos para fazer Testes para públicos específicos:

Selecione o Teste criado e faça as alterações que deseja.

Exemplos de segmentação:

• 50% do tráfego Mobile
• 30% do tráfego da Campanha do Facebook
• 10% do tráfego do Rio de Janeiro

​

Editando sua variante

Agora com o segmento criado, você pode escolher se deseja fazer o teste para uma página completa ou uma section específica.

Crie uma variante:

Selecione o segmento:

Faça as alterações que deseja:

​

Criação de eventos e coleta de dados

Os templates já iniciam com alguns eventos, mas você pode criar novos eventos.

Veja como criar pelo código ou pelo painel:

Exemplo no código:

import { sendEvent } from "./sdk/analytics.tsx";

<button
  onClick={() => sendEvent({ name: "add_to_cart" }, params)}
>
  Adicionar ao Carrinho
</button>;

​

Funil e resultado

Além disso, é possível conferir os resultados do Teste A/B

Na tela que lista os Experimentos, selecione o Teste desejado.

Confira os recursos:

​

Tamanho da amostra

Indicação de tamanho mínimo da amostra para que o teste seja considerado estatisticamente relevante.

​

Probabilidade

Veja a probabilidade da sua variação ser a vencedora em relação a outra.

​

Configuração de metas

Selecione as metas que deseja comparar, não existe nenhum limite.

​

Filtro por período

Filtre por período para entender se houve pontos fora da curva durante o teste.

​

Funil

Veja a taxa de conversão de cada uma das suas métricas para entender onde está perdendo o seu usuário.

​

Tempo real

Os dados são transferidos em tempo real, chega de esperar um ou dois dias para analisá-los.

​

Setup do GA4 para Teste A/B

Para assegurar a consistência dos dados fornecidos fornecidos ao navegar em um Teste A/B na deco.cx, utilizamos um cookie, chamado deco_segment.

Esse cookie dura por padrão 30 dias e pode ser utilizado para entender em qual versão o usuário está.

Todos os dados que vão para o Analytics da deco.cx, já são separados por segmento.

Porém, para que isso também aconteça no GA4, é necessário verificar esse cookie e segmentar os eventos com base nessa informação.

• Exemplo de cookie

deco_segment=TdCJTIyYWN0aXZlJTIyJTNBJTVCJTVEJTJDJTIyaW5hY3RpdmVEcmF3biUyMiUzQSU1QiUyMlRlc3RlJTIwVGF2YW5vJTIyJTVEJTdE

• Para extrair o dado legível deste hash, utilize a função:

getData(myCookie) {
	return JSON.parse(decodeURIComponent(atob(myCookie)))
}

• Isso irá devolver um objeto como:

{
  "active": [],
  "inactiveDrawn": ["Teste Tavano"]
}

Dessa forma, no GTM, você consegue identificar se o usuário está participando do Teste X, permitindo o envio de eventos de forma segmentada e precisa.