分类
信息技术

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

网站速度优化-Google-AMP

网站支持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>

Google AMP
添加通用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>

Google AMP
添加统计代码

至此,大功靠成。

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

“AMP移动加速页面添加Google Analytics统计代码的设置方法”上的12条回复

我也是感到很意外,居然百度和Google合作了。不过,MIP和AMP原理是一样的,不同的是商业背景不一样,所以百度要推出自己的MIP。

然而Google的AMP是开源的,所以,受大家接受也不奇怪。

好好研究了一个AMP,但最终还是放弃了这个插件。不是说这个不好,有几个问题我比较在意:
1、虽然现在百度搜狗都在对AMP的事情表态,但我并没有找到百度支持AMP的任何证据。我用手机百度搜索了“土木坛子”,所有AMP相关的页面都是可以打开的。速度相对还是比较可观的。但在找“百度统计”及百度的广告并没有找到支持AMP的相关证据。当然打开速度只能是自己的感觉,是和自己的网站相比较。
2、统计代码和广告。感觉CNZZ的统计代码是用不了了,希望之后能使用百度的统计代码和广告,如果可以,我会回头的。
3、手机端的网页我用了另外一个插件,叫WP Touch,Google不会缓存,但也很大程度精简了网页,也能小幅度提高速度。
最重要原因不想折腾了,以后有时间吧。

我的网站除了文字是中文,其它的没有国内的服务,所以用起来无压力。百度支持AMP,是说它支持收录AMP(但没有AMP缓存,Google提供Cache服务),参考MIP项目博文记录:是否支持 AMP?目前 MIP-Cache 已对部分 AMP 页面做了支持,长线的技术方案也在进行中。

在国内自然无用,只要能用Google就可以用,所以,墙外的Google用户可以体验上AMP。但对墙内也没有任何损害。

实际上,Baidu Sogou会收录你的AMP页面,也能提高网站的加载速度(虽然没有Baidu等的CDN cache, 但页面体积减小了)。

由于Google移动下的AMP,其实网页都变成了Google域名,有人提及对于PR和Alexa排名,手机上的AMP页面访问确实是相当于Google的一个网页,但手机上的访问量本来就对Alexa排名没有什么影响吧?PR?这个东西已经被Google放弃了。

对用户的体验最重要,这是最重要的指标。只要速度上来,Google也会优先将页面在搜索结果里显示出来。

天下武功,唯快不破。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注