Tutorials

Serverseitiges A/B-Testing mit Deno und dem Fresh Framework

Serverseitiges A/B-Testing mit Deno und dem Fresh Framework

Flowsery Team
Flowsery Team
1 Min. Lesezeit

TL;DR — Kurzantwort

1 Min. Lesezeit

Erstellen Sie serverseitige A/B-Tests mit Deno Fresh, indem Sie Varianten in Cookies speichern, sitzungsbasierte Experiment-Events auslosen und Conversions uber Analyse-Event-Metadaten-Filter zuordnen.

Dieser Leitfaden fuhrt durch den Aufbau eines serverseitigen A/B-Testing-Setups mit Denos Fresh Framework in Kombination mit einem datenschutzfreundlichen Analysetool. Das Beispielprojekt ist ein fiktiver Dinosaurier-Shop namens "Ordino", der vier Variationen testet: zwei vertauschte Produktbilder (Varianten A und B) und zwei verschiedene Formulartitel (Varianten C und D).

Grundprinzipien

  • Serverseitige Variantenauswahl: Die gewahlte Variante wird in einem Cookie mit 24-Stunden-Ablauf gespeichert, damit Nutzer wahrend ihrer Sitzung eine konsistente Erfahrung sehen.
  • Sitzungsbasierte Experiment-Events: Ein A/B-Testing-Event wird einmal pro Sitzung ausgelost und tragt die Varianten-Metadaten, damit Sie wissen, welche Version angezeigt wurde.
  • Conversion-Attribution: Wenn ein Nutzer eine Bestellung abschliesst, enthalt das Conversion-Event die Information, welche Variante aktiv war, sodass Sie Ergebnisse bestimmten Varianten zuordnen konnen.
  • Dashboard-Filterung: Verwenden Sie Event-Metadaten-Filter in Ihrem Analyse-Dashboard, um die Leistung verschiedener Varianten zu vergleichen.

Implementierungshinweise

  • Ein TypeScript-Analytics-SDK wird uber npm integriert, um das Event-Tracking zu ubernehmen.
  • Seitenaufrufe werden aus Fresh-Middleware heraus getrackt, mit einem kontextbasierten Mechanismus zur Steuerung, welche Routen erfasst werden.
  • Eine benutzerdefinierte Hilfsfunktion bildet das Deno-Request-Objekt in das vom Analytics-SDK erwartete Format ab.
  • Die Authentifizierung verwendet einen Access-Key-Ansatz, sodass keine separaten Client-ID- und Secret-Anmeldedaten verwaltet werden mussen.

Ergebnisse analysieren

Nachdem das Experiment genugend Daten gesammelt hat, offnen Sie Ihr Analyse-Dashboard und filtern Events nach Varianten-Metadaten. Der Vergleich der Conversion-Rate fur jede Variante zeigt, welche Version der Seite bessere Ergebnisse liefert.

War dieser Artikel hilfreich?

Teilen Sie uns Ihre Meinung mit!

Bevor Sie gehen...

Flowsery

Flowsery

Umsatzorientierte Analysen für Ihre Website

Verfolgen Sie jeden Besucher, jede Quelle und jede Conversion in Echtzeit. Einfach, leistungsstark und vollständig DSGVO-konform.

Flowsery

Echtzeit-Dashboard

Zielverfolgung

Cookie-freies Tracking

Verwandte Artikel