一种网站页面数据采集与统计方法、存储介质及设备技术

技术编号:31234095 阅读:48 留言:0更新日期:2021-12-08 10:13
本发明专利技术提供一种网站页面数据采集与统计方法、存储介质及设备。其中,网站页面数据采集方法获取进入网站页面的时间和打开网站页面的用户信息数据;通过监听PerformanceObserver对象获取所述网站页面的性能指标基础数据;判断网站页面类型、技术框架类型及路由模式并根据判断结果选取监听事件;根据监听事件获取所述用户进入页面时间数据和离开页面时间数据;将所述数据发送至服务器并存入数据库中以供服务器统计获取所述网站页面的pv、uv、性能指标以及停留时长数据。本发明专利技术实现了网站页面全面数据监控和采集,能够做到不破坏原有网站页面实现逻辑,自动将数据推送并存入服务器数据库中进行统计,数据全面、真实,非常方便和快捷。非常方便和快捷。非常方便和快捷。

【技术实现步骤摘要】
一种网站页面数据采集与统计方法、存储介质及设备


[0001]本专利技术涉及计算机统计
,特别是涉及一种网站页面数据采集与统计方法、存储介质及设备。

技术介绍

[0002]对于网站建设者,知晓网站访客是如何找到并浏览用户的网站,在网站上做了些什么,采集并分析此类数据对于网站进行访客分析以及网站改进十分重要。通过将采集到的数据实现数据可视化,网站建设者(下文以用户代指)能够非常清晰的从可视化界面上查看和对比各类性能指标,如页面响应时间,停留时长、跳出率,pv,uv等,此类数据可以帮助用户改善访客在用户的网站上的使用体验,不断提升网站的投资回报率。然而这所有的数据指标都需要能够捕获访客进入/离开页面的时间——路由变化。由于目前前端技术栈越来越复杂,可以分为多页应用,单页应用,单页应用的技术栈又可以分为vue、react、angular等,这些技术实现路由跳转的方式都不尽相同,监听路由变化的方式也就各有差别。目前开源的数据统计方法、工具不能很方便的兼容这些技术栈,都需要做差异化的配置或者在项目代码内部硬编码,侵入性比较高。
[0003]现有技术中,网站页面中的页面访问数据的采集和统计方法非常零碎,统计效率低下,且目前多数公司中对于统计的数据统一接入SaaS平台,采用传统方式统计方法无法做到灵活自主、安全的进行数据统计。

技术实现思路

