2012-11-13 51 views
5

對於使用客戶端框架(如ember.js)進行A/B測試,Google上絕對沒有發現任何內容。使用ember.js進行A/B測試

我們的目標是提供調整後的內容(不同的導航條目,標題措辭等),以便對我們的UI/UX進行A/B測試。我應該指出,沒有什麼重要的(即網站地圖)正在改變,只是一些次要的表象方面。

有幾種可能的方法,即使用不同的視圖模板/幫手片段或提供不同的樣式表。兩者都有優勢和挑戰,理想情況下,同一個訪問者總是會得到相同的版本。結果將通過像Mixpanel這樣的服務提供。

我擔心我可能不得不在這裏推出我自己的解決方案,但很樂意聽到任何建議/指示。

回答

3

從根本上來說,大多數A/B javascript測試框架會將用戶記錄爲「A」或「B」組中的一個用戶,讓您可以詢問用戶是「A」還是「B」並報告「結果」返回到服務來衡量。這可以以與框架相當正交的方式插入Ember或其他客戶端框架。

我會建議將用戶的「A」或「B」級暴露爲用戶的財產(在Ember中,可能是您的UserController)。然後,您可以使用您的框架的標準分支或條件來呈現「A」UI或「B」UI。

2

我實際上構建了一個非常強大的A/B測試工具,使用Ember作爲我的啓動。如果有需求,我們實際上正在考慮公開採購。我可以讓你知道它現在的工作原理。

我有一個landingPage對象,然後可以有一堆與之相關的A/B測試,當用戶進入着陸頁時,他們被分配一個cookie,並且爲每個分配的A/B測試A或B.

我在玉石中使用了兩種不同的方法來處理A/B測試。

對於造型類的東西,我用的是這樣的

,並在視圖中這兩項測試中,一個或測試-B

或設置的CSS屬性,如果它是文本我會做這樣的事情

{{視圖view.landingPageText}}

和landingPageText將被設置爲文本爲A或TE st for B.

這個東西也動態地設置了mixpanel,mailchimp,並且使用了parse.com和node。你可以在這裏看到這個代碼。

http://golf.nextstudioapps.com/

+0

嘿,你們是用這個嗎?你最終是否開放了它/你們有沒有更多的關於它的文章?我想通過與Ember進行AB測試的方法,我絕對有興趣! –

+0

@SherwinYu - 我將代碼放在這裏https://github.com/bwship/ember-ab-testing-suite我必須做一些更多的清理工作,但這對於這一點來說是一個非常穩固的基準。 – WallMobile