CN111190572A

CN111190572A - 页面埋点数据的可视化方法、装置、电子设备及存储介质

Info

Publication number: CN111190572A
Application number: CN201911369495.4A
Authority: CN
Inventors: 崔海东
Original assignee: Beijing 58 Information Technology Co Ltd
Current assignee: Beijing 58 Information Technology Co Ltd
Priority date: 2019-12-26
Filing date: 2019-12-26
Publication date: 2020-05-22

Abstract

本发明实施例提供了一种页面埋点数据的可视化方法、装置、电子设备及存储介质，所述方法包括：获取用户对页面埋点的需求；根据所述页面埋点的需求确定页面埋点的配置内容；将所述页面埋点的配置内容写入到对应的埋点页面上；加载所述埋点页面，记录所述页面埋点的数据；根据记录的所述页面埋点的数据生成可视化结果；将所述可视化结果展示给所述用户。本发明实施例中，不需要需求方，开发方，测试方三方的密切配合，就可以完成一个数据埋点需求，简化了整个埋点需求开发的开发周期，极大的降低了页面埋点需求，还降低了开发、测试各个方面的沟通成本，提高了开发效率和准确度。

Description

页面埋点数据的可视化方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，特别是涉及一种页面埋点数据的可视化方法、装置、电子设备及存储介质。

背景技术

传统的页面埋点过程为：先按照需求方提出数据埋点需求制定埋点规范，并对每个页面的埋点要求进行详细的梳理；然后，开发人员根据数据埋点需求在网页页面进行埋点需求的开发；最后，测试人员在开发人员开发完成后，比照数据埋点需求的描述采用自动化测试方法进行埋点功能的测试。

但是，传统的页面埋点需要需求方，开发方，测试方三方的密切配合，才可以完成一个数据埋点需求，其开发周期太长，且在较长的开发过程中容易出现各种沟通不明确问题，导致埋点需求的准确性和及时性受到影响；特别是是采用自动化埋点测试方法来测试，这些都是基于测试人员对埋点需求的二次理解上，如果对埋点需求理解错误，那么基于此的自动化测试方法必然也会是错误的。

所以，如何提高埋点的开发效率，降低开发周期是目前有待解决的技术问题。

发明内容

本发明实施例所要解决的技术问题是提供一种页面埋点数据的可视化方法、装置、电子设备及存储介质，以解决现有技术中由于传统的页面埋点需要三方配合，导致页面埋点的开发周期长，效率低的技术问题。

为了解决上述问题，本发明是通过如下技术方案实现的：

第一方面提供一种页面埋点数据的可视化方法，所述方法包括：

获取用户对页面埋点的需求；

根据所述页面埋点的需求确定页面埋点的配置内容；

将所述页面埋点的配置内容写入到对应的埋点页面上；

加载所述埋点页面，记录所述页面埋点的数据；

根据记录的所述页面埋点的数据生成可视化结果；

将所述可视化结果展示给所述用户。

可选的，在所述确定页面埋点的配置内容之后，所述方法还包括：

对所述配置内容的合法性进行校验，如果所述配置内容合法，则执行所述将所述页面埋点的配置内容写入到对应的埋点页面上的步骤；否则，执行所述根据所述页面埋点的需求确定页面埋点的配置内容的步骤。

可选的，所述将所述页面埋点的配置内容写入到对应的埋点页面上，包括：

按照设定的页面埋点配置规则，将所述页面埋点的配置内容写入到对应的埋点页面上。

可选的，所述加载所述埋点页面包括：

自动加载所述埋点页面；或者

在接收到所述用户输入的加载指令时，根据所述加载指令加载所述埋点页面。

可选的，所述根据记录的所述页面埋点的数据生成可视化结果，包括：

将记录的所述页面埋点的数据转换成可视化的图表。

可选的，在生成可视化结果之前，所述方法还包括：

根据记录的所述页面埋点的数据对所述页面埋点进行测试；

如果所述测试结果满足所述用户对页面埋点需求，则执行所述根据记录的所述页面埋点的数据生成可视化结果的步骤。

第二方面提供一种页面埋点数据的可视化装置，所述装置包括：

获取模块，用于获取用户对页面埋点的需求；

确定模块，用于根据所述页面埋点的需求确定页面埋点的配置内容；

写入模块，用于将所述页面埋点的配置内容写入到对应的埋点页面上；

加载模块，用于加载所述埋点页面，记录所述页面埋点的数据；

生成模块，用于根据记录的所述页面埋点的数据生成可视化结果；

展示模块，用于将所述可视化结果展示给所述用户。

可选的，所述装置还包括：

