[发明专利]一种基于HTML5的可视化埋点方法、装置和电子设备

说明书

本发明涉及计算机技术领域，具体涉及一种基于HTML5的可视化埋点方法、装置和电子设备，包括：于埋点页面获取第一位置标签，并引入埋点软件开发工具包；于操作页面打开所述埋点页面，并于所述第一位置标签中选择第二位置标签；利用所述埋点软件开发工具包生成埋点信息，并将所述埋点信息上传至服务器；加载所述埋点信息，并根据用户操作获取用户信息及用户操作信息；于所述操作页面展示所述埋点页面、所述埋点信息及埋点信息热力图。本发明减轻了开发人员主动代码埋点的负担，不需要工程师在业务代码里面插入侵入式的代码，可以让非技术人员利用管理页面自行操作，降低技术门槛，以及降低开发成本以及业务时间。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于HTML5的可视化埋点方法、装置和电子设备。

背景技术

为了对用户在页面上的行为进行统计和分析，目前通常采用的方法是在应用或页面的代码相应位置上植入统计代码，也就是埋点。

通过埋点，可以追踪用户在相应应用或页面上的行为，包括点击、滑动、下载、浏览等；对多个埋点数据进行统计，可以追踪用户的连续行为，还可以将收集到的数据输入建立的模型，得出用户的操作行为。通过埋点，还能够统计得到页面浏览量、独立访问者数量、IP、页面停留时间、页面操作时间、页面访问次数、按钮点击次数、文件下载次数等统计数据，并可以以此作为应用或页面开发和优化的依据。

现有技术中的埋点方式对测试人员的专业性要求较高且测试效率低，对于非专业技术人员来说很难操作，且开发成本及业务时间都较高。

发明内容

本发明提供了一种基于HTML5的可视化埋点方法、装置和电子设备，用以降低技术门槛，以及降低开发成本以及业务时间。

本说明书实施例提供一种基于HTML5的可视化埋点方法，包括：

于埋点页面获取第一位置标签，并引入埋点软件开发工具包；

于操作页面打开所述埋点页面，并于所述第一位置标签中选择第二位置标签；

利用所述埋点软件开发工具包生成埋点信息，并将所述埋点信息上传至服务器；

加载所述埋点信息，并根据用户操作获取用户信息及用户操作信息。

优选的，还包括：

于所述操作页面展示所述埋点页面、所述埋点信息及埋点信息热力图。

优选的，所述利用所述埋点软件开发工具包于生成埋点信息，包括：

根据所述第二位置标签获取需要埋点的位置；

所述埋点软件开发工具包基于所述需要埋点的位置生成埋点信息，所述埋点信息包括：埋点相关代码、埋点位置。

优选的，所述根据用户操作获取用户信息及用户操作信息，包括：

所述埋点根据所述用户操作采集所述用户信息及用户操作信息；

上传所述用户信息及用户操作信息至所述服务器。

优选的，所述于所述操作页面展示所述埋点页面、所述埋点信息及埋点信息热力图，包括：

获取所述用户信息及用户操作信息；

于所述操作页面利用iframe打开所述埋点页面；

于所述操作页面展示所述埋点页面、所述埋点信息及埋点信息热力图。

本说明书实施例还提供一种基于HTML5的可视化埋点装置，其特征在于，包括：

工具包引入模块，于埋点页面获取第一位置标签，并引入埋点软件开发工具包；