A/B-Test mit ember.js

Question

Ich habe absolut nichts in Google in Bezug auf A/B-Tests mit einem clientseitigen Framework wie ember.js gefunden.

Ziel ist es, angepassten Inhalt (verschiedene Nav-Elemente, Header-Phrasierung etc.) zu servieren, um A/B unsere UI/UX zu testen. Ich sollte beachten, dass sich nichts Wesentliches (d. H. Sitemap) ändert, nur einige kleinere Präsentationsaspekte.

Es gibt mehrere mögliche Ansätze, nämlich die Verwendung verschiedener Ansichtsvorlagen/Helfer-Snippets oder die Bereitstellung eines anderen Stylesheets. Beide haben Vorteile und Herausforderungen, und im Idealfall würde der gleiche Besucher immer die gleiche Version erhalten. Die Ergebnisse würden über einen Service wie Mixpanel bereitgestellt.

Ich fürchte, ich muss hier meine eigene Lösung rollen, würde aber gerne irgendwelche Vorschläge/Hinweise hören.

Answer 1

Die meisten A/B Javascript Testing Frameworks Cookie einen Benutzer als in der "A" oder "B" Gruppe, geben Sie eine Möglichkeit zu fragen, ob ein Benutzer "A" oder "B" und Bericht ist "Ergebnisse" zurück zu einem Service zu messen. Dies kann in Ember oder andere clientseitige Frameworks auf eine Weise eingefügt werden, die ziemlich orthogonal zum Framework ist.

Ich würde empfehlen, die "A" - oder "B" -Neigung des Benutzers als eine Eigenschaft auf Ihrem Benutzer (in Ember, wahrscheinlich Ihre UserController). Dann können Sie die Standardverzweigungen oder -bedingungen Ihres Frameworks verwenden, um die Benutzerschnittstelle "A" oder die Benutzerschnittstelle "B" zu rendern.

Answer 2

Ich habe tatsächlich ein ziemlich robust A/B Testing Tool mit Ember für mein Startup gebaut. Wir denken eigentlich über Open Source nach, wenn Nachfrage besteht. Ich kann Ihnen jedoch die Grundidee mitteilen, wie es jetzt funktioniert.

Ich habe landingPage-Objekte, die dann eine Reihe von A/B-Tests zugeordnet sein können. Wenn ein Benutzer auf die Zielseite gelangt, werden ihm ein Cookie und für jeden A/B-Test zugewiesen A oder B.

Ich habe zwei verschiedene Ansätze in Jade verwendet, um A/B-Tests zu behandeln.

Für Styling Art Dinge, verwende ich so etwas wie diese

und stellen Sie die CSS- Eigenschaft im Hinblick auf entweder Test-a oder Test-b

oder wenn es für Text ich werde etwas tun

{{Ansicht view.landingPageText}}

und die landingPageText würde entweder auf den Text für A oder das te eingestellt werden st für B.

Diese Sache richtet auch dynamisch Mixpanel, mailchimp, und verwendet parse.com und Knoten. Sie können den Code in Aktion hier sehen.

http://golf.nextstudioapps.com/