网页滚动深度是指用户在页面上滚动的距离,如果一个页面作为%,那么25%,50%,%分别指查看了页面的四分之一,一半,全部,滚动深度包括垂直滚动与水平滚动。这些数据可以帮助您查看访问者是否真正阅读了您的文章或者浏览商品页面以及他们何时失去兴趣,因此您可以修改内容以保持他们的参与度.
今天我们来说通过googletagmanager如何设置滚动跟踪追踪代码
主要内容:
需要启用哪些变量
触发器配置
标签设置
如何验证滚动深度标签是否安装成功
一、需要启用的变量
首先,进入googletagmanager工作台,在变量variables中点击配置configure
在配置中,找到scrolling,并将滚动深度阈值Scorlldepththreshold,滚动深度单位Scorlldepthunits,滚动方向Scorlldirection全部启用。其中,
ScrollDepthThreshold(滚动深度阈值):是一个数值,用以表明导致触发器触发的滚动深度。对于百分比阈值,将是一个范围为(0-)的数值。对于像素,将是一个表示被指定为阈值的像素数的数值。请注意,如果您将该变量设置为0,则该变量在报告中会显示为(未设置)。
ScrollDepthUnits(滚动深度单位):指“像素”或“百分比”,用以表明为导致触发器触发的阈值指定的单位。
ScrollDirection(滚动方向):指“垂直”或“水平”,用以表明导致触发器触发的阈值的方向。
二、触发器配置
设置完成变量之后,我们回到触发器triggers并新建
还是和之前说的意义,标签、变量、触发器的统一规范命名非常重要,在这里,我将触发器命名为GA-scrolldepthtrigger并在触发器类型中选择“scrolldepth”
选择触发器类型之后,将verticalscrolldepth(垂直滚动深度)和horizontalscrolldepth(水平滚动深度)选中(大多数网页监控只要看垂直滚动深度),并在下方的百分比中输入你想要监测页面深度的百分比阈值。其中,
容器加载(gtm.js):在页面开始加载后尽快启用。
DOM就绪(gtm.dom):在做好DOM解析准备之后启用。
窗口加载(gtm.load)(默认):在页面上的所有初始内容加载完成后启用。
这个例子,我们选用窗口加载windowload(gtm.load)
下方如果选择allpages则整个网站所有页面的滚动将会被监测,如果选择somepages则是监测某个网页的滚动深度。
如果是特定页面的滚动深度追踪,需要配置pagepath/contains/某个网址
三、标签设置
变量和触发器都设置好了,我们回到标签tag并新建
和之前一样的,我选择googleanalyticsuniversalanalytics
在配置页面,如图,跟踪类型选择事件event,类别category输入scrolldepth,动作action选择scrolldepththreshold,下方选择false,提交并保存这个标签,然后将这个容器发布submit。
四、验证
最后一步,验证代码是否设置成功,点击预览preview并按步骤连接你的网站。
你可以看到被成功触发的标签-tagsfired,上方的APICall还可以看到滚动深度阈值
总结:
滚动深度可以得知访客与网站或者某个页面的交互深度,对于页面建设质量的检测很有意义。设置滚动深度代码是机械而且简单的,真正对你有用的是你需要挖掘出你的网站让访客感到津津有味的亮点以及导致用户衰减的原因。