• 博主微信:ninja8864 干货多多,必有惊喜

Google tag manager追踪页面滚动深度

Google 柳下下 3年前 (2021-08-26) 872次浏览 0个评论 扫描二维码

网页滚动深度是指用户在页面上滚动的距离,如果一个页面作为100%,那么25%,50%,100%分别指查看了页面的四分之一,一半,全部,滚动深度包括垂直滚动与水平滚动。这些数据可以帮助您查看访问者是否真正阅读了您的文章或者浏览商品页面以及他们何时失去兴趣,因此您可以修改内容以保持他们的参与度.

 

今天我们来说通过google tag manager如何设置滚动跟踪追踪代码

 

主要内容:

  • 需要启用哪些变量
  • 触发器配置
  • 标签设置
  • 如何验证滚动深度标签是否安装成功

 

一、需要启用的变量

首先,进入google tag manager工作台,在变量variables中点击配置configure

Google tag manager追踪页面滚动深度

 

在配置中,找到scrolling,并将滚动深度阈值Scorll depth threshold, 滚动深度单位Scorll depth units,滚动方向Scorll direction全部启用。其中,

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

 

  • Scroll Depth Units(滚动深度单位):指“像素”或“百分比”,用以表明为导致触发器触发的阈值指定的单位。

 

  • Scroll Direction(滚动方向):指“垂直”或“水平”,用以表明导致触发器触发的阈值的方向。

Google tag manager追踪页面滚动深度

 

二、触发器配置

设置完成变量之后,我们回到触发器triggers并新建

Google tag manager追踪页面滚动深度

 

还是和之前说的意义,标签、变量、触发器的统一规范命名非常重要,在这里,我将触发器命名为 GA-scroll depth trigger并在触发器类型中选择“scroll depth

Google tag manager追踪页面滚动深度

 

选择触发器类型之后,将vertical scroll depth(垂直滚动深度)和horizontal scroll depth(水平滚动深度)选中(大多数网页监控只要看垂直滚动深度),并在下方的百分比中输入你想要监测页面深度的百分比阈值。其中,

 

  • 容器加载 (gtm.js):在页面开始加载后尽快启用。
  • DOM 就绪 (gtm.dom):在做好 DOM 解析准备之后启用。
  • 窗口加载 (gtm.load)(默认):在页面上的所有初始内容加载完成后启用。

这个例子,我们选用窗口加载window load(gtm.load)

 

Google tag manager追踪页面滚动深度

 

下方如果选择all pages则整个网站所有页面的滚动将会被监测,如果选择some pages则是监测某个网页的滚动深度。

如果是特定页面的滚动深度追踪,需要配置page path/contains/某个网址

 

Google tag manager追踪页面滚动深度

 

三、标签设置

变量和触发器都设置好了,我们回到标签tag并新建

Google tag manager追踪页面滚动深度

 

和之前一样的,我选择google analytics universal analytics

Google tag manager追踪页面滚动深度

 

在配置页面,如图,跟踪类型选择事件event,类别category输入scroll depth,动作action选择 scroll depth threshold,下方选择false,提交并保存这个标签,然后将这个容器发布submit

Google tag manager追踪页面滚动深度

 

四、验证

最后一步,验证代码是否设置成功,点击预览preview并按步骤连接你的网站。

 

Google tag manager追踪页面滚动深度

 

你可以看到被成功触发的标签-tags fired,上方的API Call还可以看到滚动深度阈值

Google tag manager追踪页面滚动深度

Google tag manager追踪页面滚动深度

 

总结:

滚动深度可以得知访客与网站或者某个页面的交互深度,对于页面建设质量的检测很有意义。设置滚动深度代码是机械而且简单的,真正对你有用的是你需要挖掘出你的网站让访客感到津津有味的亮点以及导致用户衰减的原因。

 


如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Google tag manager追踪页面滚动深度
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址