(19)中华人民共和国国家知识产权局
(12)发明专利申请
(10)申请公布号 (43)申请公布日 (21)申请号 202010900173.4
(22)申请日 2020.08.31
(71)申请人 辽宁振兴银行股份有限公司
地址 110000 辽宁省沈阳市沈河区北站路
61号
(72)发明人 佘威 袁海锋 陈帅 黄信援 肺透明膜病
(74)专利代理机构 郑州欧凯专利代理事务所
(普通合伙) 41166
代理人 李英
(51)Int.Cl.
受体激动剂G06F 11/30(2006.01)
G06F 11/34(2006.01)
(54)发明名称一种Vue-trace跟踪埋点SDK处理方法(57)摘要本发明公开了一种Vue ‑trace跟踪埋点SDK 处理方法，包括如下步骤：S1 vue ‑trace埋点SDK ，采用对HTML5 DOM结构原生事件的监听和使用HTML5提供的localStorage存储特性，来为埋点SDK提供底层的技术支撑，针对vue技术栈场景通过自定义埋点指定和vue ‑router路由的监听来提供SDK应用层对页面组件埋点项的收集和页面路由转向进入离开的记录，并提供在代码流程中手动埋点的方式处理一些特殊无法通过埋点页面组件元素的使用场景；S2 vue ‑trace埋点SDK技术实现。本发明，vue ‑trace埋点SDK，在处理通用的行为埋点的同时，增加了对定制化跨组件和跨页面的行为事件提供了支持；同时自身即封装成了Vue技术栈的使用形式，方便Vue使用场 景开箱即用。权利要求书1页 说明书3页 附图1页CN 112035321 A 2020.12.04
C N 112035321
A
1.一种Vue -trace 跟踪埋点SDK处理方法，其特征在于，包括如下步骤：
S1 vue -trace埋点SDK ，采用对HTML5 DOM结构原生事件的监听和使用HTML5提供的localStorage存储特性，来为埋点SDK提供底层的技术支撑，针对vue技术栈场景通过自定义埋点指定和vue -router路由的监听来提供SDK应用层对页面组件埋点项的收集和页面路由转向进入离开的记录，并提供在代码流程中手动埋点的方式处理一些特殊无法通过埋点页面组件元素的使用场景；
S2 vue -trace埋点SDK技术实现：
vue -trace埋点SDK技术实现内部分为六大模块：配置埋点映射表、设置和获取埋点、监听埋点行为事件、采集行为数据、整理采集数据拼装所需的数据格式和上报数据提供给使用方，六大模块贯穿整个埋点跟踪的输入、处理、输出三个阶段； S21配置埋点映射表模块：
通过定义行为类型，设置埋点的名称，对接使用方需要关心收集的埋点；
S22设置和获取埋点模块：
通过组件埋点指令或自定义的埋点事件，定制化对所关心的组件或元素设置埋点，该埋点与埋点映射表一一对应；自行车
S23监听埋点行为事件模块：
批量获取之前设置埋点的元素，并监听其事件行为；
S24采集行为数据模块：
当关注的埋点触发了所监听的行为时，内部收集行为所产生的数据，比如点击的次数，停留的时间点等；
S25整理采集数据拼装所需的数据格式模块：
对当前所有采集到的埋点事件数据，进行清洗、统计拼装出使用者所需要的数据格式；S26上报数据模块：
高等学校化学学报通过使用者所给定的上报地址，通过ajax请求对整理后的数据进行编码发送。
2.根据权利要求1所述的一种Vue -trace 跟踪埋点SDK处理方法，其特征在于，所述步骤S1的使用场景包括跨页面进入第三方调用处理完回调的场景，如第三方人脸识别认证。
3.根据权利要求1所述的一种Vue -trace 跟踪埋点SDK处理方法，其特征在于，所述步骤S2的输入、处理、输出三个阶段包括输入：配置埋点映射表和设置埋点，处理：监听埋点事件行为和采集行为数据，输出：整理采集后的数据和上报数据，且输入、处理、输出三个阶段依次连接。
权 利 要 求 书1/1页CN 112035321 A
一种Vue-trace跟踪埋点SDK处理方法
技术领域
[0001]本发明涉及HTML5前端Vue技术栈场景技术领域，尤其涉及一种Vue-trace 跟踪埋点SDK处理方法。
背景技术
[0002]随着互联网技术、大数据技术的发展，现在的银行对互联网风控要求越来越高，简单的页面访问量(PV)统计、独立访客(UV)统计已经不能满足银行风控系统对用户行为进行分析的需求。利用埋点技术可以较为方便地、全面地获取用户的操作行为数据，使得银行风控系统可以根据获取到的用户操作数据分析用户需求和行为，为完善本行自营资产端产品风险审核能力，提升授信用信申请环节的反欺诈审核。简单来说，埋点就是在应用系统中增加监控点，使得风控系统可以知道用户在该监控点进行了何种操作和行为等。例如，在应用程序中根据用户点击授信申请信息位置、输入时长、停留时长、输入内容修改次数等，将用户的操作行为数据发送给服务器，配合风控系统使用，帮助识别机器脚本等反欺诈行为。目前，需要程序员进行手工埋点，即，由程序员在需要埋点的位置人工输入用于实现监控的代码。这就可以收集比较准确的用户行为的数据，提高我行的反欺诈能力。
[0003]目前市场中的埋点解决方案，一般的技术方案是引用JDK，然后在需要埋点的位置嵌入代码，用户在页面的操作时，将其用户在页面操作的行为数据包括页面的PV/UV，入口来源，用户在页面的停留时间等进行上报。
[0004]现有技术（如百度统计、友盟统计等），采用的都是通用的行为埋点解决方案，在技术实现上他们都是对单一的组件或页面进行行为事件的埋点（难以处理一些定制话跨组件间的埋点行为），在技术集成上使用者需要自己对一些技术使用场景使用自身的封装来适应。
发明内容
[0005]基于背景技术存在的技术问题，本发明提出了一种Vue-trace 跟踪埋点SDK处理方法。
[0006]本发明提出的一种Vue-trace 跟踪埋点SDK处理方法，，包括如下步骤：S1 vue-trace埋点SDK，采用对HTML5 DOM结构原生事件的监听和使用HTML5提供的localStorage存储特性，来为埋点SDK提供底层的技术支撑，针对vue技术栈场景通过自定义埋点指定和vue-router路由的监听来提供SDK应用层对页面组件埋点项的收集和页面路由转向进入离开的记录，并提供在代码流程中手动埋点的方式处理一些特殊无法通过埋点页面组件元素的使用场景；
S2 vue-trace埋点SDK技术实现：
vue-trace埋点SDK技术实现内部分为六大模块：配置埋点映射表、设置和获取埋点、监听埋点行为事件、采集行为数据、整理采集数据拼装所需的数据格式和上报数据提供给使用方，六大模块贯穿整个埋点跟踪的输入、处理、输出三个阶段；
S21配置埋点映射表模块：
通过定义行为类型，设置埋点的名称，对接使用方需要关心收集的埋点；
S22设置和获取埋点模块：
通过组件埋点指令或自定义的埋点事件，定制化对所关心的组件或元素设置埋点，该埋点与埋点映射表一一对应；
S23监听埋点行为事件模块：
批量获取之前设置埋点的元素，并监听其事件行为；
S24采集行为数据模块：
当关注的埋点触发了所监听的行为时，内部收集行为所产生的数据，比如点击的次数，停留的时间点等；
S25整理采集数据拼装所需的数据格式模块：
对当前所有采集到的埋点事件数据，进行清洗、统计拼装出使用者所需要的数据格式；
十六届三中全会公报S26上报数据模块：
通过使用者所给定的上报地址，通过ajax请求对整理后的数据进行编码发送。[0007]优选的，所述步骤S1的使用场景包括跨页面进入第三方调用处理完回调的场景，如第三方人脸识别认证所述步骤S1的使用场景包括跨页面进入第三方调用处理完回调的场景，如第三方人脸识别认证。
[0008]优选的，所述步骤S2的输入、处理、输出三个阶段包括输入：配置埋点映射表和设置埋点，处理：监听埋点事件行为和采集行为数据，输出：整理采集后的数据和上报数据，且输入、处理、输出三个阶段依次连接。
[0009]本发明中，所述一种Vue-trace 跟踪埋点SDK处理方法，vue-trace埋点SDK，在处理通用的行为埋点的同时，增加了对定制化跨组件和跨页面的行为事件提供了支持；同时自身即封装成了Vue技术栈的使用形式，方便Vue使用场景开箱即用。
附图说明
[0010]图1为本发明提出的一种Vue-trace 跟踪埋点SDK处理方法的原理框图。
具体实施方式
[0011]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。[0012]参照图1，一种Vue-trace 跟踪埋点SDK处理方法，，包括如下步骤：S1 vue-trace埋点SDK，采用对HTML5 DOM结构原生事件的监听和使用HTML5提供的localStorage存储特性，来为埋点SDK提供底层的技术支撑，针对vue技术栈场景通过自定义埋点指定和vue-router路由的监听来提供SDK应用层对页面组件埋点项的收
集和页面路由转向进入离开的记录，并提供在代码流程中手动埋点的方式处理一些特殊无法通过埋点页面组件元素的使用场景；
S2 vue-trace埋点SDK技术实现：
vue-trace埋点SDK技术实现内部分为六大模块：配置埋点映射表、设置和获取埋点、监听埋点行为事件、采集行为数据、整理采集数据拼装所需的数据格式和上报数据提供给使
世界上什么事最开心用方，六大模块贯穿整个埋点跟踪的输入、处理、输出三个阶段；
S21配置埋点映射表模块：
通过定义行为类型，设置埋点的名称，对接使用方需要关心收集的埋点；
S22设置和获取埋点模块：
通过组件埋点指令或自定义的埋点事件，定制化对所关心的组件或元素设置埋点，该埋点与埋点映射表一一对应；
S23监听埋点行为事件模块：
批量获取之前设置埋点的元素，并监听其事件行为；
S24采集行为数据模块：
当关注的埋点触发了所监听的行为时，内部收集行为所产生的数据，比如点击的次数，停留的时间点等；
S25整理采集数据拼装所需的数据格式模块：
对当前所有采集到的埋点事件数据，进行清洗、统计拼装出使用者所需要的数据格式；
S26上报数据模块：
通过使用者所给定的上报地址，通过ajax请求对整理后的数据进行编码发送。[0013]本发明中，所述步骤S1的使用场景包括跨页面进入第三方调用处理完回调的场景，如第三方人脸识别认证所述步骤S1的使用场景包括跨页面进入第三方调用处理完回调的场景，如第三方人脸识别认证。
[0014]本发明中，所述步骤S2的输入、处理、输出三个阶段包括输入：配置埋点映射表和设置埋点，处理：监听埋点事件行为和采集行为数据，输出：整理采集后的数据和上报数据，且输入、处理、输出三个阶段依次连接。
[0015]本发明：vue-trace埋点SDK，采用对HTML5 DOM结构原生事件的监听和使用HTML5提供的localStorage存储特性，来为埋点SDK提供底层的技术支撑，针对vue技术栈场景通过自定义埋点指定和vue-router路由的监听来提供SDK应用层对页面组件埋点项的收集和页面路由转向进入离开的记录，并提供在代码流程中手动埋点的方式处理一些特殊无法通过埋点页面组件元素的使用场景；vue-trace埋点SDK技术实现：vue-trace埋点SDK技术实现内部分为六大模块：配置埋点映射表、设置和获取埋点、监听埋点行为事件、采集行为数据、整理采集数据拼装所需的数据格式和上报数据提供给使用方，六大模块贯穿整个埋点跟踪的输入、处理、输出三个阶段；配置埋点映射表模块：通过定义行为类型，设置埋点的名称，对接使用方需要关心收集的埋点；设置和获取埋点模块：通过组件埋点指令或自定义的埋点事件，定制化对所关心的组件或元素设置埋点，该埋点与埋点映射表一一对应；监听埋点行为事件模块：批量获取之前设置埋点的元素，并监听其事件行为；采集行为数据模块：当关注的埋点触发了所监听的行为时，内部收集行为所产生的数据，比如点击的次数，停留的时间点等；整理采集数据拼装所需的数据格式模块：对当前所有采集到的埋点事件数据，进行清洗、统计拼装出使用者所需要的数据格式；上报数据模块：通过使用者所给定的上报地址，通过ajax请求对整理后的数据进行编码发送。
[0016]以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，根据本发明的技术方案及其发明构思加以等同替换或改变，都应涵盖在本发明的保护范围之内。
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议