Tutoriais

Um guia prático de Teste A/B do lado do servidor com

Flowsery Team
Flowsery Team
5 min de leitura

TL;DR — Resposta rápida

5 min de leitura

O teste A/B do lado do servidor em Fresh atribui variantes antes da renderização, evita oscilações do lado do cliente, envia apenas metadados de experimentos com proteção de privacidade e mede conversões agregadas por variante.

Este guia explica Teste A/B do lado do servidor com na prática, com foco em decisões de analytics que respeitam a privacidade.

O teste A/B do lado do servidor escolhe a variante antes da página ser renderizada. Isso o torna uma boa opção para Deno Fresh, que prioriza o servidor e envia JavaScript apenas para ilhas interativas. A documentação da arquitetura do Fresh descreve as páginas renderizadas no servidor com apenas ilhas hidratadas no cliente. Consulte a documentação do Fresh sobre arquitetura.

Essa abordagem evita o problema clássico de teste do lado do cliente: uma página é carregada, um script de teste é executado e o usuário vê uma oscilação conforme a variante muda.

O que testar no lado do servidor

Bons testes do lado do servidor incluem:

  • Layout da página de preços.
  • Comprimento do formulário de inscrição.
  • Cópia do herói.
  • Colocação CTA.
  • Estrutura de navegação.
  • Ordem das etapas de checkout.
  • Caminho de integração.

Evite testar pequenas alterações, a menos que você tenha um volume alto. Para sites de menor tráfego, teste diferenças significativas ou use pesquisas qualitativas em vez de fingir que pequenas mudanças de cor produzirão conclusões confiáveis.

Estratégia de Atribuição

Você precisa de uma atribuição de variante consistente. Opções:

  1. Cookie anônimo de curta duração.
  2. Sessão do lado do servidor.
  3. ID da conta autenticada.
  4. Hash determinístico de um ID primário estável.

Para um site público, um cookie primário de curta duração é simples, mas ainda pode levantar questões de consentimento, dependendo da jurisdição e da finalidade. Se você quiser evitar totalmente os cookies, atribua testes de conteúdo de baixo risco por solicitação, mas entenda que visitors pode ver diferentes variantes entre as visitas.

Para experimentos de produtos autenticados, use atribuição em nível de conta ou de usuário dentro de sua governança de análise de produto, e não em análises de marketing público.

Formato de implementação Fresh

O middleware Fresh pode ser executado antes de uma rota e passar o estado através do contexto de solicitação. Os documentos Fresh explicam que o middleware recebe um contexto com a solicitação e retorna uma resposta, e o roteamento do sistema de arquivos pode definir o middleware nos arquivos _middleware.ts. Consulte Fresh documentação de middleware.

Um fluxo típico:

  1. O middleware verifica se a solicitação é elegível para o experimento.
  2. Ele lê uma atribuição de variante existente, se presente.
  3. Se estiver ausente, atribui uma variante usando um método aleatório estável.
  4. Ele armazena a atribuição em um cookie de curta duração ou em uma sessão de servidor.
  5. Passa experiment_name e variante para o contexto da rota.
  6. A rota renderiza a versão correta imediatamente.
  7. Um evento de exposição é registrado uma vez por sessão ou tarefa.
  8. Os eventos de conversão incluem os mesmos metadados da experiência.

Design de eventos com privacidade segura

Envie metadados do experimento, não identidade:

Event: experiment_exposed
Properties:
- experiment_name = pricing_page_layout
- variant = compact
- page_template = pricing
 
Event: demo_requested
Properties:
- experiment_name = pricing_page_layout
- variant = compact
- form_type = demo

Não envie email, nome, empresa, ID de usuário, endereço IP ou conteúdo de formulário de texto livre para análises do site.

Evite contar recargas como exposições

Uma exposição deveria significar que o visitante teve uma chance real de ver a variante. Se você disparar um evento em cada renderização do servidor, as recargas aumentam as contagens.

Melhores opções:

  • Defina um sinalizador de exposição no nível da sessão.
  • Exposição ao fogo apenas uma vez por tarefa experimental.
  • Rastreie page_view normalmente e mantenha experiment_exposed separado.
  • Exclua bots e solicitações de pré-busca sempre que possível.

Medindo Resultados

Para cada variante, compare:

Flowsery
Flowsery

Teste gratuito

Painel em tempo real

Rastreamento de metas