[0004]鉴于以上所述现有技术的缺点,本专利技术的目的在于提供一种网站页面数据采集与统计方法、存储介质及设备,用于解决现有技术中的以上问题。
[0005]为实现上述目的及其他相关目的,本专利技术提供一种网站页面数据采集方法,应用于终端,所述方法包括:获取进入网站页面的时间和打开网站页面的用户信息数据;通过监听PerformanceObserver对象获取所述网站页面的性能指标基础数据;判断网站页面类型、技术框架类型及路由模式并根据判断结果选取监听事件;根据监听事件获取所述用户进入页面时间数据和离开页面时间数据;将所述数据发送至服务器并存入数据库中以供数据库服务器统计获取所述网站页面的pv、uv、性能指标以及停留时长数据。
[0006]于本专利技术一实施例中,所述方法还包括:根据打开网站页面的用户信息判断所述用户是否为新用户,若所述用户为新用户,则根据所述用户的身份信息数据生成唯一身份标识;将所述打开网站页面的用户的唯一身份标识作为参数通过接口发送到服务器并存入数据库中。
[0007]于本专利技术一实施例中,所述方法中获取所述网站页面的性能指标基础数据包括通过监听PerformanceObserver的navigation事件获取页面开始请求时间、dom元素加载完成时间、导航结束时间,其中,所述时间在对应事件发生加以时间戳进行记录。
[0008]于本专利技术一实施例中,所述方法还包括,判断所述网站页面所属页面类型;调用
beforeunload事件进行监听以获取所述用户关闭网站页面的时间;当所述网站页面为单页应用时:判断所述单页应用采用的技术框架;第一、所述单页应用采用的技术框架为react技术框架时,判断所述react技术框架采用的路由模式:当所述路由模式为hash路由时,调用onhashchange事件进行监听路由切换以获取所述用户离开当前页面的时间和进入下一个页面的时间,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,在路由未进行切换时将所述用户关闭网站页面的时间作为离开所述网站页面的时间;当所述路由模式为browser路由时,调用pushState和replaceState事件进行监听监听路由切换以获取所述用户离开当前页面的时间和进入下一个页面的时间,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,在路由未进行切换时将所述用户关闭网站页面的时间作为离开所述网站页面的时间;第二、所述单页应用采用的技术框架为vue技术框架时,获取所述vue技术框架采用的路由模式,当所述路由模式为hash路由或browser路由时,调用popState事件进行监听路由切换以获取所述所述用户离开当前页面的时间和进入下一个页面的时间,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,在路由未进行切换时将所述用户关闭网站页面的时间作为离开所述网站页面的时间;其中,获取的时间数据在对应事件发生时加以时间戳进行记录。
[0009]于本专利技术一实施例中,所述方法中还包括:当所述网站页面为多页应用,通过navigator.sendBeacon调用接口进行发送所述数据;当所述网站页面为单页应用,通过ajax调用接口进行发送所述数据。
[0010]于本专利技术一实施例中,所述方法还包括根据所述网站页面类型、技术框架类型及路由模式的不同采用不同的代码模块,并将不同的代码模块集成封装以实现所述方法。
[0011]于本专利技术一实施例中,本专利技术提供一种网站页面数据统计方法,应用于数据库服务器,所述方法包括:根据所述用户唯一身份标识存入数据库的请求数统计所述网站页面的pv数据;将所述网站页面的pv数据根据所述用户唯一身份标识进行处理以获取所述网站页面的uv数据;根据所述页面开始请求时间戳和导航结束时间戳计算获取所述网站页面白屏时间;根据所述页面开始请求时间戳和dom加载完成时间戳计算获取所述网站页面白屏时间;根据所述同一网站页面的进入时间戳和离开所述网站页面的时间戳计算获取所述网站页面停留时长数据。
[0012]为实现上述目的及其他相关目的,本专利技术提供一种计算机可读存储介质,其中存储有计算机程序,所述计算机程序被处理器加载执行时,实现所述的网站页面数据采集方法,或所述的网站页面数据统计方法。
[0013]为实现上述目的及其他相关目的,本专利技术提供一种电子设备,包括:处理器、存储器及通信接口;其中,所述存储器用于存储计算机程序;所述处理器用于加载执行所述计算机程序,以以使所述电子设备执行所述的网站页面数据采集方法,或所述的网站页面数据统计方法;所述通信接口用于实现访问装置与其他设备之间的通信。
[0014]如上所述,本专利技术提供的一种网站页面数据采集与统计方法、存储介质及设备,实现了将不同网页类型、技术栈、路由类型的路由跳转监听方式统一集成封装,用户在此基础上只需引入封装后的文件就可以实现全面数据监控和采集,非常方便、快捷。用户在SaaS平台通过可视化界面访问数据库服务器以便显示不通维度的统计数据,方便用户进行数据分析并以此制定运营策略或网站改进措施。
附图说明
[0015]图1显示为本专利技术一实施例中的网站页面数据采集方法的流程示意图。
[0016]图2显示为本专利技术一实施例中的网站页面监听事件判断选取方法的流程示意图。
[0017]图3显示为本专利技术一实施例中的网站页面数据采集与统计方法的应用架构示意图。
[0018]图4显示为本专利技术一实施例中的电子设备的结构示意图。
具体实施方式
[0019]以下通过特定的具体实例说明本专利技术的实施方式,本领域技术人员可由本说明书所揭本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种网站页面数据采集方法,其特征在于,应用于终端,所述方法包括:获取进入网站页面的时间和打开网站页面的用户信息数据;通过监听PerformanceObserver对象获取所述网站页面的性能指标基础数据;判断网站页面类型、技术框架类型及路由模式并根据判断结果选取监听事件;根据监听事件获取所述用户进入页面时间数据和离开页面时间数据;将所述数据发送至服务器并存入数据库中以供数据库服务器统计获取所述网站页面的pv、uv、性能指标以及停留时长数据。2.根据权利要求1所述的方法,其特征在于,还包括:根据打开网站页面的用户信息判断所述用户是否为新用户,若所述用户为新用户,则根据所述用户的身份信息数据生成唯一身份标识;将所述打开网站页面的用户的唯一身份标识作为参数通过接口发送到服务器并存入数据库中。3.根据权利要求1所述的方法,其特征在于,获取所述网站页面的性能指标基础数据包括通过监听PerformanceObserver的navigation事件获取页面开始请求时间、dom元素加载完成时间、导航结束时间,其中,所述时间在对应事件发生加以时间戳进行记录。4.根据权利要求1所述的方法,其特征在于,还包括:判断所述网站页面所属页面类型;当所述网站页面为多页应用时,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,将所述用户关闭网站页面的时间作为离开所述网站页面的时间;当所述网站页面为单页应用时:判断所述单页应用采用的技术框架:第一、所述单页应用采用的技术框架为react技术框架时,判断所述react技术框架采用的路由模式:当所述路由模式为hash路由时,调用onhashchange事件进行监听路由切换以获取所述用户离开当前页面的时间和进入下一个页面的时间,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,在路由未进行切换时将所述用户关闭网站页面的时间作为离开所述网站页面的时间;当所述路由模式为browser路由时,调用pushState和replaceState事件进行监听监听路由切换以获取所述用户离开当前页面的时间和进入下一个页面的时间,调用beforeunload事件进行监听获取所述用户关闭网站页面的时间,在路由未进行...

【专利技术属性】
技术研发人员:张雷谢磊张振华
申请(专利权)人:百安居信息技术上海有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1