欢迎访问我的博客,有问题可以在任意文章底部留言评论

GA4/GTM里的做滚动跟踪的两种方法

事件跟踪 Haran 8年前 (2017-10-19) 17164次浏览 10个评论
文章目录[隐藏]

更新时间:2024年6月10号

这一篇介绍如何在Google Analytics 4(GA4)上对页面做滚动跟踪,目前主流有两种方法:

方法一:增强型衡量事件里的滚动次数

GA4里的增强衡量事件里内置支持滚动跟踪,当用户滚动页面超过90%的时候才触发。

开启滚动次数

在GA4中点击右下角「管理」——「数据流」,然后选择要设置的数据流打开网站数据流详情页面,就可以看到「增强型功能」

GA4/GTM里的做滚动跟踪的两种方法

点击打开后勾选「滚动次数」即可:

 

GA4/GTM里的做滚动跟踪的两种方法

这样就开启「滚动次数」。

查看报告

在报告里找到网页和屏幕报告,将事件数选择为scroll,就可以知道这个页面有多少次是看到90%的。

GA4/GTM里的做滚动跟踪的两种方法

 

延伸阅读:Google Analytics 4 事件跟踪系列②—— 增强型衡量事件

 

方法二:GTM里的滚动深度触发器

GTM内置有滚动深度触发器,可以跟踪访客的浏览页面比,这个功能尤其适用于长页面,它可以帮助你了解用户对页面内容的兴趣程度。

现在假设要跟踪页面https://www.ichdata.com/launch-deploys-adobe-analytics.html的访问深度,接下来看如何设置:

Step 1 :开启内置变量

滚动深度触发器包含有一些内置变量,需要将其开启。

在GTM中点击「变量」—「内置变量」—「配置」,然后下来就可以看到滚动深度有如下几个内置变量:

GA4/GTM里的做滚动跟踪的两种方法

当“滚动深度”触发器触发时,系统将会自动填充以下:

  • Scroll Depth Threshold(滚动深度阈值):是一个数值,用以表明导致触发器触发的滚动深度。对于百分比阈值,将是一个范围为 (0-100) 的数值。对于像素,将是一个表示被指定为阈值的像素数的数值。请注意,如果您将该变量设置为 0,则该变量在报告中会显示为(未设置)
  • Scroll Depth Units(滚动深度单位):指“像素”或“百分比”,用以表明为导致触发器触发的阈值指定的单位。
  • Scroll Direction(滚动方向):指“垂直”或“水平”,用以表明导致触发器触发的阈值的方向。

 

Step 2 :设置触发器

在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「滚动深度」,做如下设置:

GA4/GTM里的做滚动跟踪的两种方法

  • 滚动有两种类型:
    • 垂直滚动深度:根据用户向下滚动页面的距离触发。这次跟踪是用这个,选择这个。
    • 水平滚动深度:根据用户向右滚动页面的距离触发。
  • 滚动深度也有两种:
    • 百分比:指占页面高度和宽度的百分比,多个比例之间可以用逗号隔开,如10,20,表示10%和20%,这里将其设置为10,25,50,75,90,100
    • 像素:表示像素
  • 启用此触发器的条件:指定此触发器应何时开始监听相关交互,选择默认的就可以
    • 容器加载 (gtm.js):在页面开始加载后尽快启用。
    • DOM 就绪 (gtm.dom):在做好 DOM 解析准备之后启用。
    • 窗口加载 (gtm.load)(默认):在页面上的所有初始内容加载完成后启用。
  • 此触发器的触发条件:可以设置触发器仅在特定页面生效,确保只跟踪相关页面的访问深度。

 

 

 

Step 3 :设置代码

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics(分析):GA4 事件」,命名为“GA4-Event-Scroll Page AA Install In 10 min”,做如下设置:

GA4/GTM里的做滚动跟踪的两种方法

 

事件名称为page_aa_{{Scroll Depth Threshold}}%,Scroll Depth Threshold表示滚动的百分比,触发器里设置了10,25,50,75,90,100,也即是访问到10%会触发事件page_aa_10%,访问到50%会触发事件page_aa_50%

这样命名是为了在事件报告里更直观看看阅读过程的流失情况,当然你也可以选择将浏览设置为事件参数,通过事件参数去看流失情况。

Step 4 :预览调试

最后就是测试,在GTM里点击右上角的「预览」,然后再Tag Assistant:

GA4/GTM里的做滚动跟踪的两种方法

 

事件正常触发,可以看事件名称如预期的结构:

GA4/GTM里的做滚动跟踪的两种方法

可以发布。

延伸阅读:

Step 5 :数据验证

由于GA4的数据延时,数据需要24小时候才会出现在报告中。

GA4/GTM里的做滚动跟踪的两种方法

 

总结

增强衡量事件里的滚动次数只能跟踪页面下滑到90%,而且整站的,灵活度很差,建议是使用滚动深度触发器去跟踪,灵活很多。

滚动深度触发器还可以和页面停留时间结合使用,去判断用户对内容的感兴趣程度,如页面访问到75%,而且停留时间超过1分钟,可以认为对这个内容是非常有兴趣的,延伸阅读:用GTM中的用触发器组判断用户对内容是否感兴趣

参考资料


有疑问可以在底部留言
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(10)个小伙伴在吐槽
  1. 大概半个月前, 我的Tag Assistant 滚动事件测试都是正常的, 今天控制台报错: 代码未通过“detect_scroll_events”权限检查:A policy function denied the permission request. _implicit_Auto Event Listener (gtm.scrollDepth) 滚动深度-25% 请问有遇到过这个错误嘛, 该如何修复? 谢谢!
    Sa2024-10-28 15:44 回复 Mac OS X | Chrome 130.0.0.0
    • Haran
      没遇到过,看着像是因为隐私或权限方面导致。
      Haran2024-10-28 15:51 回复 Mac OS X | Chrome 130.0.0.0
      • 谢谢! 我再排查一下.
        Sa2024-10-28 15:55 回复 Mac OS X | Chrome 130.0.0.0
    • 问题解决了吗
      nini2025-02-26 14:47 回复 Windows 10 | Chrome 133.0.0.0
  2. 请问怎么统计停留超过10秒的客户浏览的最大深度啊。谢谢!
    mihoo2019-01-24 22:34 回复 Windows 7 | Firefox浏览器 64.0
    • Haran
      访问深度结合细分去看
      GA小站2019-01-28 10:12 回复 Mac OS X | Chrome 71.0.3578.98
  3. 请问,如果要跟踪用户在商品页浏览产品评论,该怎么设置tag和trigger呢?没有点击,直接往下拉就到了评论查看的地方,用滚动深度触发器吗?
    twenty2018-02-02 13:43 回复 Windows 7 | Chrome 62.0.3202.94
    • Haran
      可见性触发器会跟适合些
      GA小站2018-02-02 13:48 回复 Windows 10 | Chrome 63.0.3239.132
      • 哦哦,好,我去了解一下可见性触发器,谢谢,能加入星球在里边问吗
        twenty2018-02-02 13:52 回复 Windows 7 | Chrome 62.0.3202.94
        • Haran
          可以
          GA小站2018-02-02 13:54 回复 Windows 10 | Chrome 63.0.3239.132