这一节要讲解的是如何通过GTM监测用户的访问深度,也就是用户浏览量整个页面多大比例。可以对评估用户对页面是否有兴趣作为一个补充。也可以用于衡量页面设计的长短版选择。 实现原理:通过GTM注入JS,监测用户下拉行为,通过事件推送的形式和数据层传递数据,再通过代码中的事件触发向GA发送数据。
详细实现过程:
1、设置触发器,需要窗口加载才注入JavaScript。如图3-113所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic4.zhimg.com/80/v2-5706a955b052d9b03cce3d55d8420847_hd.jpg)
2、注入js(代码可从GA小站网站获取),监听页面浏览比例,主动推送自定义事件和数据层变量,触发器是第1步设置的“访问深度”,具体配置如3-114所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic2.zhimg.com/80/v2-af02506f9ff16614354ca4e97f9fc68d_hd.jpg)
3、设置触发器,接收自定义事件ScrollDistance,如图3-115所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic3.zhimg.com/80/v2-d03dd5542f8ef9fbecc4a07ca6fd2096_hd.jpg)
4、接收数据层变量,共四个:eventCategory、 eventAction、eventLabel和eventValue,设置做法如下,其他几个类似设置,具体配置如图3-116所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic4.zhimg.com/80/v2-dd49023dd831f648b56a59d0c0809647_hd.jpg)
5、设置代码中的事件,如图3-117所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic2.zhimg.com/80/v2-70916669b98d87cfda5177c2b62b0761_hd.jpg)
需要注意,代码的触发器是第3步接收的自定义事件。
6、测试,如图3-118所示:
![4.13、跟踪页面访问深度 4.13、跟踪页面访问深度](https://pic2.zhimg.com/80/v2-6520d01249bbee426aa475e9aa1bf025_hd.jpg)
计算规则:如果一个用户将整个页面浏览完,那么每一行都会计算1,上面的数据表示打开了6个页面,有2个页面是浏览到75%,1个页面是浏览100%,3个是直接跳转到其他页面或离开。