javascript - AMP 客户端 ID 错误

Question

目前正在尝试实现 CLIENT_ID 变量 ( https://github.com/ampproject/amphtml/blob/master/spec/amp-var-substitutions.md#variable-substitution-in-links )，因此链接为:

<a id="get-started" href="https://subdomain.website.com/?client_id=CLIENT_ID(_ga)" data-amp-replace="CLIENT_ID">

我们还将域名列入白名单:

<meta name="amp-link-variable-allowed-origin" content="https://www.website.com https://subdomain.website.com">

然后修改GA代码:

    <amp-analytics type="googleanalytics">
     <script type="application/json">
      {
        "vars": {
          "account": "UA-XXXXXXX-X"
        },
        "extraUrlParams": {
          "clientId": "${clientId(_ga)}"
        },
        "triggers": {
          "trackPageview": {
            "on": "visible",
            "request": "pageview"
          }
        }
      }
    </script>
   </amp-analytics>

控制台报告这些错误:

element-service.js:63 The first argument to CLIENT_ID, the fallback Cookie name, is required:  undefined
log.js:317 Uncaught Error: The first argument to CLIENT_ID, the fallback Cookie name, is required: undefined​​​

Answer 1

改用CLIENT_ID(_ga):

<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXXX-X"

  },
  "extraUrlParams": {
    "ampClientId": "CLIENT_ID(_ga)"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>

重要的是要注意这里发生的事情:

使用 CLIENT_ID(_ga) 时，我们实际上是在告诉 AMP 分析生成一个名为 _ga 的 Cookie，然后将其用作 extraUrlParams code> 连接到 URL。

值得注意的是，我们可以使用此方法创建任何 cookie，因此如果我们想使用不同的分析 vendor ，我们可以生成我们需要的任何 cookie，例如:

CLIENT_ID(some_random_cookie) 将设置一个名为 some_random_cookie 的 cookie，并将 amp_client_id(一些哈希值)作为值。