AMP移动加速页面添加Google Analytics统计代码的设置方法

网站支持AMP移动网页加速加载技术后，从Google搜索移动端进入相应页面，加载速度确实如闪电般快捷，页面如出水芙蓉般清爽。

对于WordPress博客而言，如果是通过官方AMP插件实现AMP加速，该插件并不自带Google Analytics统计服务，因为官方AMP插件就相当于另一套主题。因此需要用户自己添加Analyitics代码，才能实现统计服务。

根据Google的官方总体说明，对于WordPress的官方AMP插件，Analytics代码添加方法如下（其它插件或者网站程序和此原理一样）：

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里，将以下代码添加到/head标签之前。

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

添加通用JavaScript文件

2 然后再将以下代码（注意，此段统计代码不同于Analytics以前的代码，同时请将UA-XXXXX-Y替换成你自己的ID），放到amp/templates/single.php文件里的/body标签之前：

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

添加统计代码

至此，大功靠成。

从此AMP页面也会将访问统计发到你的Google Analyitcs里面，支持实时统计。需要分析AMP页面访问时候，可以通过AMP字段过滤出相关统计页面。

• It-Related

• Amp
• Google
• Wordpress