校验模块，用于对所述确定模块确定的所述配置内容的合法性进行校验；

所述写入模块，还用于在所述校验模块校验所述配置内容合法时，将所述页面埋点的配置内容写入到对应的埋点页面上；

所述确定模块，还用于在所述校验模块校验所述配置内容不合法时，根据所述页面埋点的需求重新确定页面埋点的配置内容。

可选的，所述写入模块，具体用于按照设定的页面埋点配置规则，将所述页面埋点的配置内容写入到对应的埋点页面上。

可选的，所述加载模块包括：第一加载模块，和/或接收模块和第二加载模块，其中，

所述第一加载模块，用于自动加载所述埋点页面；

所述接收模块，用于接收所述用户输入的加载指令；

所述第二加载模块，用于在所述接收模块接收到所述用户输入的加载指令时，根据所述加载指令加载所述埋点页面。

可选的，所述生成模块，具体用于将记录的所述页面埋点的数据转换成可视化的图表。

可选的，所述装置还包括：

测试模块，用于在所述生成模块生成可视化结果之前，根据记录的所述页面埋点的数据进行页面埋点进行测试；

所述生成模块，还用于在所述测试模块的测试结果满足所述用户对页面埋点的需求时，根据记录的所述页面埋点的数据生成可视化结果。

第三方面提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述的页面埋点数据的可视化方法的步骤。

第四方面提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的页面埋点数据的可视化方法中的步骤。

与现有技术相比，本发明实施例包括以下优点：

本发明实施例中，先根据用户对页面埋点的需求确定页面埋点的配置内容，然后，将该配置内容写入到对应的埋点页面上，加载该埋点页面，跟踪并记录该页面埋点的数据，以及将该数据转换成可视化的结果，将可视化结果展示给用户。也就是说，本发明实施例中，不需要需求方，开发方，测试方三方的密切配合，就可以完成一个数据埋点需求，简化了整个埋点需求开发的开发周期，降低了页面埋点需求，以及降低了开发、测试各个方面的沟通成本，提高了开发效率和准确度。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

图1是本发明实施例提供的一种页面埋点数据的可视化方法的流程图；

图2是本发明实施例提供的一种页面埋点数据的可视化装置的结构示意图；

图3是本发明实施例提供的一种页面埋点数据的可视化装置的另一结构示意图；

图4是本发明实施例提供的一种页面埋点数据的可视化装置的再一结构示意图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

请参阅图1，为本发明实施例提供的一种页面埋点数据的可视化方法的流程图，具体可以包括如下步骤：

步骤101：获取用户对页面埋点的需求；

步骤102：根据所述页面埋点的需求确定页面埋点的配置内容；

步骤103：将所述页面埋点的配置内容写入到对应的埋点页面上；

步骤104：加载所述埋点页面，记录所述页面埋点的数据；

步骤105：根据记录的所述页面埋点的数据生成可视化结果；

步骤106：将所述可视化结果展示给所述用户。

本发明实施例提供的页面埋点数据的可视化方法，可以应用于移动终端、服务器、客户端、后端或系统等，在此不作限制，其实施设备可以是智能手机，笔记本电脑、平板电脑等电子设备，在此也不作限制。

下面结合图1，对本发明实施例提供的页面埋点数据的可视化方法的具体实施步骤进行详细说明。

首先，执行步骤101，获取用户对页面埋点的需求；

该步骤中，就是先获取埋点需求方对页面埋点的需求。其中，页面埋点是隐藏在网页页面内部，用于记录用户行为数据的一种数据标记，比如，为了能精准地监控某个产品(比如，钱包产品)注册开户交易时的漏损情况、定位用户流失原因等，为后续用户体验优化做数据支撑，而提出以下页面埋点需求：1)对业务的需求，可以包括：对流程类页面的需求，对功能类页面的需求，对表单类页面的需求等，2)对优先级的需求等。

其次，执行步骤102，根据所述页面埋点的需求确定页面埋点的配置内容；

该步骤中，其确定的一种方式，就是根据页面埋点的需求按照用户操作指令进行页面埋点的规则配置，就是按照页面埋点的需求配置页面埋点的类型，位置，以及页面埋点的埋点个数和埋点值等信息，比如，将埋点配置到哪个页面上，配置的埋点值是多少等。当然，根据实际需要，还可以增加其他的配置内容，本实施例不做限制。

需要说明的是，本实施例中的页面埋点的配置内容可以通过创建脚本元素(create script element)或代码来表示，比如，可以在正常的jsp、html页面下端，可以插入一小段js代码，即“埋点”，通过“埋点”中的全局数组，可以用来收集该页面中需要被回传的用户行为数据，比如：域名、ip、url、搜索的内容、常按的按钮名称等等。

