​
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 Experiments screen 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: Segments screen 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: Create variants Selecione o segmento: Select a segment Faça as alterações que deseja: Variants

​
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. Experiments screen Experiments screen

​
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.