php - 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'
}