[发明专利]基于JS-SDK的可视化埋点方法及系统

权利要求书

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方式进行通信，用于存储并传输网站页面的页面信息、各页面内的已创建埋点信息和各页面内的已创建埋点的埋点触发信息。