一种数据上报的方法、装置及存储介质与流程

1.本技术涉及网页开发技术领域，更具体的说，涉及一种数据上报的方法、装置及存储介质。


背景技术：

2.在大型互联网网站的运营过程中，需要对网站用户在网页上的访问和各种操作行为数据进行采集，以便后续基于这些用户行为数据进行分析。
3.目前，针对不同浏览器的不同网站项目的用户行为数据采集需要设计不同的数据采集方案，通用性差，且开发工作费时费力，成本高。


技术实现要素：

4.有鉴于此，本技术实施例公开一种数据上报的方法、装置及存储介质，适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。
5.本技术实施例提供的技术方案如下：
6.第一方面，本技术实施例提供了一种数据上报的方法，所述方法包括：
7.执行镜像实例中的网页监听函数，监听网页的人机交互事件；
8.接收所述人机交互事件对应的事件对象；
9.解析所述事件对象，得到事件对象属性对应的属性值；
10.通过所述镜像实例上报所述属性值。
11.在一种可能的实现方式中，所述通过所述镜像实例上报所述属性值，包括：
12.将所述属性值添加到数组变量中；
13.当所述数组变量的序列化长度达到预设存储阈值，或监听到网页刷新关闭事件时，通过所述镜像实例上报所述数组变量。
14.在一种可能的实现方式中，所述方法还包括：
15.利用所述镜像实例和所述数组变量，还原对应的用户操作过程。
16.在一种可能的实现方式中，所述方法还包括：
17.将所述属性值分类存储至数据库中。
18.在一种可能的实现方式中，所述方法还包括：
19.根据第一查询条件从所述数据库中，获取第一待处理属性值；
20.利用所述第一待处理属性值生成对应的错误报告。
21.在一种可能的实现方式中，所述方法还包括：
22.根据第二查询条件从所述数据库中，获取第二待处理属性值；
23.利用所述第二待处理属性值构建对应的用户画像。
24.在一种可能的实现方式中，所述方法还包括：
25.根据第三查询条件从所述数据库中，获取第三待处理属性值；
26.利用所述第三待处理属性值分析统计网页内容对应的点击率。
27.第二方面，本技术实施例提供了一种数据上报的装置，所述装置包括：
28.监听单元，用于执行镜像实例中的网页监听函数，监听网页的人机交互事件；
29.接收单元，用于接收所述人机交互事件对应的事件对象；
30.解析单元，用于解析所述事件对象，得到事件对象属性对应的属性值；
31.上报单元，用于通过所述镜像实例上报所述属性值。
32.第三方面，本技术实施例提供了一种数据上报的装置，包括：
33.存储器，用于存储指令；
34.处理器，用于执行所述存储器中的所述指令以执行以上第一方面任一项所述的方法。
35.第四方面，本技术实施例提供了一种计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行以上第一方面任一项所述的方法。
36.第五方面，本技术实施例提供一种计算机程序产品，所述计算机程序产品在终端设备上运行时，使得所述终端设备执行以上第一方面任一项所述的方法。
37.基于上述技术方案，本技术具有以下有益效果：
38.本技术实施例公开了一种数据上报的方法、装置及存储介质。其中，该方法包括：执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收人机交互事件对应的事件对象；解析事件对象，得到事件对象属性；通过镜像实例上报属性值。可见，本技术实施例中只需要在网页系统中导入镜像实例，就可利用镜像实例实现对事件对象属性对应的属性值的上报，如此能适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。
附图说明
39.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据公开的附图获得其他的附图。
40.图1为本技术实施例公开的一种数据上报的方法的流程图；
41.图2为本技术实施例公开的另一种数据上报的方法的流程图；
42.图3为本技术实施例公开的一种镜像系统的结构示意图；
43.图4为本技术实施例公开的一种数据上报的装置的结构示意图。
具体实施方式
44.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
45.本技术实施例公开了一种数据上报的方法、装置及存储介质。其中，该方法包括：执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收人机交互事件对应的事件对象；解析事件对象，得到事件对象属性；通过镜像实例上报属性值。可见，本技术实施例
中只需要在网页系统中导入镜像实例，就可利用镜像实例实现对事件对象属性对应的属性值的上报，如此能适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。
46.参见图1，本技术实施例公开的一种数据上报的方法的流程图，该方法包括：
47.s101、执行镜像实例中的网页监听函数，监听网页的人机交互事件；
48.其中，镜像实例指的是软件开发工具包(software development kit，sdk)，一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。本技术实施例中会将镜像实例预先导入网页系统中，并配置好相应的镜像参数。
49.在一种可能的实现方式中，会先加载浏览器网页，在浏览器网页加载完成后，在镜像初始化的镜像实例中，通过window.onload函数执行网页监听函数addeventlistener监听一系列人机交互事件。需要说明的是，window.onload()方法用于在网页加载完毕后立刻执行的操作，window对象是执行在浏览器环境中javascript语言的一个公共对象，window对象有一个属性叫onload，它是一个函数，会在浏览器网页加载完成后自动执行。此处用于在网页加载完成后，立刻执行网页监听函数。addeventlistener是一个侦听事件并处理相应的函数。
50.其中，人机交互事件包括键盘事件、鼠标事件、多媒体事件、打印事件、剪切板事件、表单事件等事件，本技术对此不做限制，可根据实际需求设置。例如：鼠标事件可以包括单击click、双击dbclick、mousedown、mouseup、mouseout、mouseover、mousemove、mouseleave等等，键盘事件可以包括onkeydown、onkeyup、onkeypress等等。其中，当单击元素时，发生click事件；当双击元素时，触发dblclick事件；当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件；当鼠标指针移动到元素上方，并松开鼠标左键时，会发生mouseup事件；当鼠标指针离开被选元素时，会发生mouseout事件；当鼠标指针位于元素上方时，会发生mouseover事件；当鼠标指针在指定的元素中移动时，就会发生mousemove事件；当鼠标指针离开被选元素时，会发生mouseleave事件。onkeydown事件会在用户按下一个键盘按键时发生；onkeyup事件会在键盘按键被松开时发生；onkeypress事件会在键盘按键被按下并释放一个键时发生。
51.s102、接收人机交互事件对应的事件对象；
52.事件event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。例如：当用户单击某个元素的时候，给这个元素注册的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个event对象。可以理解的是，上述只是示例性说明，不应理解为对本技术的限制。
53.s103、解析事件对象，得到事件对象属性对应的属性值；
54.在触发的事件的函数里面会接收到一个event对象,通过该event对象可以获取到需要的一些参数,比如说需要知道此事件作用到谁身上了,就可以通过event对象的属性target来获取到等等。
55.本技术实例中可以预先配置需要上传的事件对象属性，这里解析事件对象，可以是得到需要上传的事件对象属性对应的属性值。也就是说，本技术实施例中可以通过配置选择具体上传哪些事件对象属性，避免收集全部数据造成数据量异常庞杂的问题。例如：有
个event＝{screenx:830,screeny:628},那么在浏览器中执行event.screenx就会输出830，就能解析得到属性值830。可以理解的是，上述只是示例性说明，不应理解为对本技术的限制。
56.事件对象属性可以包括：altkey、metakey、shiftkey、ctrlkey、clientx、clienty、timestamp、target等等。其中，altkey返回当事件被触发时，”alt”是否被按下；metakey返回当事件被触发时，“meta”键是否被按下；shiftkey返回当事件被触发时，“shift”键是否被按下；ctrlkey返回当事件被触发时，“ctrl”键是否被按下；clientx返回当事件被触发时，鼠标指针的水平坐标；clienty返回当事件被触发时，鼠标指针的垂直坐标；timestamp返回事件生成的日期和时间；target返回触发此事件的元素。属性值指的是事件对象属性返回的具体值，如timestamp返回2023年3月12日10:30:01。例如：收集鼠标何时(timestamp对应的属性值)在哪个位置(clientx、clienty对应的属性值)点击了哪个元素(target对应的属性值)。可以理解的是，上述只是示例性说明，不应理解为对本技术的限制。
57.s104、通过镜像实例上报属性值。
58.在一种可能的实现方式中，本技术实例中可以通过镜像实例中的xmlhttprequest或者fetch对象将属性值上报给数据库。其中，xmlhttprequest对象用于在后台与服务器交换数据；全局fetch()方法提供了一种简单，合理的方式来跨网络异步获取资源。也可以通过镜像实例对应的上报接口上报属性值，该上报接口支持跨域上报数据。可以理解的是，本技术对具体通过哪些方式上报属性值不做限制，可根据实际需求选择设置。
59.可见，本技术实施例中执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收人机交互事件对应的事件对象；解析事件对象，得到事件对象属性；通过镜像实例上报属性值，如此只需要在网页系统中导入镜像实例，就可利用镜像实例实现对事件对象属性的上报，如此能适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。
60.在一种可能的实现方式中，本技术实施例中提供的数据上报的方法中s104具体包括：
61.s1041、将属性值添加到数组变量中；
62.本技术实施例中可以将属性值通过push的方式添加到自定义的数组变量actionqueue。其中，push是javascript语言中数组array的一个api，通过push可以向一个数组尾部追加一个子元素。
63.s1042、当数组变量的序列化长度达到预设存储阈值，或监听到网页刷新关闭事件时，通过镜像实例上报数组变量。
64.需要说明的是，预设存储阈值指的是单位数据存储的阈值，该预设存储阈值可根据实际需求设置，本技术对此不做限制。监听到网页刷新关闭事件可以是监听到网页的window.onbeforeunload函数。其中，onbeforeunload事件在即将离开当前页面(刷新或关闭)时触发，该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
65.一个网页的加载完成到页面销毁过程中，用户所有操作串联起来称为一个镜像行为。
66.在一种可能的实现方式中，可以把当前的数组变量actionqueue结合用户网页的其他属性，如当前浏览器统一资源定位符(uniform resource locator，url)、浏览器宽高、
用户信息等通过镜像实例上报给镜像系统，镜像系统再解析获取到的actionqueue，将actionqueue中的属性值分类存储至数据库中。例如：将用户通过浏览器发送的请求参数和用户获取到服务端的数据分类保存至数据库等等中。可以理解的是，上述只是示例性说明，不应理解为对本技术的限制。
67.可见，本技术实施例中设置了上报条件，当数组变量的序列化长度达到预设存储阈值时会上报数组变量，避免了实时上报数据造成的资源浪费，以及避免了一个镜像行为对应的属性值过多，一次性上报数据而造成上报速度过慢的情况。而且，当数组变量的序列化长度未达到预设存储阈值，监听到网页刷新关闭事件时，会直接上报数组变量，如此保证了每次上报的数组变量只对应一个镜像行为，便于后续数据的存储、使用。
68.在一种可能的实现方式中，本技术实施例中提供的数据上报的方法还包括：
69.利用镜像实例和数组变量，还原对应的用户操作过程。
70.本技术实施例中可以通过镜像实例sdk和镜像上报数据数组变量actionqueue，并结合createevent、initevent、dispatchevent等api处理和模拟出人机交互的整个过程。其中，createevent用来创建事件对象；initevent用来初始化新事件对象的属性；dispatchevent提供了可供元素触发自定义事件的方法；api就是操作系统留给应用程序的一个调用接口，应用程序通过调用操作系统的而使操作系统去执行应用程序的命令。
71.可见，本技术实例中可以还原出用户操作过程，便于后续对用户行为进行分析。
72.在一种可能的实现方式中，本技术实施例中提供的数据上报的方法还包括：
73.根据第一查询条件从数据库中，获取第一待处理属性值；
74.利用第一待处理属性值生成对应的错误报告；和/或，
75.根据第二查询条件从数据库中，获取第二待处理属性值；
76.利用第二待处理属性值构建对应的用户画像；和/或，
77.根据第三查询条件从数据库中，获取第三待处理属性值；
78.利用第三待处理属性值分析统计网页内容对应的点击率；和/或，
79.根据第四查询条件从数据库中，获取第四待处理属性值；
80.利用第四待处理属性值还原对应的用户操作过程。
81.其中，本技术实施例中的第一查询条件、第二查询条件、第三查询条件和第四查询条件可以由系统标识appid、用户标识userid等参数中的至少一项组成，如此可以按系统和/或用户等分类地从数据库中查询到对应的属性值，实现从不同维度获取不同的数据，用于丰富、优化不同维度的技术、产品方案。可以理解的是，第一查询条件、第二查询条件、第三查询条件和第四查询条件可以相同也可以不相同，本技术对此不做限定。
82.需要说明的是，此处的数据库可以是镜像系统中的镜像数据库。
83.可见，本技术实施例中将属性值分类存储至数据库后，用户可以根据实际需求设置查询条件，快速地从数据库中获取到对应的属性值，便于快速地利用对应的属性值进行分析处理。如此解决了现有的线上故障定位、解决依赖开发人员查看系统日志并结合用户操作行为询问，整个周期较长、成本高的问题；还解决了现有市场研究和用户研究主要依赖于相关岗位人员做用户调研、问卷调查、收集整理用户信息、输出报告性结论，整个周期长、经济成本高并且报告的准确度依赖调研人员的专业性的问题，本技术实施例中能分析用户所有的操作行为并生成专业的用户画像，协助运营人员整理用户信息并输出不同产品维度
的报告性结论，以及能还原用户的整个操作过程、包括用户操作时浏览器请求的参数和返回的数据，并完全独立于线上数据库，不影响开发人员线上复盘操作行为，整个过程快、准、稳。
84.参见图2，本技术实施例公开的另一种数据上报的方法的流程图，该方法包括：页面加载onload；镜像sdk初始化；axios的intercepters配置mirror sendrequest、sendresponse上报接口，配置nginx接口代理；执行addeventlistener监听鼠标事件、键盘事件、多媒体事件、打印事件、剪切板事件等事件；接收、解析event对象，得到属性值；将属性值push到actionqueue；当actionqueue大小达到阈值或者window.onbeforeunload执行，通过mirror sendrequest+sendresponse等sdk方法上传数据。
85.需要说明的是，window.actionqueue＝[]表示声明了一个全局变量actionqueue，默认是一个空的数组；mirror.init()表示执行mirror对象中的init属性，它是一个函数。axios是一个javascript语言插件，开发者用它可以处理http请求，通过intercepters.request、intercepters.response统一处理请求前置以及http响应数据的格式等。本技术实施例中的mirror sendrequest、sendresponse是基于axios的请求封装的函数，用来处理上报和响应上报返回的数据格式。nginx是一个代理服务器，这里是用来转发浏览器http跨域安全限制的请求，因为浏览器并不会发送非同源的http请求。
[0086]
参见图3，本技术实施例公开的一种镜像系统的结构示意图，该系统包括镜像数据库、请求错误镜像模块、镜像还原模块、送算法分析模块和分类统计模块。其中，请求错误镜像模块，用于生成对应的错误报告，用来提高系统、产品质量；镜像还原模块，用于每个镜像交互生成对应的镜像视频，跟踪、复用用户行为；送算法分析模块，用于用户画像构建、用户分析、市场调研，输出报告性结论；分类统计模块，用于网址、视频作品分析统计，以进行产品营销、广告定向推广等商业行为。本技术实施例中，会通过镜像系统的镜像实例sdk上报属性值给镜像数据库，后续可以根据appid、userid按系统、用户标识等参数分类去镜像数据库查询镜像数据，此处的镜像数据即属性值，可将查询到的数据输入到请求错误镜像模块、镜像还原模块、送算法分析模块和分类统计模块中的至少一个模块中，进行分析处理。
[0087]
可见，本技术实施例中可以收集、存储属性值，并基于对应的属性值进行线上错误分析定位，用户行为跟踪、复现、复盘，网络运营、数据分析，生成专门的用户报告等，如此能从不同维度解析出不同的数据，用于丰富、优化不同维度的技术、产品方案。
[0088]
以下以点播系统的页面做一个详细的场景应用示例说明：
[0089]
1.在系统入口main.js中import导入镜像sdk，import mirror from
‘
./mirror.sdk.js’，然后在created函数里执行mirror.init(),window.mirror＝mirror。
[0090]
2.mirror.init()内置通过执行addeventlistener监听一系列人机交互事件，并初始化设置window.actionqueue＝[]。
[0091]
3.在axios配置文件中的axios.interceptors.request.use函数里，把所有系统请求的config参数通过window.mirror.sendrequest(config)上报；
[0092]
4.同样，axios.interceptors.request.use函数里的错误error数据通过window.mirror.senderrorrequest(error)上报。
[0093]
5.在axios配置文件中的axios.interceptors.response.use函数里，把所有系统请求的response数据通过window.mirror.sendresponse(response)上报；
[0094]
6.同样，axios.interceptors.response.use函数里的错误error数据通过window.mirror.senderrorresponse(error)上报。
[0095]
7.由于点播系统的用户行为参数上报给镜像系统存在浏览器跨域，所以在本地的vue.config.js中的proxy对象需要配置接口代理。
[0096]
8.点播系统发布到测试环境或者线上时，系统的nginx也需要给镜像系统的上报接口配置跨域支持，或者通过nodejs添加对应接口转发上报数据。
[0097]
其中，vue.config.js是项目的配置文件，可以通过proxy对象配置浏览器跨域安全限制的http请求，类似nginx转发原理一样，是处理跨域请求的一种手段。nodejs可以接受处理http接口请求，然后转发请求，绕过浏览器http跨域请求限制。
[0098]
需要说明的是，上述具体实施方式仅是本技术的具体个案，不应理解为对本技术的限制。
[0099]
参见图4，本技术实施例公开的一种数据上报的装置的结构示意图，该装置包括：
[0100]
监听单元401，用于执行镜像实例中的网页监听函数，监听网页的人机交互事件；
[0101]
接收单元402，用于接收人机交互事件对应的事件对象；
[0102]
解析单元403，用于解析事件对象，得到事件对象属性对应的属性值；
[0103]
上报单元404，用于通过所述镜像实例上报所述属性值。
[0104]
可见，本技术实施例中监听单元用于执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收单元用于接收人机交互事件对应的事件对象；解析单元用于解析事件对象，得到事件对象属性对应的属性值；上报单元用于通过镜像实例上报属性值，如此只需要在网页系统中导入镜像实例，就可利用镜像实例实现对事件对象属性对应的属性值的上报，如此能适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。
[0105]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置中上报单元404，包括：
[0106]
添加单元，用于将属性值添加到数组变量中；
[0107]
上报子单元，用于当数组变量的序列化长度达到预设存储阈值，或监听到网页刷新关闭事件时，通过镜像实例上报数组变量。
[0108]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置还包括：
[0109]
还原单元，用于利用镜像实例和数组变量，还原对应的用户操作过程。
[0110]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置还包括：
[0111]
存储单元，用于将属性值分类存储至数据库中。
[0112]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置还包括：
[0113]
获取单元，用于根据第一查询条件从所述数据库中，获取第一待处理属性值；
[0114]
处理单元，用于利用第一待处理属性值生成对应的错误报告。
[0115]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置中，获取单元，还用于根据第二查询条件从数据库中，获取第二待处理属性值；
[0116]
处理单元，还用于利用第二待处理属性值构建对应的用户画像。
[0117]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置中，获取单元，还用于根据第三查询条件从数据库中，获取第三待处理属性值；
[0118]
处理单元，还用于利用第三待处理属性值分析统计网页内容对应的点击率。
[0119]
在一种可能的实现方式中，本技术实施例中提供的数据上报的装置中，获取单元，还用于根据第四查询条件从数据库中，获取第四待处理属性值；
[0120]
处理单元，还用于利用第四待处理属性值还原对应的用户操作过程。
[0121]
进一步地，本技术实施例还提供了一种数据上报的装置，包括：
[0122]
存储器，用于存储指令；
[0123]
处理器，用于执行存储器中的指令以执行上述数据上报的方法的任一种实现方法。
[0124]
进一步地，本技术实施例还提供了一种计算机可读存储介质，计算机可读存储介质中存储有指令，当指令在终端设备上运行时，使得终端设备执行上述数据上报的方法的任一种实现方法。
[0125]
进一步地，本技术实施例还提供了一种计算机程序产品，计算机程序产品在终端设备上运行时，使得终端设备执行上述数据上报的方法的任一种实现方法。
[0126]
通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到上述实施例方法中的全部或部分步骤可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者诸如媒体网关等网络通信设备，等等)执行本技术各个实施例或者实施例的某些部分所述的方法。
[0127]
需要说明的是，本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
[0128]
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0129]
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。
[0130]
对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本技术。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本技术的精神或范围的情况下，在其它实施例中实现。因此，本技术将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

