标签归档:Analytics

AMP移动加速页面添加Google AdSense广告代码的设置方法

网站速度优化-Google-AMP

赖博主以前不愿意使用Google AMP加速网站,说因为不方便添加AdSense广告。其实通过WordPress官方AMP插件实现的AMP网页很容易就添加AdSense广告。方法和添加AMP Google Analytics是一样的,只需要添加相应的JS库AMP格式的AdSense广告单元即可。

具体方法如下:

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里/head之前添加以下JavaScript代码:

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

AMP AdSense

2 接下来在amp/templates/single.php文件里,对应文章中需要出现广告位置的地方添加AdSense单元,注意AdSense广告单元需要是AMP格式:

以下代码是自适应尺寸广告,建议放在文章标题下(非首屏Below the fold),如下图所示(注意data-ad-client和data-ad-slot的值换成你自己的ID):

<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

AMP AdSense

下面的代码是首屏(Above the fold)自适应尺寸广告,建议放在文章标题之上:

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

OK,WordPress官方插件AMP下的AdSense广告设置就是如此简单。

我感觉AMP页面下的AdSense广告又干净、整洁、快速,和内容也浑然一体,估计点击率应该会高一些。

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字段过滤出相关统计页面。

国内还能用Google Analytics和AdSense吗?

Google搜索和Gmail在中国大陆很久就不能用了。但服务于网站的统计分析Google Analytics和广告展示AdSense呢?是不是在国内也无法使用了?其实,这两个服务在国内都能正常工作。

我所有的网站都使用了Google Analytics统计分析和AdSense广告展示。Google Analytics一直都能正常地为统计来自国内的访问情况,和统计国外的情况没有任何差别。当然,我也只能选择Google Analytics服务,因为它本身支持HTTPS SSL协议,国产的统计服务JS都只有HTTP代码。

另外,Google Analytics统计信息很详细,并支持全球范围统计,精确到城市,强大的实时统计功能方便查看突发访问流量。而国产的网站统计(百度统计)都只能将所有中国以外的统计分为“国外”。我的访问量只有四分之一来自中国大陆,我不可能选择一个没有国外统计分析的服务。

我用VPN的国内IP访问过我的网站,在PC端发现Google AdSense广告加载没有问题(也支持HTTPS),只是时间有点长,手机端有时候会有问题。也有朋友说,Google AdSense文字广告中的字体来自Google字体,导致加载失败。但总体来讲,Google AdSense广告在大部分情况下还是能显示。我的Google AdSense广告收入报告中也一直有相当一部分的中国大陆点击——只是点击单价比欧美的差很多。

事实上,Google搜索和Gmail因为服务器在中国大陆以外,导致现在全面被墙,但统计分析Google Analytics和广告展示AdSense在北京有服务器,JS代码很可能就是来自墙内,再加上这两个服务不涉及到内容审查的问题,因此墙的影响会小很多。

Google Analytics和广告展示AdSense代码本身支持异步加载,对网页自身加载速度影响不大。用Google Analytics和广告展示AdSense的用户也不少,加载一次JS代码后,再次加载会调用缓存,对速度的影响就更小了。Analytics和AdSense还有手机客户端(苹果iOS,安卓Android),方便网站主查看统计和广告收入报告。

因此,国内用户如果想用Google Analytics和AdSense服务,完全可以放心使用。