Tutoriels

Tests A/B cote serveur avec Deno et le framework Fresh

Tests A/B cote serveur avec Deno et le framework Fresh

Flowsery Team
Flowsery Team
1 min de lecture

TL;DR — Réponse rapide

1 min de lecture

Construisez des tests A/B cote serveur avec Deno Fresh en stockant les variantes dans des cookies, en declenchant des evenements d'experience par session et en attribuant les conversions via les filtres de metadonnees d'evenements analytiques.

Ce guide detaille la mise en place de tests A/B cote serveur en utilisant le framework Fresh de Deno associe a un outil d'analyse respectueux de la vie privee. Le projet exemple est une boutique de dinosaures fictive appelee "Ordino" qui teste quatre variations : deux images de produits interchangees (variantes A et B) et deux titres de formulaire differents (variantes C et D).

Principes fondamentaux

  • Selection de variante cote serveur : La variante choisie est stockee dans un cookie avec une expiration de 24 heures afin que les utilisateurs voient une experience coherente tout au long de leur session.
  • Evenements d'experience par session : Un evenement de test A/B se declenche une fois par session, portant les metadonnees de la variante pour que vous sachiez quelle version a ete affichee.
  • Attribution de conversion : Lorsqu'un utilisateur finalise une commande, l'evenement de conversion inclut la variante active, vous permettant de lier les resultats a des variantes specifiques.
  • Filtrage dans le tableau de bord : Utilisez les filtres de metadonnees d'evenements dans votre tableau de bord analytique pour comparer les performances entre les variantes.

Notes d'implementation

  • Un SDK analytique TypeScript est integre via npm pour gerer le suivi des evenements.
  • Les vues de page sont suivies depuis le middleware Fresh, avec un mecanisme base sur le contexte pour controler quelles routes sont suivies.
  • Une fonction utilitaire personnalisee mappe l'objet Request de Deno dans le format attendu par le SDK analytique.
  • L'authentification utilise une approche par cle d'acces, donc il n'est pas necessaire de gerer des identifiants client et secret separes.

Analyser les resultats

Une fois que l'experience a collecte suffisamment de donnees, ouvrez votre tableau de bord analytique et filtrez les evenements par metadonnees de variante. Comparer le taux de conversion de chaque variante revele quelle version de la page produit de meilleurs resultats.

Cet article vous a-t-il été utile ?

Dites-nous ce que vous en pensez !

Avant de partir...

Flowsery

Flowsery

Des analyses orientées revenus pour votre site web

Suivez chaque visiteur, source et conversion en temps réel. Simple, puissant et entièrement conforme au RGPD.

Flowsery

Tableau de bord en temps réel

Suivi des objectifs

Suivi sans cookies

Articles connexes