我正在尝试在我的 AMP (Wordpress) 网站上使用 Optimize 运行一些 A/B 测试。我正在使用官方的 Wordpress AMP 插件并通过插件提供的挂钩添加我的分析设置。我将向您展示最终的 HTML 输出。
到目前为止我所做的：
- 我已确保 amp-experiment 和 amp-analytics 脚本都包含在我的页面中（WordPress 插件自动包含所有必需的脚本。）
- 设置一个名为 testExperiment 的实验。它的 ID 是 51vXPC_HQcCA-kjuWP5XFQ。
- 潜在问题：优化诊断显示以下错误：未找到分析跟踪代码优化插件未找到分析是 100% 集成的，因为它在我的网站上显示实时视图。我想由于特定的 AMP 集成过程，诊断程序无法正常工作。
- 我创建了一个变体，创建了定位规则，与分析相关联，设置了一个目标。
- 我在我的页面中添加了以下 amp-experiment 和 amp-analytics 脚本。</li>
<amp-experiment>
<script type="application/json">
{
"testExperiment": {
"sticky": false,
"variants": {
"0": 50,
"1": 50
}
}
}
</script>
</amp-experiment>
我在页面源代码中的分析脚本输出如下所示：
<script type="application/json">
{
"vars": {
"account": "UA-54160702-17"
},
"requests": {
"experiment": "${pageview}&xid=${xid}&xvar=${xvar}"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview",
"extraUrlParams": []
},
"pageview": {
"on": "visible",
"request": "experiment",
"vars": {
"xid": "51vXPC_HQcCA-kjuWP5XFQ",
"xvar": "VARIANT(testExperiment)"
}
}
},
"transport": {
"beacon": "true",
"xhrpost": "true",
"image": "false"
}
}
</script>
- 我已将以下 CSS 添加到我的页面中：
body[amp-x-testExperiment="0"] .clr-expr {
background-color: #00cebe;
}
body[amp-x-testExperiment="1"] .clr-expr {
background-color: #353c8c;
}
实验属性未添加到页面正文中，我在控制台中看到以下错误：
我要测试的页面是：https ://dev.somnishop.com/was-tun-gegen-schnarchen-frauen/
任何建议将不胜感激。