GTM教程,利用数据层变量统计文件下载量

当我们的网站提供多个提供文档下载时,统计每个文件的下载量将成为自然而然的需求。实际上下载量的统计使用Google Tag Manager相当方便,本文极诣就通过一个实例小教程教你如何实现。

准备工作

在进行部署之前我们先罗列下需要哪些准备:

  1. 首先要部署一个GA的Event事件。这个事件包括Category、Action、Label。如果每个下载需要金钱你可以给该事件赋值。
  2. 其次你要建立一个以事件为触发器的Goal目标。这样你在GA的报表中就可以清晰看到各类访问的价值。
  3. 最后你要通过GTM来监听下载页面上的鼠标点击活动,识别下载文档的点击。还需要把文档的信息传递给GA的Event。

步骤1很简单,在GTM中建立一个UA的标签,去抓取步骤3的参数。步骤2我们可以通过GA的向导来做。

识别点击

点击发生后我们要查看点击发生的页面和点击到的DOM元素的内容来判断是否点击在了下载链接上。这里我们假设所有的下载链接都是一个按钮。以下罗列以下条件:

  • 点击发生的页面(Page Path)以/download/开头。
  • 点击元素的内容(Click URL)中包含/file/字符串。

那么我们先建立下面这个触发器:

捕获点击下载的操作

捕获点击下载的操作

我们先把它放在一边。因为我们还需要抓取用户下载的到底是什么文件。

识别文件

一种最常用的做法是我们会在下载按钮上加上文件描述,用title属性来表示。这样鼠标移到按钮上就会出现气泡显示。那么我们如何去抓取被点击的网页元素的title属性呢?我们这里可以用一个Custom JavaScript。这段脚本要做的就是在每次用户点击时获取到title内容:

获取下载文件描述

获取下载文件描述

此处我们要说明一下Click Element是GTM预定义的一个数据层变量,Object类型。为了要让它生效我们需要在GTM -> Variables中勾选上,使其生效。包括上面我们用的Click URL。

这里我们其实举了一个例子。我们知道要把内容付给Data Layer Variable可以用push方法,但是很多人不知道如何去读取其中的东西。实际上和其他的Variables一样我们只要用{{双括弧}}即可。

事件标签

现在我们就可以把它们组装起来了。我们来建立一个UA标签:

建立GA事件标签

建立GA事件标签

触发条件就是我们前面新建的触发器。此处我们在事件的Label属性中添加了我们刚刚获得的文件描述,下载地址Click URL其实也可以省略。至于Page Path如果在一个页面上没有多个文件也可以省去。最后我们可以在GA中建立反映下载

总结

以上这个例子其实非常简单,但是包含了许多基础的GTM知识和技巧。极诣选择了一个这样简单的例子为的是说明GTM的强大可以让你在不修改任何代码的前提下完美地跟踪统计下载量。如果你对GTM有一些疑惑,欢迎讨论。