Google Analytics Variant 测试不同的 CSS 文件

Question

在我的电子商务商店中，我有一个包含 3/4 页的“结帐流程”。我想使用 Google Analytics 对此进行实验（A/B 测试）。具体来说;我想尝试一个不同的样式表来隐藏几个元素 (display:none;) 以使结帐更加简单。

基本上，我希望 Google Analytics 将 global.css 用于“原始”页面，将 global_b.css 用于“变体”。

为每个页面制作不同的变体并不是理想的解决方案。在文档中有一个解决方案，但我真的不明白如何实现这个：https://developers.google.com/analytics/solutions/experiments-client-side#implement-choose。

如何修改给定脚本以仅适用于我要测试的页面（例如checkout_1.php、checkout_2.php、checkout_3.php）并在两个样式表之间切换？

Answer 1

我解决这个问题的方法是

1) 向 global.css 添加额外的 CSS 类定义：

.ga-experiment-no-display{
    display:none;
}

2) 在checkout_1|2|3.php上为每个可以隐藏的元素添加一个额外的html类，如'.ga-experiment'

3) Checkout 页面分别加载 GA 实验代码并包含一个 JS 文件 (checkout.js)。这有代码：

var chosenVariation = cxApi.chooseVariation();
if (chosenVariation > 0){
   //Search for all elements with $('.ga-experiment') 
   //Add the class '.ga-experiment-no-display'
}