欢迎光临
我们一直在努力

在 WordPress 的 AMP 网页中加入 Analytics 统计代码

在文章WordPress开启加速移动页面AMP增强SEO中,我们提到了

AMP 技术的本质就是通过将页面精简,比如说去掉一些不是与网页内容而言不是很本质的东西。比如说为实现不同功能的各种各样 JavaScript 脚本。比说如常用的统计代码,广告代码,Mathjax 等。

今天我们讲讲怎么将 Analytics 统计代码插入到 WordPressAMP 网页中。

方法一:Accelerated Mobile Pages 插件

其实在 WordPress开启加速移动页面AMP增强SEO中,我们差不多讲全了。现在具体讲讲怎么用这个插件来插入 `Analytics` 统计代码。点击进入插件设置页面,选择 `Get Started` 中的 `Analytics`。

在 WordPress 的 AMP 网页中加入 Analytics 统计代码

那么这里面的数据应该怎么填写了?

在您的 `Analytics` 帐户中找到统计代码,我们需要的是跟踪 ID `UA-54934826-1`(UA-XXXXX-Y 这样的,这里我只是以这个数字为例,请切记换成自己的 ID。第二种方法也要用到这个哦):

在 WordPress 的 AMP 网页中加入 Analytics 统计代码

我们假设如下就是对应的统计代码

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-54934826-1', 'auto');
  ga('send', 'pageview');

</script>

那么对应的跟踪 ID 就是 `UA-54934826-1`(记得改成你自己的 ID)。将它们分别如下图填入再点击 `save changes` 保存即可。

在 WordPress 的 AMP 网页中加入 Analytics 统计代码

方法二:免插件实现

这里我们将通过修改官方的 `AMP` 插件来达到目的。如图所示进入编辑 `AMP` 插件页面,我们要修改的是 `amp/templates/single.php` 文件。

在 WordPress 的 AMP 网页中插入 Adsense

首先,我们将如下的 JS 代码放入到 `amp/templates/single.php` 文件中 `head` 标签内部,如下图所示。

<script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
  "vars": {
    "account": "UA-54934826-1"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

在 WordPress 的 AMP 网页中插入 Adsense

切记在里面的 `”UA-54934826-1″` 把改成你自己的 ID。是不是依然很简单?这里只是一个简单的例子。

`Google Analytics` 是非常强大的,如果你有一些别的配置的需求,请参考将 Google Analytics(分析)添加到 AMP 网页

总结

个人推荐第一种方法,简单方便,而且各种功能都很适用,简直是 WordPress 实现 AMP 杀人灭口居家旅行的必备良药。

参考文献:将 Google Analytics(分析)添加到 AMP 网页

转载请注明:满忘近 » 在 WordPress 的 AMP 网页中加入 Analytics 统计代码

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址