AMP页面配置GA4追踪遇验证错误，求正确配置指导

一、正确的脚本放置位置 #

• 引入amp-analytics的脚本必须放在页面的<head>标签内，作为AMP运行的前置依赖：

  <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  

• <amp-analytics>组件本身必须放在<body>标签内，不能置于<head>中，这是触发AMP验证错误的常见原因之一。

二、修正后的GA4配置代码 #

你之前添加ampHost的位置可能有误，正确配置需将ampHost与gtag_id同放在vars对象下，同时保证JSON格式完全合规（注意英文引号、逗号的正确使用）。完整的<amp-analytics>代码如下：

<amp-analytics type="gtag" data-credentials="include">
  <script type="application/json">
  {
    "vars": {
      "gtag_id": "G-373W5TRB8C",
      "ampHost": "${ampdocHost}"
    },
    "config": {
      "G-373W5TRB8C": { "groups": "default" }
    }
  }
  </script>
</amp-analytics>

三、常见验证错误排查点 #

• 检查JSON格式：确保所有引号为英文双引号，键值对末尾的逗号（最后一项除外）正确，避免语法错误。
• 确认组件位置：<amp-analytics>不能嵌套在<head>或其他不符合AMP规范的容器内。
• 验证ampHost变量：必须使用AMP内置的${ampdocHost}变量，不可手动替换为具体域名。

内容的提问来源于stack exchange，提问作者Rahul Chauhan