[發明專利]一種Vue-trace跟蹤埋點SDK處理方法

在審

• 申請號: 202010900173.4
• 申請日: 2020-08-31
• 公開（公告）號: CN112035321A
• 公開（公告）日: 2020-12-04
• 發明（設計）人: 佘威;袁海鋒;陳帥;黃信援
• 申請（專利權）人: 遼寧振興銀行股份有限公司
• 主分類號: G06F11/30
• 分類號: G06F11/30;G06F11/34
• 代理公司: 鄭州歐凱專利代理事務所(普通合伙) 41166
• 代理人: 李英

本發明公開了一種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使用場景開箱即用。

技術領域

本發明涉及HTML5前端Vue技術棧場景技術領域，尤其涉及一種Vue-trace 跟蹤埋點SDK處理方法。

背景技術

隨著互聯網技術、大數據技術的發展，現在的銀行對互聯網風控要求越來越高，簡單的頁面訪問量(PV)統計、獨立訪客(UV)統計已經不能滿足銀行風控系統對用戶行為進行分析的需求。利用埋點技術可以較為方便地、全面地獲取用戶的操作行為數據，使得銀行風控系統可以根據獲取到的用戶操作數據分析用戶需求和行為，為完善本行自營資產端產品風險審核能力，提升授信用信申請環節的反欺詐審核。簡單來說，埋點就是在應用系統中增加監控點，使得風控系統可以知道用戶在該監控點進行了何種操作和行為等。例如，在應用程序中根據用戶點擊授信申請信息位置、輸入時長、停留時長、輸入內容修改次數等，將用戶的操作行為數據發送給服務器，配合風控系統使用，幫助識別機器腳本等反欺詐行為。目前，需要程序員進行手工埋點，即，由程序員在需要埋點的位置人工輸入用于實現監控的代碼。這就可以收集比較準確的用戶行為的數據，提高我行的反欺詐能力。

目前市場中的埋點解決方案，一般的技術方案是引用JDK，然后在需要埋點的位置嵌入代碼，用戶在頁面的操作時，將其用戶在頁面操作的行為數據包括頁面的PV/UV,入口來源，用戶在頁面的停留時間等進行上報。

現有技術（如百度統計、友盟統計等），采用的都是通用的行為埋點解決方案，在技術實現上他們都是對單一的組件或頁面進行行為事件的埋點（難以處理一些定制話跨組件間的埋點行為），在技術集成上使用者需要自己對一些技術使用場景使用自身的封裝來適應。

發明內容

基于背景技術存在的技術問題，本發明提出了一種Vue-trace 跟蹤埋點SDK處理方法。

本發明提出的一種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監聽埋點行為事件模塊：