Rastreamento sem cookies

  • Exposições.
  • Contagem de conversões.
  • Taxa de conversão.
  • Progressão do funil.
  • Mistura de dispositivos.
  • Mistura de fontes.
  • Métricas de proteção, como erros de formulário ou rejeição.

Não use apenas a contagem bruta de conversões. Uma variante com mais conversões pode simplesmente ter recebido mais tráfego ou um melhor mix de fontes.

Advertências estatísticas

O teste A/B precisa de volume suficiente. Se cada variante tiver algumas dezenas de visitors, a análise ainda poderá mostrar a direção, mas não poderá provar muita coisa. Decida com antecedência:

  • Conversão primária.
  • Tempo de execução mínimo.
  • Tamanho mínimo da amostra ou limite prático.
  • Segmentos a serem monitorados.
  • Métricas de proteção.
  • Regra de parada.

Evite espiar diariamente e declarar um vencedor quando o gráfico parecer emocionante.

Por que o lado do servidor se adapta à análise que prioriza a privacidade

As ferramentas de teste do lado do cliente geralmente adicionam scripts, cookies, solicitações de terceiros e oscilações visuais. Uma configuração do lado do servidor pode ser menor:

  • Nenhum script de teste de terceiros.
  • Nenhuma reescrita do DOM após o carregamento.
  • Menos JavaScript enviado.
  • Os metadados do experimento permanecem mínimos.
  • As conversões podem ser contadas de forma agregada.

O modelo de ilhas do Fresh ajuda porque o JavaScript interativo é opcional. Os documentos Fresh descrevem ilhas como as partes da página interativas com o cliente, enquanto o restante permanece renderizado pelo servidor. Consulte Fresh documentação das ilhas.

Conclusão

O teste A/B do lado do servidor não consiste em adicionar mais rastreamento. Trata-se de tomar decisões controladas sobre produtos ou marketing com menos despesas gerais para o cliente. Atribua variantes antes da renderização, mantenha os metadados limpos, meça as conversões agregadas e interrompa o teste somente quando o resultado for forte o suficiente para alterar o que você envia.

Armazene em cache com cuidado

Experimentos e cache do lado do servidor podem entrar em conflito. Se um CDN armazenar em cache a primeira variante renderizada para todos, seu teste será interrompido. Varie o cache por atribuição de experimento, desative o cache de página inteira em rotas de experimento ou mova a parte variável para trás de uma decisão de borda ou servidor que não esteja armazenada em cache incorretamente.

Comportamento do cache de documentos antes do lançamento. Muitos testes do A/B falham não por causa de estatísticas, mas porque a infraestrutura serviu a variante A para quase todos.

Termine o teste de forma limpa

Quando um vencedor for escolhido, remova a lógica de atribuição, os cookies obsoletos e as propriedades de eventos específicas do experimento. Mantenha uma anotação no Analytics com a data de lançamento. Experimentos mortos há muito tempo tornam os painéis mais difíceis de ler e podem manter ativos cookies ou ramificações desnecessárias.

Mantenha os experimentos pequenos o suficiente para serem mantidos

Cada experimento adiciona lógica de ramificação. Nomeie os experimentos com clareza, defina uma data de validade e atribua um proprietário. Se um teste não puder ser monitorado, encerrado e limpo, ele não deverá ser iniciado. Os melhores sistemas de teste do lado do servidor são enfadonhos: um ponto de decisão, uma métrica primária, um tíquete de limpeza.

Lista de verificação do experimento pré-lançamento

Antes de um experimento do lado do servidor entrar em operação, confirme o método de atribuição, comportamento do cache, evento de exposição, conversão primária, métricas de proteção, regra de tamanho de amostra, proprietário e data de limpeza. Se um cookie ou sessão de servidor for usado para atribuição, documente por que ele é necessário e quanto tempo dura.

Após o lançamento, compare as contagens de exposição com o tráfego da página e as contagens de conversão com os registros de back-end. Se o experimento não puder ser finalizado de forma limpa, ou se seus eventos revelarem dados de formulário pessoal, o teste não estará pronto.

Este artigo foi útil?

Diga-nos o que pensa!

Antes de ir...

Flowsery

Flowsery

Analytics orientado para receitas para o seu site

Rastreie cada visitante, fonte e conversão em tempo real. Simples, poderoso e totalmente conforme com o RGPD.

Painel em tempo real

Rastreamento de metas

Rastreamento sem cookies

Artigos relacionados