更新时间:2024年6月10号
这一篇介绍如何在Google Analytics 4(GA4)上对页面做滚动跟踪,目前主流有两种方法:
- 增强衡量事件里的滚动次数
- GTM里的滚动深度触发器
方法一:增强型衡量事件里的滚动次数
GA4里的增强衡量事件里内置支持滚动跟踪,当用户滚动页面超过90%的时候才触发。
开启滚动次数
在GA4中点击右下角「管理」——「数据流」,然后选择要设置的数据流打开网站数据流详情页面,就可以看到「增强型功能」
点击打开后勾选「滚动次数」即可:
这样就开启「滚动次数」。
查看报告
在报告里找到网页和屏幕报告,将事件数选择为scroll,就可以知道这个页面有多少次是看到90%的。
延伸阅读:Google Analytics 4 事件跟踪系列②—— 增强型衡量事件
方法二:GTM里的滚动深度触发器
GTM内置有滚动深度触发器,可以跟踪访客的浏览页面比,这个功能尤其适用于长页面,它可以帮助你了解用户对页面内容的兴趣程度。
现在假设要跟踪页面https://www.ichdata.com/launch-deploys-adobe-analytics.html的访问深度,接下来看如何设置:
Step 1 :开启内置变量
滚动深度触发器包含有一些内置变量,需要将其开启。
在GTM中点击「变量」—「内置变量」—「配置」,然后下来就可以看到滚动深度有如下几个内置变量:
当“滚动深度”触发器触发时,系统将会自动填充以下:
- Scroll Depth Threshold(滚动深度阈值):是一个数值,用以表明导致触发器触发的滚动深度。对于百分比阈值,将是一个范围为 (0-100) 的数值。对于像素,将是一个表示被指定为阈值的像素数的数值。请注意,如果您将该变量设置为 0,则该变量在报告中会显示为(未设置)。
- Scroll Depth Units(滚动深度单位):指“像素”或“百分比”,用以表明为导致触发器触发的阈值指定的单位。
- Scroll Direction(滚动方向):指“垂直”或“水平”,用以表明导致触发器触发的阈值的方向。
Step 2 :设置触发器
在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”,做如下设置:
事件名称为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:
事件正常触发,可以看事件名称如预期的结构:
可以发布。
延伸阅读:
Step 5 :数据验证
由于GA4的数据延时,数据需要24小时候才会出现在报告中。
总结
增强衡量事件里的滚动次数只能跟踪页面下滑到90%,而且整站的,灵活度很差,建议是使用滚动深度触发器去跟踪,灵活很多。
滚动深度触发器还可以和页面停留时间结合使用,去判断用户对内容的感兴趣程度,如页面访问到75%,而且停留时间超过1分钟,可以认为对这个内容是非常有兴趣的,延伸阅读:用GTM中的用触发器组判断用户对内容是否感兴趣









