Tutoriales

Pruebas A/B del lado del servidor con Deno y el framework Fresh

Pruebas A/B del lado del servidor con Deno y el framework Fresh

Flowsery Team
Flowsery Team
1 min de lectura

TL;DR — Respuesta rápida

1 min de lectura

Construye pruebas A/B del lado del servidor con Deno Fresh almacenando variantes en cookies, disparando eventos de experimento por sesión y atribuyendo conversiones a través de filtros de metadatos de eventos en analítica.

Esta guía explica paso a paso cómo construir una configuración de pruebas A/B del lado del servidor usando el framework Fresh de Deno combinado con una herramienta de analítica centrada en la privacidad. El proyecto de ejemplo es una tienda ficticia de dinosaurios llamada "Ordino" que prueba cuatro variaciones: dos imágenes de producto intercambiadas (variantes A y B) y dos títulos de formulario diferentes (variantes C y D).

Principios fundamentales

  • Selección de variante del lado del servidor: La variante elegida se almacena en una cookie con expiración de 24 horas para que los usuarios vean una experiencia consistente durante toda su sesión.
  • Eventos de experimento por sesión: Un evento de prueba A/B se dispara una vez por sesión, llevando los metadatos de la variante para saber qué versión se mostró.
  • Atribución de conversiones: Cuando un usuario completa un pedido, el evento de conversión incluye qué variante estaba activa, permitiendo vincular los resultados con variantes específicas.
  • Filtrado en el panel: Usa filtros de metadatos de eventos en tu panel de analítica para comparar el rendimiento entre variantes.

Notas de implementación

  • Un SDK de analítica en TypeScript se integra vía npm para gestionar el seguimiento de eventos.
  • Las vistas de página se rastrean desde el middleware de Fresh, con un mecanismo basado en contexto para controlar qué rutas se rastrean.
  • Una función auxiliar personalizada mapea el objeto Request de Deno al formato que espera el SDK de analítica.
  • La autenticación usa un enfoque de clave de acceso, por lo que no es necesario gestionar credenciales separadas de client ID y secret.

Análisis de los resultados

Después de que el experimento haya recopilado suficientes datos, abre tu panel de analítica y filtra los eventos por metadatos de variante. Comparar la tasa de conversión de cada variante revela qué versión de la página genera mejores resultados.

¿Te resultó útil este artículo?

¡Cuéntanos qué opinas!

Antes de irte...

Flowsery

Flowsery

Analítica orientada a ingresos para tu sitio web

Rastrea cada visitante, fuente y conversión en tiempo real. Simple, potente y totalmente conforme con el RGPD.

Flowsery

Panel en tiempo real

Seguimiento de objetivos

Rastreo sin cookies

Artículos relacionados