未加星标

使用GA进行单一长页面访问深度分析

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏
项目背景

客户尝试使用了一个比较长的单一网页去推广产品,页面上装有了GA的分析工具,经过一段时间的推广,积累了许多数据,希望知道用户对这种比较长页面接受度


使用GA进行单一长页面访问深度分析
点击放大查看长页面截图实例 项目难点

因为页面是单一页面,无任何跳转,所以通过GA是无法统计到用户的停留时间和跳出率的(GA需要利用不同页面的跳转间的时间差来计算停留时间,如果只有一个页面是,则该值永远为0),考虑使用访问深度这个参数来衡量用户的黏度,既网民是否访问到长页面底部。但是GA的默认是没有访问深度这个功能,通过chrome插件添加的功能也不准确 不好使用

解决思路

需要监控的数据可以通过GA的事件追踪 Event Tracking来传递到GA里去,可以再页面的不同位置添加代码,当用户的滚动栏滑动到指定位置,即触发代码,回传到GA

实现原理

通过JS获取用户当前的浏览器窗口的垂直偏离值,和整个页面的长以及当前窗口的高度,通过这3者的计算可以获得用户当前的访问深度(已经看完页面百分之X的内容既访问深度为X%)

进行循环判断,当X=20%的时候,触发GA的Event Tracking 代码将事件信息 event category为scrolling,event action 为20%,event label为当前页面URL 回传到GA 记录,同理可以记录触发其它3次访问深度的数据


使用GA进行单一长页面访问深度分析

GA访问深度监控代码下载 Download

实施过程: 数据的收集:

将对应判断的JS代码添加到页面靠近顶部位置, 但是需要在GA代码的下方(需要先触发GA代码,再触发Event Tracking code),使用GA Debug工具查看是否传送数据回去

数据的整理:

经过一段时间的积累,可以在GA的事件报告中看到我们之前记录的信息,如下


使用GA进行单一长页面访问深度分析

我们可以使用GA的自定义报告功能重新编辑数据形式,增加2个拆分维度,访问设备以及


使用GA进行单一长页面访问深度分析
使用GA进行单一长页面访问深度分析

访问时间,又因为这里是访问深度是具体数字,可以以20%的时间数量为100%,推算出各自访问深度的比例,例如90%的访问比例是 90%的触发次数除以20%的触发次数

数据的可视化:

通过对时间和设备的数据拆分,进行做图,可以看到不同时间段的不同设备的访问深度


使用GA进行单一长页面访问深度分析
数据的结论: 对比PC和Mobile数据

Mobile用户的访问深度比较稳定,而PC用户波动比较大,在这说明 PC 用户在午饭和晚饭时间(中午1 点和晚上8 点)是最没有耐心的 ,访问深度最浅(去除临时时间),在这段时间对PC用户进行广告推广效果不会很好,而在 午饭前( 11-12 )和快下班(4-5 点) PC用户的 耐性最好 ,愿意去看比较复杂的信息

单独看Mobile用户的数据(PC数据变化大,需移除后看Mobile数据)
使用GA进行单一长页面访问深度分析

Mobile用户在早上的上班途中(8-9)是最有耐心的,可能是 交通工具上需要打发时间 ,其次是下午的1-3点 饭后时间,也是比较有耐心 ,可能是吃完饭需要看些信息同时消化食物,再其次是晚上 11点睡前会有一个高峰 ,可能是消费者 夜深人静时候会理性考虑产品

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

代码区博客精选文章
分页:12
转载请注明
本文标题:使用GA进行单一长页面访问深度分析
本站链接:https://www.codesec.net/view/621224.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(25)