EEfaq论坛-赚客自留地

 找回密码
 免费注册
查看: 491|回复: 2

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

  [复制链接]
发表于 2014-3-18 08:26:13 | 显示全部楼层 |阅读模式
本帖最后由 Leeker 于 2014-3-18 08:27 编辑

刚看见的,转载的,觉得挺有用的,给大家分享下以免闲话,大家搜一下标题就能找到原链接

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)。我个人使用经验是一个网站对应一个容器即可,不用每个网站都开通一个新账号。

1.png

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


2.jpg

三,添加一个Google Analytics标签

3.jpg

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

4.png


设置完成后点击保存。


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

5.png

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

6.png

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


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

7.png

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


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

8.png

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


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


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

9.png

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

10.png

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

11.png


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


Conclusion

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

图片都转过来了,还是,英文要好才是重要的。




评分

参与人数 2e币 +4 收起 理由
阿尔萨斯 + 1 有見地
ebookyx + 3 鼓勵

查看全部评分

回复

使用道具 举报

发表于 2014-3-18 13:13:05 | 显示全部楼层
这个不错 蛮好的
回复 支持 反对

使用道具 举报

发表于 2014-3-19 09:17:46 | 显示全部楼层
学习一下,楼主有心了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|联系我们|Archiver|手机版|小黑屋|EEfaq论坛

GMT+8, 2024-11-23 19:07

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表