谷歌优化和 AMP 集成答案

【问题标题】：Google Optimize and AMP integration谷歌优化和 AMP 集成
【发布时间】：2020-08-18 19:17:23
【问题描述】：

我正在尝试在我的 AMP (Wordpress) 网站上使用 Optimize 运行一些 A/B 测试。我正在使用官方的 Wordpress AMP 插件并通过插件提供的挂钩添加我的分析设置。我将向您展示最终的 HTML 输出。

到目前为止我做了什么：

我已确保 amp-experiment 和 amp-analytics 脚本都包含在我的页面中（WordPress 插件自动包含所有必需的脚本。）
设置名为 testExperiment 的实验。它的 ID 是 51vXPC_HQcCA-kjuWP5XFQ。
潜在问题：优化诊断显示以下错误：未找到分析跟踪代码找不到优化插件分析是 100% 集成的，因为它在我的网站上显示实时视图。我认为由于特定的 AMP 集成过程，诊断程序无法正常工作。
我创建了一个变体，创建了定位规则，与分析相关联，设置了一个目标。
我在我的页面中添加了以下 amp-experiment 和 amp-analytics 脚本。

    <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/

任何建议将不胜感激。

【问题讨论】：

标签： amp-html google-optimize

【解决方案1】：

原来是 Wordpress AMP 插件存在问题。如果有人感兴趣，This 是支持线程。

【讨论】：

【解决方案2】：

我在使用 amp-experiment 标签 1.0 版时遇到了同样的问题，所以我将它替换为 amp-experiment 标签 0.1 版，它解决了问题 1.0 版本不稳定，所以不应该使用——https://github.com/ampproject/amphtml/issues/21705

【讨论】：