[發明專利]基于JS-SDK的可視化埋點方法及系統

在審

• 申請號: 202011022932.8
• 申請日: 2020-09-25
• 公開（公告）號: CN112162739A
• 公開（公告）日: 2021-01-01
• 發明（設計）人: 于揚
• 申請（專利權）人: 北京易觀智庫網絡科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F11/36
• 代理公司: 北京聿華聯合知識產權代理有限公司 11611
• 代理人: 于菲

1.一種基于JS-SDK的可視化埋點方法，包括：

通過編輯器獲得待埋點頁面，并激活該頁面的可視化埋點模式；

編輯頁面內的埋點，并將埋點信息通過所述編輯器傳輸給服務器；

通過所述編輯器獲取從所述服務器傳輸的與當前埋點相關的埋點列表，在非部署狀態下將所述埋點列表內的信息綁定到當前頁面；

在所述編輯器切換為測試模式時，確認埋點元素以完成頁面埋點的創建；

訪問當前頁面，并從所述服務器獲取所述當前頁面內已創建的埋點；

將已創建埋點信息綁定到當前頁面，以在所述埋點觸發后，將埋點觸發信息在所述服務器保存。

2.根據權利要求1所述的可視化埋點方法，其特征在于，在編輯頁面內的埋點步驟中，通過圈選頁面元素的方式進行編輯。

3.根據權利要求1或2所的可視化埋點方法，其特征在于，所述埋點信息包括但不限于：埋點元素的標識、埋點元素在頁面結構內的位置、埋點元素的關聯屬性信息、埋點元素的定位方式、埋點生效范圍、頁面生效范圍以及生效版本，其中，所述埋點元素的定位方式選自new_path定位、按屬性定位和同級元素定位中的一種或幾種的組合。

4.根據權利要求3所述的可視化埋點方法，其特征在于，在將已創建埋點信息綁定到當前頁面步驟中，包括：

解析當前頁面所涉及的已創建埋點信息，按照已定義的元素定位方式，對目標埋點元素進行定位，并獲取所述目標埋點元素的關聯屬性，其中，

在已定義元素定位方式為多種時，若每種定位處理后得到的埋點元素定位結果均相同，則當前頁面的元素定位操作成功，從而將該埋點元素定位結果作為所述目標埋點元素；否則，失敗。

5.根據權利要求1～4中任一項所述的可視化埋點方法，其特征在于，在將已創建埋點信息綁定到當前頁面步驟之后，還包括：

在目標埋點元素定位成功后，為所述目標埋點元素添加事件監聽器。

6.根據權利要求1～5中任一項所述的可視化埋點方法，其特征在于，所述方法還包括：

通過編輯器與所述服務器連接，在終端SDK與所述服務器連接時獲取頁面信息獲取通知，其中，所述頁面信息獲取通知是在所述終端SDK將所述待埋點頁面的頁面信息發送至所述服務器后由所述服務器發出；

通過所述服務器，將所述待埋點頁面的頁面信息反饋至所述終端SDK，以由所述終端SDK將所述頁面信息放入終端網頁視窗元素的h5視窗屬性內，從而將新的頁面信息傳輸至所述服務器。

7.根據權利要求6所述的可視化埋點方法，其特征在于，在埋點綁定過程中，還包括：

接收含有Hybrid埋點的埋點信息，并進行頁面綁定，其中，由所述編輯器識別所述埋點信息，在含有Hybrid埋點或該埋點僅以按屬性定位方式進行綁定時，在所述埋點信息中標記出當前埋點為Hybrid埋點，并將更新后埋點信息通過服務器發送至所述終端SDK，以在所述終端SDK將所述Hybrid埋點篩選出來后通過所述服務器發送至網頁端數據采集器。

8.根據權利要求7所述的可視化埋點方法，其特征在于，

如果當前埋點為Hybrid埋點，那么將通過所述服務器調用所述終端SDK中存儲的關于當前埋點的關聯元素屬性；

如果當前埋點為非Hybrid埋點，那么在獲得第一通知后，將含有當前埋點的關聯元素屬性信息的所述埋點信息通過所述服務器反饋至所述終端SDK，其中，在所述終端SDK檢測到當前埋點觸發時，通過所述服務器向所述網頁端數據采集器發送所述第一通知。

9.根據權利要求7或8所述的可視化埋點方法，其特征在于，在接收并綁定Hybrid埋點步驟之后，還包括：

在當前Hybrid埋點被觸發后，通過所述終端SDK將相應的埋點觸發信息傳輸至所述服務器。

10.一種基于JS-SDK的可視化埋點系統，其特征在于，所述可視化埋點系統執行如權利要求1～9中任一項所述的方法，所述可視化埋點系統包括：

網頁端數據采集器，其用于先通過編輯器獲得待埋點頁面，并激活該頁面的可視化埋點模式，而后編輯頁面內的埋點，并將埋點信息通過所述編輯器傳輸給服務器，然后，通過所述編輯器獲取從所述服務器傳輸的與當前埋點相關的埋點列表，在非部署狀態下將所述埋點列表內的信息綁定到當前頁面，在所述編輯器切換為測試模式時，確認埋點元素以完成頁面埋點的創建，以及訪問當前頁面，并從所述服務器獲取所述當前頁面內已創建的埋點，最后將已創建埋點信息綁定到當前頁面，以在所述埋點觸發后，將埋點觸發信息在所述服務器保存；

編輯器，其與所述網頁端數據采集器和服務器通過PostMessage進行通信；和

所述服務器，其與所述網頁端數據采集器通過Http或Https方式進行通信，用于存儲并傳輸網站頁面的頁面信息、各頁面內的已創建埋點信息和各頁面內的已創建埋點的埋點觸發信息。