初尝Google Tag Manager – 统计链接点击事件教程

早在去年Google就推出了Tag Manager这一工具,然后一直耳闻此工具有多强大,但是一直没功夫去试用。这个季度确定了工作方向是加强对于数据的统计及分析,于是开始尝试这个“神器”。

GTM简介

相信大部分刚接触这个工具的人会跟我一样丈二和尚摸不着头脑,经过一段时间的摸索,我简单跟大家介绍一下这玩意到底是个怎么回事。

  • 我们并不能直接通过这个工具来查看统计到的数据,它只是辅助我们更好地去捕捉数据
  • 非常高的自定义程度,几乎可以说网站上的任何行为我们都可以通过设置tag来捕捉到
  • 使用tag manager,在很多场景下我们不必改动任何网站上的代码来实现各种事件的统计
  • 使用tag manager捕获到的数据还是需要在其他的工具里查看,比如Google Analytics

背景知识先了解这么多,更多的好处大家可以去http://www.google.com/tagmanager/去看官方的介绍。这篇文章主要通过介绍如何设置链接点击事件统计来让大家简单了解下Google Tag Manager是如何工作的。

首先回答一个很多人可能会提的问题:Google Analytics已经可以通过添加onclick=”_gaq.push([‘_trackEvent’, ‘Category’, ‘Action’, ‘label’]); “代码来很方便地实现链接点击事件的统计,为什么我们还要去折腾Google Tag Manager?

就统计点击事件这个简单的目的来说,使用Google Tag Manager的方便性在于,我们可以不在网站上添加任何多余代码,仅仅通过匹配元素的id, class, url或者其他东西来实现对目标链接的点击统计。更方便的地方在于,我们通过设置一个tag,可以实现对多个甚至整站的链接的统计。下面进入正题。

使用GTM实现对于链接点击的事件统计

要实现链接事件的统计,我们有2种方法。

第一种和GA类似,通过在链接上添加代码来实现,当然,添加的是tag manager代码,不过这种方法我不推荐。如果还需要手动在链接上添加代码,我们何必不直接用GA呢?

第二种就是这篇文章要介绍的,不在链接上手动添加代码,仅仅通过在Google Tag Manager后台进行设置来达到统计链接点击事件的目的。下面的详细的操作步骤。

一,到http://www.google.com/tagmanager/开通功能,直接使用Google账号登陆即可。然后添加新账号并添加新的容器(container)。我个人使用经验是一个网站对应一个容器即可,不用每个网站都开通一个新账号。

QQ20140313222615

 

二,容器添加完成后,会得到这样一段代码,把这段代码放在网站所有页面的<body>部分的开头。

三,添加一个Google Analytics标签

选择“Tag”,然后按照下图进行设置。由于这个网站依然使用的是老版的GA代码,不是新版的Universal Analytics,所以在Tag Type中我选择“Classic Google Analytics”。如果你使用的是Universal Analytics,那么就选择“Universal Analytics”。

设置完成后点击保存。

四,添加一个“链接点击监听”标签,设置如图

数值默认是2000,我自己改成了500。然后先别忙着保存,在右侧我们需要添加tag触发规则。Rule的设置如下图。

这个Rule的含义就是在所有页面添加一个链接点击的监听器。

五,添加具体要统计哪些链接上的点击的Tag,比如我们需要统计下载链接的点击次数,我们就需要这样设置,还是见图片。

Tag Name大家自定义,然后Category, Action, Label大家都可以自定义。需要说明的是,图中的Label这一栏,我使用的是Google Tag Managet内置的Macro,{{element url}}也就是这个链接的url地址,还有很多其他的内置macro,大家可以慢慢探索。

然后我们同样需要添加一个触发此tag的rule。

Rule Name大家自定义,第一个条件”{{event}} equals gtm.linkClick”是标准,必须要这样写才行。第二个条件是”{{element url}} contains download.xxxx.com”,这个并不是标答,大家可以自定义。我这样写的原因是我网站上下载链接都放在download子域名下,而且不会有非产品下载链接含有download.xxxx.com字符,所以我这样不会引起数据上的错误统计。

设置完成后同样点击保存。至此我们就完成了所有tag的添加。

六,创建版本并发布。先点击”Create Version”,再点击”Publish”

七,预览并Debug,看看设置是否正确。发布版本后,点击”Preview”然后选择“Debug”

进入网站后,初始状态下我们应该看到这样的状态。

然后我们点击目标链接,也就是我们想要统计点击事件的链接,状态应该会变成下图这样。

如果大家的结果也是这样,那么恭喜,你也设置成功了,等着去 GA的Event报告里面看相应事件吧。

Conclusion

有心人可以从图片看到我也没设置太多Tag,一是这个网站是我拿来练手的,不是什么大站,没太多数据需要统计。二是我也刚用2周,还没有达到大师境界。三是最近在着手主站的改版,重构成响应式布局,也没太多功夫来弄这个。不过Google Tag Manger肯定是我未来数据统计的重要工具。

觉得这篇文章太基础的,推荐大家去微博关注“肖庆在广州”,他在数据统计方面比我厉害得多。

当然也可以顺手关注我,点击下面的链接就行。

 

如无特别注明,本博客所有内容均为汤板唦原创,采用CC BY-NC-SA协议进行授权。如需转载,请注明来源。

如果喜欢这里的内容,你可以在右侧边栏关注我的微博或者订阅我的邮件推送,只要有新文章发布,这两个平台会自动通知。

  1. 初略看完一遍 有点晕 ~。~ 有时间了静下心来操作一遍?

    • 谢谢!
      主要也是对那些站长网,SEO论坛失去信心了,才自己开个博客希望跟真正对SEO有想法有兴趣的人一起交流。

    • 呀!大神居然看我博文了!谢谢鼓励!我也是实在对那些站长网,SEO论坛失望了,才自己折腾一个博客,希望能与对SEO真正有想法有兴趣的人交流一下。