再次，执行步骤103，将所述页面埋点的配置内容写入到对应的埋点页面上；

该实施例中，按照设定的页面埋点配置规则，将所述页面埋点的配置内容写入到对应的埋点页面上。其中，页面埋点配置规则是预先设定的，就是预先设置好页面和页面埋点规则的对应关系，比如，那一个页面(或哪一类页面)，以及该页面中需要在那个位置设置埋点，以及设置埋点的个数或埋点值直接的对应关系等，然后按照页面和页面埋点配置规则之间的对应关系，将配置内容写入到对应的埋点页面上。

然后，执行步骤104，加载所述埋点页面，记录所述页面埋点的数据；

该步骤中，加载埋点页面可以通过下述两种方式：

一种是自动加载所述埋点页面，也就是说，在埋点内容写入到对应的埋点页面上之后，自动加载埋点页面。

另一种是，在埋点内容写入到对应的埋点页面上之后，只有在接收到所述用户输入的加载指令时，系统才会根据所述加载指令加载所述埋点页面，即手动加载埋点页面。

之后，在加载埋点页面之后，记录所述页面埋点的数据，也就是说，通过加入在埋点页面上的埋点，来解析或获取用户的各种行为数据信息。

再后，执行步骤105，根据记录的所述页面埋点的数据生成可视化结果；

该步骤中，可以将记录的所述页面埋点的数据转换成可视化的图表。

具体的，可以采用Visual Fox Pro、Visyal Basic、Power-Builder、Delph等方法将记录的页面埋点的数据转换成可视化的图表。其中，图表，是语言的一种重要形式，图表可以将一些复杂的数据以一种直观的方式表达出来。图表的表现形式可以包括：圆形图表，条形图表，柱状图表，线性图表和圆点图表等。需要说明的是，针对不同的主题可能选择的图表不同，也就是说，在选择图标前，先要确定所要表达的主题，然后，确定确定对比关系，其中，对比关系可以包括：成分对比关系，项类对比关系，时间序列对比关系，频率分布对比关系，相关性对比关系等，最后，确定要选择的图表，比如，选择条形图表等。

最后，执行步骤106，将所述可视化结果展示给所述用户。

该步骤中，将可视化的图表展示给所述用户(埋点需求方)，也就是说，将可视化结果以直观的形式直接展示给埋点需求方进行验证，以便于埋点需求方根据可视化结果对用户行为数据进行分析、对应产品进行优化，或者确定精准定位营销方式等。

本发明实施例中，先根据用户对页面埋点的需求确定页面埋点的配置内容，然后，将该配置内容写入到对应的埋点页面上，加载该埋点页面，跟踪并记录该页面埋点的数据，以及将该数据转换成可视化的结果，将可视化结果展示给用户。也就是说，本发明实施例中，不但简化了整个埋点需求开发的生命周期，极大的降低了页面埋点需求，还降低了开发、测试各个方面的沟通成本，提高了开发效率和准确度。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述方法还可包括：

该实施例中，在将配置内容写入到对应埋点页面之前，还可以对配置内容的合法性进行校验，其目的是判断该配置内容是否满足对应页面的埋点规则，如果配置内容合法，则将该配置内容写入到对应的埋点页面上，如果不合法，则返回步骤102，重新根据页面埋点的需求确定页面埋点的配置内容。比如，页面点击埋点，就要满足页面点击埋点的规则，页面搜索埋点，就要满足页面搜素埋点的规则等。

本发明实施例中，在将配置内容写入到对应埋点页面之前，还需要对配置内容的合法性进行校验，其目的是判断该配置内容是否满足对应页面的埋点规则，来提高埋点配置内容的准确性。

可选的，在另一实施例中，该实施例在上述实施例的基础上，在生成可视化结果展示给所述用户之前，所述方法还可以包括：

根据记录的所述页面埋点的数据对所述页面埋点进行测试；

该实施例中，在将生成可视化图表展示给用户之前，还需要先对生成的可视化图表进行测试，测试记录的页面埋点的数据是否满足用户对页面埋点需求，如果满足，再将生成的可视化图表展示给用户，构造，返回上述步骤，重新根据所述页面埋点的需求确定页面埋点的配置内容，直到记录的页面埋点的数据满足用户对页面埋点需求为止。

本发明实施例中，在将生成可视化图表展示给用户之前，对生成的可视化图表作进一步测试处理，以确定可视化结果满足用户对页面埋点需求，从而提高了可视化结果的准确率。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

