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

说明书

本发明公开了一种基于JS‑SDK的可视化埋点方法，包括：通过编辑器获得待埋点页面，并激活该页面的可视化埋点模式；编辑页面内的埋点，并将埋点信息通过编辑器传输给服务器；通过编辑器获取从服务器传输的与当前埋点相关的埋点列表，在非部署状态下将埋点列表内的信息绑定到当前页面；在编辑器切换为测试模式时，确认埋点元素以完成页面埋点的创建；访问当前页面，并从服务器获取当前页面内已创建的埋点；将已创建埋点信息绑定到当前页面，以在埋点触发后，将埋点触发信息在服务器保存。本发明解决了埋点操作复杂、上报数据量大的问题，可适用于复杂业务场景下的埋点方案，提高了数据分析结果的准确性。

技术领域

本发明涉及数据采集处理技术领域，尤其是涉及一种基于JS-SDK的可视化埋点方法及系统。

背景技术

数据统计是互联网产品迭代过程中的重要部分，主要由数据采集、数据分析两部分组成，数据采集确定数据源，快速、准确、无遗漏地采集数据，是数据采集SDK(下文简称SDK)面临的主要挑战。SDK能够针对页面元素的点击信息来统计用于分析用户交互和用户行为，对互联网产品的持续优化起到很大作用。数据采集流程大致为设计埋点、集成SDK、触发埋点、上报服务器。其中，现有的数据采集方式主要有代码采集、全埋点采集、可视化采集等。

具体地，代码采集大致流程为运营人员提出数据统计需求，产品人员设计埋点，开发人员调用SDK采集接口植入埋点，重新打包发布新版本，数据上报后运营人员进行分析。这种埋点方式采集精准且数据量小，缺点是人力和时间成本高。全埋点采集预先将埋点植入到所有页面元素，所有元素被点击后都会上报数据，运营人员筛选出关心的元素后进行数据统计，这种采集方式避免了重新发版的麻烦，缺点是数据量大，且上报数据形式单一不灵活。可视化采集可以在不发版的情况下新增采集点，且采集精准、上报数据量小，一定程度上综合了代码埋点和全埋点的优点，是数据采集发展的重要方向。

进一步，现有SDK的可视化采集技术主要有基于全埋点的可视化、基于编辑器圈选的可视化。其中，基于全埋点的可视化采集了所有元素的点击事件，在分析数据时在编辑器中圈选所关心的数据进行分析，其技术核心还是全埋点采集。这种技术虽然能够对埋点进行可视化圈选，但本质上还是全埋点技术，仍然具有数据量大、且上报的数据只包括元素点击信息，而无法上报元素相关信息。基于设备端圈选的可视化在编辑埋点时使用设备上运行的SDK宿主程序，生成埋点指令部署后全网生效。但这种技术的可视化在手机终端设备上操作埋点，操作难度大，受限于屏幕尺寸和交互方式不能实现复杂的埋点需求。另外，基于编辑器圈选的可视化采集技术，是使用单独的网页编辑器编辑埋点，部署后全网生效。但现有的基于编辑器圈选的可视化采集技术仍然处于发展初期，现有解决方案只采集元素点击事件，对于复杂的采集环境下的采集需求尚不能满足。

发明内容

为了解决上述技术问题，本发明提供了一种基于JS-SDK的可视化埋点方法，包括：通过编辑器获得待埋点页面，并激活该页面的可视化埋点模式；编辑页面内的埋点，并将埋点信息通过所述编辑器传输给服务器；通过所述编辑器获取从所述服务器传输的与当前埋点相关的埋点列表，在非部署状态下将所述埋点列表内的信息绑定到当前页面；在所述编辑器切换为测试模式时，确认埋点元素以完成页面埋点的创建；访问当前页面，并从所述服务器获取所述当前页面内已创建的埋点；将已创建埋点信息绑定到当前页面，以在所述埋点触发后，将埋点触发信息在所述服务器保存。

优选地，在编辑页面内的埋点步骤中，通过圈选页面元素的方式进行编辑。

优选地，所述埋点信息包括但不限于：埋点元素的标识、埋点元素在页面结构内的位置、埋点元素的关联属性信息、埋点元素的定位方式、埋点生效范围、页面生效范围以及生效版本，其中，所述埋点元素的定位方式选自new_path定位、按属性定位和同级元素定位中的一种或几种的组合。