对于使用客户端框架(如ember.js)进行A / B测试,我在谷歌上找不到任何内容。
目标是提供调整后的内容(不同的导航项,标题短语等),以便A / B测试我们的UI / UX。我应该注意到,没有什么重要的(即站点地图)正在发生变化,只是一些小的表现方面。
有几种可能的方法,即使用不同的视图模板/帮助器代码段,或提供不同的样式表。两者都有优势和挑战,理想情况下,相同的访问者将始终提供相同的版本。结果将通过Mixpanel等服务提供。
我担心我可能不得不在这里推出自己的解决方案,但我很乐意听到任何建议/指示。
答案 0 :(得分:4)
从根本上说,大多数A / B javascript测试框架将用户视为处于“A”或“B”组中,为您提供一种方式来询问用户是“A”还是“B”并报告“结果“回到测量服务。这可以以与框架完全正交的方式插入Ember或其他客户端框架。
我建议将用户的“A” - 或“B” - 暴露为用户的属性(在Ember中,可能是您的UserController
)。然后,您可以使用框架的标准分支或条件来呈现“A”UI或“B”UI。
答案 1 :(得分:1)
我实际上已经为我的创业公司使用Ember构建了一个非常强大的A / B测试工具。如果有需求,我们实际上正在考虑开源。我现在可以让你了解它的工作原理。
我有landingPage对象,然后可以有一堆与之关联的A / B测试。当用户进入登录页面时,会为他们分配一个cookie,并为每个分配了A的A / B测试或B.
我在玉器中使用了两种不同的方法来处理A / B测试。
对于样式类型的东西,我使用类似这样的东西
并将视图中的.css属性设置为test-a或test-b
或者如果是文字,我会做这样的事情
{{view view.landingPageText}}
并将landingPageText设置为A的文本或B的测试。
这个东西还动态设置mixpanel,mailchimp,并使用parse.com和节点。您可以在此处查看代码。