技术特征：
1.一种数据上报的方法，其特征在于，所述方法包括：执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收所述人机交互事件对应的事件对象；解析所述事件对象，得到事件对象属性对应的属性值；通过所述镜像实例上报所述属性值。2.根据权利要求1所述的方法，其特征在于，所述通过所述镜像实例上报所述属性值，包括：将所述属性值添加到数组变量中；当所述数组变量的序列化长度达到预设存储阈值，或监听到网页刷新关闭事件时，通过所述镜像实例上报所述数组变量。3.根据权利要求2所述的方法，其特征在于，所述方法还包括：利用所述镜像实例和所述数组变量，还原对应的用户操作过程。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所述属性值分类存储至数据库中。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：根据第一查询条件从所述数据库中，获取第一待处理属性值；利用所述第一待处理属性值生成对应的错误报告。6.根据权利要求4所述的方法，其特征在于，所述方法还包括：根据第二查询条件从所述数据库中，获取第二待处理属性值；利用所述第二待处理属性值构建对应的用户画像。7.根据权利要求4所述的方法，其特征在于，所述方法还包括：根据第三查询条件从所述数据库中，获取第三待处理属性值；利用所述第三待处理属性值分析统计网页内容对应的点击率。8.一种数据上报的装置，其特征在于，所述装置包括：监听单元，用于执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收单元，用于接收所述人机交互事件对应的事件对象；解析单元，用于解析所述事件对象，得到事件对象属性对应的属性值；上报单元，用于通过所述镜像实例上报所述属性值。9.一种数据上报的装置，其特征在于，包括：存储器，用于存储指令；处理器，用于执行所述存储器中的所述指令以执行权利要求1至7任意一项所述的方法。10.一种计算机可读存储介质，包括指令，当其在计算机上运行时，使得计算机执行权利要求1至7任意一项所述的方法。

技术总结
本申请实施例公开了一种数据上报的方法、装置及存储介质。其中，该方法包括：执行镜像实例中的网页监听函数，监听网页的人机交互事件；接收人机交互事件对应的事件对象；解析事件对象，得到事件对象属性；通过镜像实例上报属性值。可见，本申请实施例中只需要在网页系统中导入镜像实例，就可利用镜像实例实现对事件对象属性对应的属性值的上报，如此能适用于不同浏览器的不同网站项目的用户行为数据上报，通用性好，成本低。成本低。成本低。


技术研发人员：刘功贺 李东 周红丽 曾祥理 彭斌斌
受保护的技术使用者：湖南快乐阳光互动娱乐传媒有限公司
技术研发日：2023.05.04
技术公布日：2023/8/23