更新时间：2025年1月20号
这一篇介绍用GTM里的滚动深度触发器跟踪页面访问深度，滚动深度触发器可以跟踪访客的浏览页面比，可用于衡量用户对页面内容的感兴趣程度，这对于一些长页面非常有价值。
比如文章 10分钟用Adobe Launch布署Adobe Analytics 是长页面，我想跟踪阅读到10%，25%，50% ，75%，90%，100%的情况。
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)（默认）：在页面上的所有初始内容加载完成后启用。
默认是所有页面都触发，你也可以使用“此触发器的触发条件”去限定特定的页面，如这次是只在特定页面才触发，所以设置Page URL 等于 https://www.ichdata.com/launch-deploys-adobe-analytics.html
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小时候才会出现在报告中。
滚动深度触发器还可以和页面停留时间结合使用，去判断用户对内容的感兴趣程度，如页面访问到75%，而且停留时间超过1分钟，可以认为对这个内容是非常有兴趣的，延伸阅读：用GTM中的用触发器组判断用户对内容是否感兴趣
