Este guia apresenta o passo a passo para construir uma configuração de testes A/B no lado do servidor usando o framework Fresh do Deno junto com uma ferramenta de analytics focada em privacidade. O projeto de exemplo é uma loja fictícia de dinossauros chamada "Ordino" que testa quatro variações: duas imagens de produto trocadas (variantes A e B) e dois títulos de formulário diferentes (variantes C e D).

Princípios Fundamentais

Seleção de variante no lado do servidor: A variante escolhida é armazenada em um cookie com expiração de 24 horas para que os usuários vejam uma experiência consistente durante toda a sessão.
Eventos de experimento com escopo de sessão: Um evento de teste A/B é disparado uma vez por sessão, carregando os metadados da variante para que você saiba qual versão foi exibida.
Atribuição de conversão: Quando um usuário completa um pedido, o evento de conversão inclui qual variante estava ativa, permitindo vincular os resultados a variantes específicas.
Filtragem no painel: Use filtros de metadados de eventos no seu painel de analytics para comparar o desempenho entre variantes.

Notas de Implementação

Um SDK de analytics em TypeScript é integrado via npm para lidar com o rastreamento de eventos.
As visualizações de página são rastreadas a partir do middleware do Fresh, com um mecanismo baseado em contexto para controlar quais rotas são rastreadas.
Uma função auxiliar personalizada mapeia o objeto Request do Deno para o formato que o SDK de analytics espera.
A autenticação usa uma abordagem de chave de acesso, então não há necessidade de gerenciar credenciais separadas de ID de cliente e segredo.

Analisando os Resultados

Depois que o experimento coletou dados suficientes, abra seu painel de analytics e filtre eventos por metadados de variante. Comparar a taxa de conversão de cada variante revela qual versão da página gera melhores resultados.