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

Google Tag Manager Haran 6年前 (2018-03-09) 4913次浏览 2个评论
文章目录[隐藏]

更新时间:2024年6月10号

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

认识滚动深度触发器

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

 

滚动深度触发器界面

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

 

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

 

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

 

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

 

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

 

开启滚动深度内置变量

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

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

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

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

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

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

 

设定页面访问比例

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

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

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

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

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

 

 

滚动深度设置案例

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

 

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

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

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

 

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

 

Step 2 :设置代码

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

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

 

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

 

Step 3 :预览调试

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

 

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

事件正常触发,可以看里面的值:

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

 

是50,表示50%。

 

 

总结

设置起来非常方便。


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 请问怎么统计停留超过10秒的客户浏览的最大深度啊。谢谢!
    mihoo2019-01-24 22:34 回复 Windows 7 | Firefox浏览器 64.0
    • 访问深度结合细分去看
      GA小站2019-01-28 10:12 回复 Mac OS X | Chrome 71.0.3578.98