如何使用Optimizely测试使用jQuery Mobile构建的移动Web应用程序？

Question

我用jQuery Mobile构建了一个移动网络应用程序。在index.php文件中，有多个页面声明为data-role =“some_page_name”，它们的url类似于index.php＃my_profile。

现在我想使用Optimizely在其中一个页面上进行A / B测试。我创建了一个变体，让它将index.php＃my_profile重定向到一个新页面，url：index_b.php #my_profile。但是我无法将此页面链接到其他非测试页面。

例如，如果我在index_b.php#my_profile中有这样的链接：

<a href="index.php#favorite">My Favorite</a>

它无法链接到index.php中的收藏页面。有时，如果确实如此，您导航到其他页面，您将永远不会回到B版本/变体。

看起来Optimizely无法适应jQuery Mobile的多页结构。

任何解决方案？

Answer 1

您可以尝试在href链接中添加更多标记，例如

<a href="index.php#favorite" rel="external">My Favorite</a>
<a href="index.php#favorite" data-ajax='false'>My Favorite</a>

您还可以使用带有http：//前缀的完整链接路径。

<a href="http://yourdomain/yourpath/index.php#favorite">My Favorite</a>

另一个选项是添加链接点击JavaScript方法。您可以控制JavaScript内容。

优化或可视化网站优化工具应该没问题。