Google Tag Manager上的滚动深度触发器

更新时间：2024年6月10号

这一篇介绍Google Tag Manager中的滚动深度触发器。

认识滚动深度触发器

滚动深度触发器可以跟踪访客的浏览页面比，可用于衡量用户对页面内容的感兴趣程度。

滚动深度触发器界面

• 滚动有两种类型：
  • 垂直滚动深度：根据用户向下滚动页面的距离触发。
  • 水平滚动深度：根据用户向右滚动页面的距离触发。

• 滚动深度也有两种：
  • 百分比：指占页面高度和宽度的百分比，多个比例之间可以用逗号隔开，如10,20，表示10%和20%
  • 像素：表示像素

• 启用此触发器的条件：指定此触发器应何时开始监听相关交互，选择默认的就可以
  • 容器加载 (gtm.js)：在页面开始加载后尽快启用。
  • DOM 就绪 (gtm.dom)：在做好 DOM 解析准备之后启用。
  • 窗口加载 (gtm.load)（默认）：在页面上的所有初始内容加载完成后启用。

默认是所有页面都触发，你也可以使用“此触发器的触发条件”去限定特定的页面。

开启滚动深度内置变量

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

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

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

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

你不一定会用到，但建议开启。

设定页面访问比例

假设我现在设置是滚动到50%和75%的时候就触发：

只在特定页面触发滚动深度触发器

假设我现在设置“关于我”的页面滚动75%的时候就触发：

滚动深度设置案例

假设我现在设置是滚动到50%和75%的时候就触发。

Step 1 ：设置滚动深度触发器

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

• 垂直滚动深度：根据用户向下滚动页面的距离触发。
• 百分比：指占页面高度和宽度的百分比，多个比例之间可以用逗号隔开，如10,20，表示10%和20%
• 此触发器的触发条件：默认是所有页面都触发，你也可以使用“此触发器的触发条件”去限定特定的页面。

Step 2 ：设置代码

在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「Google Analytics（分析）：GA4 事件」，做如下设置：

注意：如需要区分，请自行设置事件参数。

Step 3 ：预览调试

最后就是测试，如果你不会调试，请看：Google Tag Manager中新的调试方式：Tag Assistant

事件正常触发，可以看里面的值：

是50，表示50%。

总结

设置起来非常方便。