请参阅图2，为本发明实施例提供的一种页面埋点数据的可视化装置的结构示意图，具体可以包括如下模块：获取模块201，确定模块202，写入模块203、加载模块204，生成模块205和展示模块206，其中，

所述获取模块201，用于获取用户对页面埋点的需求；

所述确定模块202，用于根据所述页面埋点的需求确定页面埋点的配置内容；

所述写入模块203，用于将所述页面埋点的配置内容写入到对应的埋点页面上；

所述加载模块204，用于加载所述埋点页面，记录所述页面埋点的数据；

所述生成模块205，用于根据记录的所述页面埋点的数据生成可视化结果；

所述展示模块206，用于将所述可视化结果展示给所述用户。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述装置还可以包括：校验模块301，其结构示意如图3所示，其中，

所述校验模块301，用于对所述确定模块201确定的所述配置内容的合法性进行校验；

所述写入模块203，还用于在所述校验模块301校验所述配置内容合法时，将所述页面埋点的配置内容写入到对应的埋点页面上；

所述确定模块202，还用于在所述校验模块301校验所述配置内容不合法时，根据所述页面埋点的需求重新确定页面埋点的配置内容。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述写入模块，具体用于按照设定的页面埋点配置规则，将所述页面埋点的配置内容写入到对应的埋点页面上。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述加载模块204包括：第一加载模块；和/或接收模块和第二加载模块(图中未示)，其中，

所述第一加载模块，用于自动加载所述埋点页面；

所述接收模块，用于接收所述用户输入的加载指令；

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述生成模块，具体用于将记录的所述页面埋点的数据转换成可视化的图表。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述装置还可以包括：测试模块401，其结构示意图如图4所示，其中，

所述测试模块401，用于在所述生成模块205生成可视化结果之前，根据记录的所述页面埋点的数据进行页面埋点进行测试；

所述生成模块205，还用于在所述测试模块401的测试结果满足所述用户对页面埋点的需求时，根据记录的所述页面埋点的数据生成可视化结果。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

可选的，本发明实施例还提供一种电子设备，包括处理器，存储器，存储在存储器上并可在所述处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述页面埋点数据的可视化方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述页面埋点数据的可视化方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random AccessMemory，简称RAM)、磁碟或者光盘等。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明实施例是参照根据本发明实施例的方法、终端(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种页面埋点数据的可视化方法、装置、电子设备及存储介质，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims

1.一种页面埋点数据的可视化方法，其特征在于，包括：

获取用户对页面埋点的需求；

根据所述页面埋点的需求确定页面埋点的配置内容；

将所述页面埋点的配置内容写入到对应的埋点页面上；

加载所述埋点页面，记录所述页面埋点的数据；

根据记录的所述页面埋点的数据生成可视化结果；

将所述可视化结果展示给所述用户。

2.根据权利要求1所述的方法，其特征在于，在所述确定页面埋点的配置内容之后，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述将所述页面埋点的配置内容写入到对应的埋点页面上，包括：

4.根据权利要求1至3任一项所述的方法，其特征在于，所述加载所述埋点页面包括：

自动加载所述埋点页面；或者

5.根据权利要求1至3任一项所述的方法，其特征在于，所述根据记录的所述页面埋点的数据生成可视化结果，包括：

将记录的所述页面埋点的数据转换成可视化的图表。

6.根据权利要求1至3任一项所述的方法，其特征在于，在生成可视化结果之前，所述方法还包括：

根据记录的所述页面埋点的数据对所述页面埋点进行测试；

7.一种页面埋点数据的可视化装置，其特征在于，包括：

获取模块，用于获取用户对页面埋点的需求；

展示模块，用于将所述可视化结果展示给所述用户。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

9.根据权利要求7所述的装置，其特征在于，

所述写入模块，具体用于按照设定的页面埋点配置规则，将所述页面埋点的配置内容写入到对应的埋点页面上。

10.根据权利要求7至9任一项所述的装置，其特征在于，所述加载模块包括：第一加载模块，和/或接收模块和第二加载模块，其中，

所述第一加载模块，用于自动加载所述埋点页面；

所述接收模块，用于接收所述用户输入的加载指令；

11.根据权利要求7至9任一项所述的装置，其特征在于，

所述生成模块，具体用于将记录的所述页面埋点的数据转换成可视化的图表。

12.根据权利要求7至9任一项所述的装置，其特征在于，所述装置还包括：

13.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至6中任一项所述的页面埋点数据的可视化方法的步骤。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至6中任一项所述的页面埋点数据的可视化方法中的步骤。