谷歌分析实战指南-F

  1. 主页
  2. 文档
  3. 谷歌分析实战指南-F
  4. 第4章 Google Tag Manager实战指南
  5. 4.13、跟踪页面访问深度

这一节要讲解的是如何通过GTM监测用户的访问深度,也就是用户浏览量整个页面多大比例。可以对评估用户对页面是否有兴趣作为一个补充。也可以用于衡量页面设计的长短版选择。 实现原理:通过GTM注入JS,监测用户下拉行为,通过事件推送的形式和数据层传递数据,再通过代码中的事件触发向GA发送数据。

详细实现过程:

1、设置触发器,需要窗口加载才注入JavaScript。如图3-113所示:

4.13、跟踪页面访问深度
如3-113 窗口已加载

2、注入js(代码可从GA小站网站获取),监听页面浏览比例,主动推送自定义事件和数据层变量,触发器是第1步设置的“访问深度”,具体配置如3-114所示:

4.13、跟踪页面访问深度
图3-114 注入JS

3、设置触发器,接收自定义事件ScrollDistance,如图3-115所示:

4.13、跟踪页面访问深度
图3-115 设置触发器

4、接收数据层变量,共四个:eventCategory、 eventAction、eventLabel和eventValue,设置做法如下,其他几个类似设置,具体配置如图3-116所示:

4.13、跟踪页面访问深度
图3-116 接收数据层变量

5、设置代码中的事件,如图3-117所示:

4.13、跟踪页面访问深度
如图3-117 设置代码

需要注意,代码的触发器是第3步接收的自定义事件。

6、测试,如图3-118所示:

4.13、跟踪页面访问深度
图3-118 测试

计算规则:如果一个用户将整个页面浏览完,那么每一行都会计算1,上面的数据表示打开了6个页面,有2个页面是浏览到75%,1个页面是浏览100%,3个是直接跳转到其他页面或离开。


这篇文章对您有用吗? 2

我们要如何帮助您?

您必须 登录 才能发表评论!

(2)个小伙伴在吐槽
  1. 这段js代码请问哪里获取呀
    2robot2022-11-30 10:01 Mac OS X | Chrome 107.0.0.0
    • 黄业忠
      这里https://www.ichdata.com/book.html ,GTM里已经内置滚动深度触发器,建议用这个更方便
      黄业忠2022-11-30 10:53 Mac OS X | Chrome 107.0.0.0