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

Question

我已经使用 jQuery Mobile 构建了一个移动 Web 应用程序。在 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 内容。

在优化或视觉网站优化器上应该没问题。