CN111290931B - 用于可视化展示埋点数据的方法及装置 - Google Patents

Abstract

本说明书的实施例提供了一种用于可视化展示埋点数据的方法及装置，在该方法中，获取客户端的具有多个埋点元素标识的埋点行为数据，基于埋点行为数据确定其中的各个埋点元素标识分别所对应的埋点行为元数据，以及调用页面元素埋点样式库来确定各个埋点元素标识分别所对应的目标元素图像样式元数据，页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，每一元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息，进而基于针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据来生成具有埋点元素标记的埋点信息可视化图像，可以对埋点信息的内容和图像样式进行直观展示。

Description

用于可视化展示埋点数据的方法及装置

技术领域

本说明书的实施例涉及互联网技术领域，具体地，涉及一种用于可视化展示埋点数据的方法及装置。

背景技术

为了能够向用户提供更优质的服务，用于对用户行为进行采集的数据埋点技术应运而生。目前，在开发人员得到了埋点采集数据之后，无法直观地获知埋点数据的样式。示例性地，埋点采集数据中的埋点信息“abc”可以表示用户针对客户端的功能控件“快递查询”的操作行为。但是，这个功能控件的具体样式，例如在客户端的哪个页面上或在页面的什么位置都无法直观地展示，开发人员无法直观快速地了解埋点情况。

针对上述问题，目前业界暂无较佳的解决方案。

发明内容

鉴于上述问题，本说明书的实施例提供了一种用于可视化展示埋点数据的方法及装置。利用该方法及装置，可以基于埋点行为元数据和元素图像样式元数据来生成具有埋点元素标记的埋点信息可视化图像，使得开发人员不仅可以获知客户端的埋点行为的内容信息，还可以更直观地获知埋点的图像样式(例如埋点元素位置)。

根据本说明书的实施例的一个方面，提供了一种用于可视化展示埋点数据的方法，包括：获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识；基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据；以及基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据；基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像；其中，所述页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。

可选地，在上述方面的一个示例中，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像可以包括：基于与所获取的待展示的埋点元素标识所对应的埋点行为元数据生成埋点元素行为信息图像；基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像，所述埋点元素样式信息图像具有埋点元素标记；基于针对所述待展示的埋点元素标识的所述埋点元素行为信息图像和所述埋点元素样式信息图像，确定所述埋点信息可视化图像。

可选地，在上述方面的一个示例中，基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像可以包括：基于所述待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，确定所述待展示的埋点元素标识所对应的页面维度图像和埋点元素标记；基于具有所述埋点元素标记的页面维度图像，确定针对所述待展示的埋点元素标识的所述埋点元素样式信息图像。

可选地，在上述方面的一个示例中，该方法还包括：获取元素埋点可视化请求，所述元素埋点可视化请求用于指示所述待展示的埋点元素标识。

可选地，在上述方面的一个示例中，基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据可以包括：基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为统计指标；以及根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

可选地，在上述方面的一个示例中，所述元素图像样式元数据还包括针对埋点元素标识的埋点元素尺寸元数据，所述方法还可以包括：基于所述目标元素图像样式元数据中的埋点元素尺寸元数据，确定所述埋点元素标记的尺寸。

可选地，在上述方面的一个示例中，所述方法还可以包括：获取分别关于所述客户端的多个页面维度图像的多个页面埋点元素结构数据，所述页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置；根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据；以及根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建所述页面元素埋点样式库。

可选地，在上述方面的一个示例中，所述页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，其中，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像可以包括：基于针对待展示的埋点元素标识的对应于所述第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。

可选地，在上述方面的一个示例中，所述方法还可以包括：确定所述元素埋点可视化请求所指示的第一客户端版本信息。

可选地，在上述方面的一个示例中，所述客户端版本信息可以包括以下中的至少一种：客户端系统信息，客户端分辨率信息和应用程序版本信息。

可选地，在上述方面的一个示例中，还可以包括：获取版本切换请求；确定所述版本切换请求所指示的第二客户端版本信息；针对所述待展示的埋点元素标识，确定对应于所述第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据；根据所述第二埋点行为元数据和所述第二目标元素图像样式元数据，生成第二埋点信息可视化图像。

可选地，在上述方面的一个示例中，所述埋点元素是与所述客户端的至少一个功能控件相对应的。

根据本说明书的实施例的另一方面，提供一种用于可视化展示埋点数据的装置，该装置可以包括：埋点行为数据获取单元，获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识；埋点行为元数据确定单元，基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据；以及元素样式元数据确定单元，基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据；埋点可视化图像生成单元，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像；其中，所述页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。

在上述方面的一个示例中，所述埋点可视化图像生成单元可以包括：元素行为图像生成模块，基于与所获取的待展示的埋点元素标识所对应的埋点行为元数据生成埋点元素行为信息图像；元素样式图像生成模块，基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像，所述埋点元素样式信息图像具有埋点元素标记；埋点可视化图像确定模块，基于针对所述待展示的埋点元素标识的所述埋点元素行为信息图像和所述埋点元素样式信息图像，确定所述埋点信息可视化图像。

在上述方面的一个示例中，基于所述待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，所述元素样式图像生成模块确定所述待展示的埋点元素标识所对应的页面维度图像和埋点元素标记，以及基于具有所述埋点元素标记的页面维度图像来确定针对所述待展示的埋点元素标识的所述埋点元素样式信息图像。

在上述方面的一个示例中，所述装置还包括：元素埋点展示请求获取单元，获取元素埋点可视化请求，所述元素埋点可视化请求用于指示所述待展示的埋点元素标识。

在上述方面的一个示例中，所述埋点行为元数据确定单元基于所述埋点行为数据确定所获取的各个埋点元素标识所对应的埋点行为统计指标，并根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

在上述方面的一个示例中，所述元素图像样式元数据还包括针对埋点元素标识的埋点元素尺寸元数据，所述装置还可以包括：标记尺寸确定单元，基于所述目标元素图像样式元数据中的埋点元素尺寸元数据，确定所述埋点元素标记的尺寸。

在上述方面的一个示例中，该装置还可以包括元素埋点样式库构建单元：获取分别关于所述客户端的多个页面维度图像的多个页面埋点元素结构数据，所述页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置；根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据；根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建所述页面元素埋点样式库。

在上述方面的一个示例中，所述页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，所述埋点可视化图像生成单元可以基于针对待展示的埋点元素标识的对应于所述第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。

在上述方面的一个示例中，该装置还包括：客户端版本信息确定单元，确定所述元素埋点可视化请求所指示的第一客户端版本信息。

在上述方面的一个示例中，该装置还包括埋点版本切换图像生成单元：获取版本切换请求；基于所述版本切换请求来确定第二客户端版本信息；针对所述第一客户端埋点元素标识，确定对应于所述第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据；根据所述第二埋点行为元数据和所述第二目标元素图像样式元数据，生成第二埋点信息可视化图像。

根据本说明书的实施例的另一方面，还提供一种电子设备，包括：至少一个处理器；以及存储器，所述存储器存储指令，当所述指令被所述至少一个处理器执行时，使得所述至少一个处理器执行如上所述的用于可视化展示埋点数据的方法。

根据本说明书的实施例的另一方面，还提供一种机器可读存储介质，其存储有可执行指令，所述指令当被执行时使得所述机器执行如上所述的用于可视化展示埋点数据的方法。

附图说明

通过参照下面的附图，可以实现对于本说明书的实施例内容的本质和优点的进一步理解。在附图中，类似组件或特征可以具有相同的附图标记。附图是用来提供对本发明实施例的进一步理解，并且构成说明书的实施例的一部分，与下面的具体实施方式一起用于解释本说明书的实施例，但并不构成对本说明书的实施例的限制。在附图中：

图1示出了适于应用本说明书的实施例的用于可视化展示埋点数据的方法的环境的架构示意图；

图2示出了根据本说明书的实施例的用于可视化展示埋点数据的方法的一示例的流程图；

图3示出了根据本说明书的实施例的构建页面元素埋点样式库的一示例的流程图；

图4示出了根据本说明书的实施例的用于可视化展示埋点数据的方法的一示例的流程图；

图5示出了根据本说明书的实施例的用于可视化展示埋点数据的方法的一示例的信号交互流程图；

图6示出了根据本发明实施例的埋点信息可视化图像的一示例的示意图；

图7示出了根据本说明书的实施例的用于可视化展示埋点数据的装置的一示例的结构框图；以及

图8示出了根据本说明书的实施例的用于可视化展示埋点数据的电子设备的硬件结构图。

具体实施方式

以下将参考示例实施方式讨论本文描述的主题。应该理解，讨论这些实施方式只是为了使得本领域技术人员能够更好地理解从而实现本文描述的主题，并非是对权利要求书中所阐述的保护范围、适用性或者示例的限制。可以在不脱离本说明书的实施例内容的保护范围的情况下，对所讨论的元素的功能和排列进行改变。各个示例可以根据需要，省略、替代或者添加各种过程或组件。另外，相对一些示例所描述的特征在其它例子中也可以进行组合。

如本文中使用的，术语“包括”及其变型表示开放的术语，含义是“包括但不限于”。术语“基于”表示“至少部分地基于”。术语“一个实施例”和“一实施例”表示“至少一个实施例”。术语“另一个实施例”表示“至少一个其他实施例”。术语“第一”、“第二”等可以指代不同的或相同的对象。下面可以包括其他的定义，无论是明确的还是隐含的。除非上下文中明确地指明，否则一个术语的定义在整个说明书中是一致的。

此外，如本文中使用的，术语“可视化”(Visualization)可以表示利用计算机图形学和图像处理技术，将数据转换成图形或图像在显示器上进行显示。术语“元素”可以表示图像上的显示单位，例如图像中的一个或一组按键可以被称为一个元素。术语“页面维度图像”可以表示关于客户端的页面维度的图像，例如关于“首页”、“应用功能页”等页面维度的客户端显示页面截图。术语“元素图像样式”可以表示元素在客户端的页面维度图像上的样式信息，例如元素在图像上的位置等。

术语“埋点”表示客户端采集用户操作信息所部署的准备工作，例如为了采集针对客户端的“打车”应用功能的用户操作信息而预先进行的部署操作，并且针对不同的应用功能的部署操作分别可以采用不同的埋点代码来表示。术语“元数据”(Metadata)可以表示描述数据的数据信息，主要是描述数据属性的信息，用来支持如指示存储位置、历史数据、资源查找、文件记录等功能，因此利用元数据可以更有效地汇总和集成数据。

图1示出了适于应用本说明书的实施例的用于可视化展示埋点数据的方法(下文中也被称为，埋点数据可视化展示方法)的环境100的架构示意图。

如图1所示的环境100中，客户端110A、客户端110B和客户端110C可以分别表示不同终端类型(例如台式机、笔记本电脑和手机)的终端，各个客户端配置了数据埋点功能，使得该客户端能够埋点采集到用户针对不同客户端的应用功能的操作信息(即埋点行为数据)。服务端150可以表示用来为各个客户端(110A～C)提供应用功能服务(例如，打车、充值等功能服务)的服务器或服务器集群，其可以接收由各个客户端所上传的埋点行为数据，并还可以将埋点行为数据存储至埋点日志中。埋点数据可视化展示装置(未示出)可以基于埋点行为数据进行如下文的本说明书的实施例中所描述的操作，从而生成相应的埋点信息可视化图像。需说明的是，埋点数据可视化展示装置可以是配置在服务端150中的，从而可以本地调用埋点行为数据来生成埋点信息可视化图像。另外，该埋点数据可视化展示装置也还可以是配置在其他设备(例如埋点可视化处理设备160)上的，例如埋点可视化处理设备160可以从服务端150获取埋点行为数据(例如同步埋点日志)，并根据埋点行为数据生成埋点信息可视化图像。开发端120A、开发端120B和开发端120C可以分别表示不同终端类型(例如台式机、笔记本电脑和手机)的终端，各个开发端至少具有显示功能，其可以从服务端150或埋点可视化展示处理设备160接收埋点信息可视化图像并进行显示。在埋点可视化图像中不仅可以将埋点行为数据的内容(例如埋点行为统计指标、用户的功能操作，等)进行展示，其还可以对存在埋点的元素所对应的图像样式进行展示，使得开发人员能直观地了解到埋点情况，更多细节将在下文中展开。

图2示出了根据本说明书的实施例的埋点数据可视化展示方法的一示例的流程图。

如图2所示，在埋点数据可视化展示方法的流程200中。在块210中，获取关于客户端的埋点行为数据。例如，服务端150本地调用埋点日志，以获取埋点行为数据，或者埋点可视化展示处理设备160从服务端150接收埋点行为数据。

这里，埋点行为数据包括至少一个埋点元素标识。示例性地，埋点元素标识可以利用埋点代码来表示，并且可以采用SPM埋点代码。例如“a160.b2773.c16563.d29455”表示针对客户端的“打车”应用功能的用户操作行为，“a14.b62.c588.3”表示针对客户端的“七宫格应用”的应用功能集的用户操作行为，等等。也就是说，埋点元素可以是与客户端的至少一个功能控件相对应的，例如埋点元素可以是客户端的页面维度图像上的功能控件“打车”所对应的显示单位，埋点元素还可以是客户端的页面维度图像上的功能控件集“七宫格应用”的显示单位。

接着，在块220中，基于埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据。在本文中，元数据可以被使用来生成图像，以在图像中对元数据所描述的数据进行展示。

应理解的是，埋点行为元数据是用来描述埋点行为数据的数据信息，并且通过埋点行为元数据能够调用埋点行为数据，或者通过埋点行为元数据能够调用基于埋点行为数据的统计指标。这里，埋点行为统计指标例如可以是埋点元素的曝光UV(Unique Visitor,独立访客)、曝光次数、点击UV、点击次数等。示例性地，可以基于埋点行为数据确定所获取的各个埋点元素标识所分别对应的埋点行为统计指标，并根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

在块230中，基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据。应理解的是，元素图像样式元数据是用来描述元素的图像样式的数据信息，并且通过元素图像样式元数据能够调用埋点元素标识所对应的元素图像样式。

具体地，页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。这样，可以通过查询的方式可以从页面元素埋点样式库中确定与所获取的各个埋点数据中的埋点元素标识分别相对应的目标元素图像样式元数据。

需说明的是，如图2中的块220和块230的步骤可以先后或同时进行的，在此应不加限制。

接着，在块240中，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像。例如，可以根据待展示的埋点元素标识的位置在页面维度图像上进行标记。

需说明的是，一方面，待展示的埋点元素标识可以表示预设定的一个埋点元素标识(例如，与“打车”应用功能相对应)或多个埋点元素标识(例如，与“首页”页面维度图像相对应)，从而实现将单个埋点元素标识或多个埋点元素标识(例如整个页面维度图像)的埋点情况进行展示。另一方面，待展示的埋点元素标识还可以是通过进一步的人机交互操作(例如，元素埋点可视化请求)来确定的。在一些实施方式中，客户端可以具有多个不同的客户端版本信息，例如客户端系统信息、客户端分辨率信息、应用程序版本信息等。这里，埋点信息可视化图像所对应的客户端版本信息也可以是预先设定的或根据进一步的人机交互操作而确定的，更多细节将在下文中展开。

应理解的是，这里，可以采用多样化的标注方式来实现埋点元素标记，例如可以在埋点元素位置对应地设置标记点，或者设置针对埋点元素的具有一定尺寸的遮罩效果层，等等。

在一些实施方式中，页面元素埋点样式库中的元素图像样式元数据还包括针对埋点元素标识的埋点元素尺寸元数据。进而，可以基于目标元素图像样式元数据中的埋点元素尺寸元数据来确定埋点元素标记的尺寸，例如所设置的遮罩效果层的尺寸。

参照图6示出了根据本发明实施例的埋点信息可视化图像的一示例的示意图。如图6所示，在埋点信息可视化图像的左侧区域中展示了针对埋点元素的图像样式，各个埋点元素标识(a～c)的对应位置上设置了具有元素尺寸大小的遮罩效果层，其中埋点元素标识a和埋点元素标识b与一个功能控件所对应的显示单位的大小相匹配，而埋点元素标识c与两个功能控件所对应的显示单位的大小相匹配。此外，在该埋点信息可视化图像右侧区域中展示了针对埋点元素的埋点行为统计指标，例如埋点元素标识a～c的曝光UV、曝光次数、点击UV和点击次数。

在本说明书的实施例中，在展示待展示的埋点元素标识所对应的埋点行为数据的内容(例如，埋点行为统计指标)的同时，还可以将待展示的埋点元素标识所对应的图像样式进行直观展示。这样，开发人员(例如，通过开发端)可以更直观地了解到客户端的埋点情况，便于开发人员对埋点方案进行快速地优化决策，例如增添或改进埋点元素设计方案。

此外，如上面所描述的，开发人员可以通过各种类型的终端(即，开发端)来查看埋点信息可视化图像，并且埋点信息可视化图像支持在浏览器中进行查看，拓展了埋点情况的查询途径。

在一些实施方式中，基于与所获取的至少一个埋点元素标识所对应的埋点行为元数据可以生成埋点元素行为信息图像，例如埋点元素行为信息图像可以将针对埋点元素的埋点行为统计指标或用户操作信息进行展示。另外，基于与所获取的至少一个埋点元素标识所对应的目标元素样式元数据可以生成埋点元素样式信息图像，埋点元素样式信息图像具有埋点元素标记，例如埋点元素样式信息图像可以通过埋点元素标记直观地展示埋点元素标识所对应的埋点样式(例如位置、尺寸，等等)。结合图6所描述的示例，图6的埋点信息可视化图像的右边区域的表格部分可以用来表示埋点元素行为信息图像的示例，左边区域的图像部分可以用来表示埋点元素样式信息图像的示例。进而，基于埋点元素行为信息图像和埋点元素样式信息图像，确定埋点信息可视化图像，例如将埋点元素行为信息图像和埋点元素样式信息图像进行组合，从而确定埋点信息可视化图像。

在本说明书的实施例的一个示例中，待展示的埋点元素标识是预设定的或默认的一个或多个埋点元素标识。在确定埋点信息可视化图像的过程中，可以基于预设定的待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，确定待展示的埋点元素标识所对应的页面维度图像和埋点元素标记。接着，可以基于具有埋点元素标记的页面维度图像来确定针对待展示的埋点元素标识的埋点元素样式信息图像。示例性地，可以将页面维度信息“客户端首页”(该页面维度信息可以是预设定的)所对应的页面维度图像上所有存在埋点的元素都通过埋点元素标记进行标注，从而确定相应的埋点元素样式信息图像。进而，将该埋点元素样式信息图像与待展示的埋点元素标识所对应的埋点元素行为信息图像组合，从而生成埋点信息可视化图像。

在本说明书的实施例的另一示例中，还可以获取元素埋点可视化请求，元素埋点可视化请求用于指示待展示的埋点元素标识，例如通过开发人员在开发端上对第一埋点元素进行的交互操作所触发的。需说明的是，待展示的埋点元素标识可以是一个或多个(例如，页面维度图像“首页”上所有的埋点元素标识)，进而可以响应埋点展示需求来进行相应的可视化展示操作。

图3示出了根据本说明书的实施例的构建页面元素埋点样式库的一示例的流程图。

如图3所示的流程300，在块310中，获取分别关于客户端的多个页面维度图像的多个页面埋点元素结构数据，页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置。在一些实施方式中，页面埋点元素结构数据包括与埋点元素标识所对应的埋点元素位置和埋点元素尺寸。例如，可以将客户端的“首页”和“功能页”等多个页面维度图像上所有的埋点元素所对应位置和尺寸进行统计，然后针对页面维度(例如“首页”)整理页面埋点元素结构数据。

接着，在块320中，根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据。这里，一个埋点元素标识可以与一个或多个元素图像样式元数据相对应。例如，当客户端具有多个版本时，一个埋点元素标识可以与多个客户端版本的页面维度图像相对应。

接着，在块330中，根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建页面元素埋点样式库。由此，在页面元素埋点样式库中可以收录关于客户端的所有埋点元素标识所对应的元素图像样式元数据。

图4示出了根据本说明书的实施例的埋点数据可视化展示方法的一示例的流程图。

在一些实施方式中，客户端具有多个客户端版本信息，例如客户端系统信息、客户端分辨率信息和/或应用程序版本信息。其中，客户端系统信息例如可以是windows、IOS、Android系统版本信息，客户端分辨率版本信息例如可以是“1080×2160”、“1080×2280”，以及应用程序版本信息例如可以是“V1.0”、“V2.0”，等等。

在一些应用场景下，开发人员还期望能对客户端的埋点情况分版本进行查看，例如查看特定客户端版本的埋点情况或对比多个客户端版本的埋点情况。

鉴于此，在本说明书的实施例中，页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，例如针对“打车”功能控件所对应的埋点元素分别存在Android版本和IOS版本的元素图像样式元数据。

如图4所示的流程400，在块410中，确定对应于第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据。

在本说明书的实施例的一个示例中，第一客户端版本信息可以是预先设定的，其可以是默认设置(例如最新软件版本信息、安卓系统，等等)。在本说明书的实施例的另一示例中，第一客户端版本信息还可以是通过人机交互操作而选定的。结合如图2所示的实施例，所获取的元素埋点可视化请求不仅可以指示待展示的埋点元素标识，其还可以包含待展示的埋点元素标识所对应的第一客户端版本信息。因此，通过确定元素埋点可视化请求所指示的第一客户端版本信息，可以展示开发人员所期望查看的关于第一客户端版本信息的埋点元素标识的埋点情况(例如，埋点行为指标和埋点图像样式)。

接着，在块420中，基于对应于第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。关于块420的操作，可以参照上面参考图2中块240的操作。

为了便于开发人员对多个客户端版本的埋点情况分别进行对比分析，本说明书的实施例于此还提出了：可以切换不同的客户端版本信息所对应埋点信息可视化图像。

继续参照如图4的示例，在块430中，获取版本切换请求。例如，开发人员对开发端上所期望切换到的客户端版本信息进行操作而生成版本切换请求，并将版本切换请求发送至埋点数据可视化展示装置。

在块440中，确定版本切换请求所指示的第二客户端版本信息。

在块450中，针对待展示的埋点元素标识，确定对应于第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据。例如，从页面元素埋点样式库中确定针对待展示的埋点元素标识的第二客户端版本信息的第二目标元素图像样式元数据。另外，可以从埋点日志中筛选对应于第二客户端版本信息的埋点行为数据，从而生成对应的第二埋点行为元数据。

在块460中，根据第二埋点行为元数据和第二目标元素图像样式元数据，生成第二埋点信息可视化图像。关于块460的操作，可以参照上面参考图2中块240的操作。

在本说明书的实施例中，响应于版本切换请求，可以将待展示的埋点元素标识的不同客户端版本的埋点图像样式和埋点行为指标进行直观展示，满足了开发人员对客户端埋点情况分版本查看的需求。

图5示出了根据本说明书的实施例的埋点数据可视化展示方法的一示例的信号交互流程图。

如图5所示的流程500，在块510中，客户端110可以采集埋点行为数据。这里，埋点行为数据包括埋点元素标识，埋点元素标识与一个或多个应用功能相对应，例如埋点行为数据中具有埋点代码“0x109f384d0”，其所对应的应用功能为“充值”。此外，埋点行为数据还包括用户ID、用户操作时间、应用程序版本号、终端设备信息等，以便于后续的数据处理操作，例如用户ID可以被用来确定埋点元素标识所对应的曝光UV和点击UV。

接着，在块520中，服务端150可以从多个客户端110接收埋点行为数据，并将所接收的埋点行为数据收录至埋点日志。

接着，在块530中，埋点可视化处理设备160从服务端150接收埋点日志。

在块540中，构建页面元素埋点样式库，该页面元素埋点样式库可以被埋点可视化处理设备160访问或调用。具体地，可以根据页面维度图像和相应的页面埋点元素结构数据的元数据来构建页面元素埋点样式库。例如，页面埋点元素结构数据具有在页面维度图像上的各个埋点元素所对应的埋点代码(用于指示埋点元素标识)、埋点元素位置和埋点元素尺寸。这里，埋点元素位置可以使用二维坐标的方式来标定，例如待展示的埋点元素标识的埋点元素位置为(“x”：188，“y”：145)。此外，埋点元素尺寸可以使用宽度和高度大小的方式来标定，例如待展示的埋点元素标识所对应的埋点元素尺寸为(“width”：94，“height”：16)。相应地，关于元素图像样式数据的示例可以是{埋点代码(0x109f384d0)、埋点页面维度图像(首页)、埋点元素位置(“x”：188，“y”：145)、埋点元素尺寸(“width”：94，“height”：16)}，进而确定相应的元素图像样式元数据。在本说明书的实施例的另一示例中，元素图像样式数据还可以包括客户端版本信息。

在块550中，开发端120可以接收开发人员的交互操作，并相应地生成元素埋点可视化请求。这里，在该元素埋点可视化请求中可以具有开发人员所请求展示的待展示的埋点元素标识。

接着，在块560中，开发端120将元素埋点可视化请求发送至埋点可视化处理设备160。

接着，在块570中，埋点可视化处理设备160可以根据页面元素埋点样式库和埋点日志中的埋点行为数据来生成针对所请求展示的待展示的埋点元素标识的埋点信息可视化图像。例如，在埋点元素标识所对应的页面维度图像的元素埋点元素位置绘制具有埋点元素尺寸的遮罩层，从而生成埋点信息可视化图像。

接着，在块580中，埋点可视化处理设备160可以将埋点信息可视化图像发送至开发端120。

接着，在块590中，开发端120可以显示埋点信息可视化图像，以使得开发人员可以查看埋点行为统计指标和埋点元素所对应的图像样式。

需说明的是，一方面，上述流程500中的一个或多个块的步骤可以是非必需的，例如可以省略块550和块560中的步骤。此时，待展示的埋点元素标识可以是预设定的或默认的，从而在块570中，可以是针对预设定的或默认的埋点元素标识(例如，与“打车”相对应的元素标识)来生成对应的埋点信息可视化图像。另一方面，还可以在流程500中附加新块的操作或对流程500中一个或多个块的操作进行修改。示例性地，开发端120还可以接收开发人员的交互操作而生成版本切换请求，进而在客户端可以直观地展示不同客户端版本的埋点行为统计指标和埋点样式，便于开发人员对客户端的埋点功能配置进行优化决策。

图7示出了根据本说明书的实施例的用于可视化展示埋点数据的装置(下文中称为埋点数据可视化展示装置)的一示例的结构框图。

如图7所示，埋点数据可视化展示装置700包括埋点行为数据获取单元710、埋点行为元数据确定单元720、元素样式元数据确定单元730、埋点可视化图像生成单元740、元素埋点展示请求获取单元750和标记尺寸确定单元760、元素埋点样式库构建单元770、客户端版本信息确定单元780和埋点版本切换图像生成单元790。

埋点行为数据获取单元710获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识。埋点行为数据获取单元710的操作可以参照上面参考图2中的块210的操作。

埋点行为元数据确定单元720基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据。埋点行为元数据确定单元720的操作可以参照上面参考图2中的块220的操作。

元素样式元数据确定单元730基于页面元素埋点样式库(未示出)确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据。页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。这里，页面元素埋点样式库可以是设置在埋点数据可视化展示装置内部。另外，页面元素埋点样式库还可以是设置在埋点数据可视化装置外部，并且埋点数据可视化装置可以通过访问来获取页面元素埋点样式库中的数据信息。元素样式元数据确定单元730的操作可以参照上面参考图2中的块230的操作。

埋点可视化图像生成单元740基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像。埋点可视化图像生成单元740的操作可以参照上面参考图2中的块240的操作。

元素埋点展示请求获取单元750获取元素埋点可视化请求，所述元素埋点可视化请求用于指示所述待展示的埋点元素标识。元素埋点展示请求获取单元750的操作可以参照上面参考图2的实施例中针对元素埋点可视化请求所描述的操作。

标记尺寸确定单元760基于所述目标元素图像样式元数据中的埋点元素尺寸元数据，确定所述埋点元素标记的尺寸。标记尺寸确定单元760的操作可以参照上面实施例中针对埋点元素标记的尺寸所描述的操作。

元素埋点样式库构建单元770获取分别关于所述客户端的多个页面维度图像的多个页面埋点元素结构数据，所述页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置。接着，元素埋点样式库构建单元770根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据。接着，元素埋点样式库构建单元770根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建所述页面元素埋点样式库。标记尺寸确定单元770的操作可以参照上面图3中各个块所描述的操作。

客户端版本信息确定单元780确定所述元素埋点可视化请求所指示的第一客户端版本信息。客户端版本信息确定单元780的操作可以参照上面参考图4的实施例中的块410所描述的操作。

埋点版本切换图像生成单元790获取版本切换请求。接着，埋点版本切换图像生成单元790基于所述版本切换请求来确定第二客户端版本信息。接着，埋点版本切换图像生成单元790针对所述第一客户端埋点元素标识，确定对应于所述第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据。接着，埋点版本切换图像生成单元790根据所述第二埋点行为元数据和所述第二目标元素图像样式元数据，生成第二埋点信息可视化图像。埋点版本切换图像生成单元790的操作可以参照上面参考图4中的块430～块460所描述的操作。

进一步地，埋点可视化图像生成单元740包括元素行为图像生成模块(未示出)、元素样式图像生成模块(未示出)和埋点可视化图像确定模块(未示出)。其中，元素行为图像生成模块基于与所获取的待展示的埋点元素标识所对应的埋点行为元数据生成埋点元素行为信息图像。元素样式图像生成模块基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像，所述埋点元素样式信息图像具有埋点元素标记。埋点可视化图像确定模块基于针对所述待展示的埋点元素标识的所述埋点元素行为信息图像和所述埋点元素样式信息图像，确定所述埋点信息可视化图像。

在一些实施方式中，基于所述待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，所述元素样式图像生成模块确定所述待展示的埋点元素标识所对应的页面维度图像和埋点元素标记，以及基于具有所述埋点元素标记的页面维度图像来确定针对所述待展示的埋点元素标识的所述埋点元素样式信息图像。

进一步地，埋点行为元数据确定单元720基于所述埋点行为数据确定所获取的各个埋点元素标识所对应的埋点行为统计指标，并根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

进一步地，所述页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，埋点可视化图像生成单元740基于针对待展示的埋点元素标识的对应于所述第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。

如上参照图1到图7，对根据本说明书的用于可视化展示埋点数据的方法及装置的实施例进行了描述。在以上对方法实施例的描述中所提及的细节，同样适用于本说明书的装置的实施例。上面的用于可视化展示埋点数据的装置可以采用硬件实现，也可以采用软件或者硬件和软件的组合来实现。

图8示出了根据本说明书的实施例的用于可视化展示埋点数据的电子设备800的硬件结构图。如图8所示，电子设备800可以包括至少一个处理器810、存储器(例如非易失性存储器)820、内存830和通信接口840，并且至少一个处理器810、存储器820、内存830和通信接口840经由总线860连接在一起。至少一个处理器810执行在存储器中存储或编码的至少一个计算机可读指令(即，上述以软件形式实现的元素)。

在一个实施例中，在存储器中存储计算机可执行指令，其当执行时使得至少一个处理器810：获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识；基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据；基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据；以及基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像；其中，所述页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。

应该理解，在存储器820中存储的计算机可执行指令当执行时使得至少一个处理器810进行本说明书的各个实施例中以上结合图1-6描述的各种操作和功能。

在本说明书的实施例中，电子设备800可以包括但不限于：个人计算机、服务器计算机、工作站、桌面型计算机、膝上型计算机、笔记本计算机、移动计算设备、智能电话、平板计算机、蜂窝电话、个人数字助理(PDA)、手持装置、消息收发设备、可佩戴计算设备、消费电子设备等等。

根据一个实施例，提供了一种比如机器可读介质的程序产品。机器可读介质可以具有指令(即，上述以软件形式实现的元素)，该指令当被机器执行时，使得机器执行本说明书的各个实施例中以上结合图1-7描述的各种操作和功能。具体地，可以提供配有可读存储介质的系统或者装置，在该可读存储介质上存储着实现上述实施例中任一实施例的功能的软件程序代码，且使该系统或者装置的计算机或处理器读出并执行存储在该可读存储介质中的指令。

在这种情况下，从可读介质读取的程序代码本身可实现上述实施例中任何一项实施例的功能，因此机器可读代码和存储机器可读代码的可读存储介质构成了本发明的一部分。

可读存储介质的实施例包括软盘、硬盘、磁光盘、光盘(如CD-ROM、CD-R、CD-RW、DVD-ROM、DVD-RAM、DVD-RW、DVD-RW)、磁带、非易失性存储卡和ROM。可选择地，可以由通信网络从服务器计算机上或云上下载程序代码。

本领域技术人员应当理解，上面说明书的各个实施例可以在不偏离发明实质的情况下做出各种变形和修改。因此，本发明的保护范围应当由所附的权利要求书来限定。

需要说明的是，上述各流程和各系统结构图中不是所有的步骤和单元都是必须的，可以根据实际的需要忽略某些步骤或单元。各步骤的执行顺序不是固定的，可以根据需要进行确定。上述各实施例中描述的装置结构可以是物理结构，也可以是逻辑结构，即，有些单元可能由同一物理实体实现，或者，有些单元可能分由多个物理实体实现，或者，可以由多个独立设备中的某些部件共同实现。

以上各实施例中，硬件单元或模块可以通过机械方式或电气方式实现。例如，一个硬件单元、模块或处理器可以包括永久性专用的电路或逻辑(如专门的处理器，FPGA或ASIC)来完成相应操作。硬件单元或处理器还可以包括可编程逻辑或电路(如通用处理器或其它可编程处理器)，可以由软件进行临时的设置以完成相应操作。具体的实现方式(机械方式、或专用的永久性电路、或者临时设置的电路)可以基于成本和时间上的考虑来确定。

上面结合附图阐述的具体实施方式描述了示例性实施例，但并不表示可以实现的或者落入权利要求书的保护范围的所有实施例。在整个本说明书中使用的术语“示例性”意味着“用作示例、实例或例示”，并不意味着比其它实施例“优选”或“具有优势”。出于提供对所描述技术的理解的目的，具体实施方式包括具体细节。然而，可以在没有这些具体细节的情况下实施这些技术。在一些实例中，为了避免对所描述的实施例的概念造成难以理解，公知的结构和装置以框图形式示出。

本公开内容的上述描述被提供来使得本领域任何普通技术人员能够实现或者使用本公开的内容。对于本领域普通技术人员来说，对本公开内容进行的各种修改是显而易见的，并且，也可以在不脱离本公开内容的保护范围的情况下，将本文所定义的一般性原理应用于其它变型。因此，本公开的内容并不限于本文所描述的示例和设计，而是与符合本文公开的原理和新颖性特征的最广范围相一致。

Claims (24)

1.一种用于可视化展示埋点数据的方法，包括：

获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识；

基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据；以及

基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据；

基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像；

其中，所述页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。

2.如权利要求1所述的方法，其中，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像包括：

基于与所获取的待展示的埋点元素标识所对应的埋点行为元数据生成埋点元素行为信息图像；

基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像，所述埋点元素样式信息图像具有埋点元素标记；

基于针对所述待展示的埋点元素标识的所述埋点元素行为信息图像和所述埋点元素样式信息图像，确定所述埋点信息可视化图像。

3.如权利要求2所述的方法，其中，基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像包括：

基于所述待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，确定所述待展示的埋点元素标识所对应的页面维度图像和埋点元素标记；

基于具有所述埋点元素标记的页面维度图像，确定针对所述待展示的埋点元素标识的所述埋点元素样式信息图像。

4.如权利要求1所述的方法，还包括：

获取元素埋点可视化请求，所述元素埋点可视化请求用于指示所述待展示的埋点元素标识。

5.如权利要求1所述的方法，其中，基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据包括：

基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为统计指标；

根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

6.如权利要求1所述的方法，其中，所述元素图像样式元数据还包括针对埋点元素标识的埋点元素尺寸元数据，所述方法还包括：

基于所述目标元素图像样式元数据中的埋点元素尺寸元数据，确定所述埋点元素标记的尺寸。

7.如权利要求1所述的方法，还包括：

获取分别关于所述客户端的多个页面维度图像的多个页面埋点元素结构数据，所述页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置；

根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据；

根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建所述页面元素埋点样式库。

8.如权利要求1或4所述的方法，其中，所述页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，

其中，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像包括：

基于针对待展示的埋点元素标识的对应于第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。

9.如权利要求8所述的方法，还包括：

确定所述元素埋点可视化请求所指示的第一客户端版本信息。

10.如权利要求8所述的方法，其中，所述客户端版本信息包括以下中的至少一种：客户端系统信息，客户端分辨率信息和应用程序版本信息。

11.如权利要求8所述的方法，还包括：

获取版本切换请求；

确定所述版本切换请求所指示的第二客户端版本信息；

针对所述待展示的埋点元素标识，确定对应于所述第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据；

根据所述第二埋点行为元数据和所述第二目标元素图像样式元数据，生成第二埋点信息可视化图像。

12.如权利要求1所述的方法，其中，所述埋点元素是与所述客户端的至少一个功能控件相对应的。

13.一种用于可视化展示埋点数据的装置，包括：

埋点行为数据获取单元，获取关于客户端的埋点行为数据，所述埋点行为数据包括至少一个埋点元素标识；

埋点行为元数据确定单元，基于所述埋点行为数据确定所获取的各个埋点元素标识分别所对应的埋点行为元数据；以及

元素样式元数据确定单元，基于页面元素埋点样式库确定所获取的各个埋点元素标识分别所对应的目标元素图像样式元数据；

埋点可视化图像生成单元，基于所确定的针对待展示的埋点元素标识的埋点行为元数据和目标元素图像样式元数据，生成具有埋点元素标记的埋点信息可视化图像；

其中，所述页面元素埋点样式库包括至少一个与埋点元素标识相对应的元素图像样式元数据，所述元素图像样式元数据包括页面维度图像元数据信息和埋点元素位置元数据信息。

14.如权利要求13所述的装置，其中，所述埋点可视化图像生成单元包括：

元素行为图像生成模块，基于与所获取的待展示的埋点元素标识所对应的埋点行为元数据生成埋点元素行为信息图像；

元素样式图像生成模块，基于与所述待展示的埋点元素标识所对应的目标元素样式元数据生成埋点元素样式信息图像，所述埋点元素样式信息图像具有埋点元素标记；

埋点可视化图像确定模块，基于针对所述待展示的埋点元素标识的所述埋点元素行为信息图像和所述埋点元素样式信息图像，确定所述埋点信息可视化图像。

15.如权利要求13所述的装置，其中，基于所述待展示的埋点元素标识所对应的目标元素图像样式元数据中的页面维度图像元数据信息和埋点元素位置元数据信息，所述元素样式图像生成模块确定所述待展示的埋点元素标识所对应的页面维度图像和埋点元素标记，基于具有所述埋点元素标记的页面维度图像来确定针对所述待展示的埋点元素标识的所述埋点元素样式信息图像。

16.如权利要求13所述的装置，还包括：

元素埋点展示请求获取单元，获取元素埋点可视化请求，所述元素埋点可视化请求用于指示所述待展示的埋点元素标识。

17.如权利要求13所述的装置，其中，所述埋点行为元数据确定单元基于所述埋点行为数据确定所获取的各个埋点元素标识所对应的埋点行为统计指标，并根据所确定的埋点行为统计指标生成相应的埋点行为元数据。

18.如权利要求13所述的装置，其中，所述元素图像样式元数据还包括针对埋点元素标识的埋点元素尺寸元数据，所述装置还包括：

标记尺寸确定单元，基于所述目标元素图像样式元数据中的埋点元素尺寸元数据，确定所述埋点元素标记的尺寸。

19.如权利要求13所述的装置，还包括元素埋点样式库构建单元：

获取分别关于所述客户端的多个页面维度图像的多个页面埋点元素结构数据，所述页面埋点元素结构数据包括关于页面维度图像的各个埋点元素标识的埋点元素位置；

根据所获取的多个页面维度图像和相应的多个页面埋点元素结构数据，确定针对各个埋点元素标识的元素图像样式元数据；

根据所确定的针对各个埋点元素标识的元素图像样式元数据，构建所述页面元素埋点样式库。

20.如权利要求13所述的装置，其中，所述页面元素埋点样式库中针对同一埋点元素标识存在多个分别对应于不同的客户端版本信息的元素图像样式元数据，所述埋点可视化图像生成单元基于针对待展示的埋点元素标识的对应于第一客户端版本信息的第一埋点行为元数据和第一目标元素图像样式元数据，生成第一埋点信息可视化图像。

21.如权利要求20所述的装置，还包括：

客户端版本信息确定单元，确定所述元素埋点可视化请求所指示的第一客户端版本信息。

22.如权利要求20所述的装置，还包括埋点版本切换图像生成单元：

获取版本切换请求；

基于所述版本切换请求来确定第二客户端版本信息；

针对所述第一客户端埋点元素标识，确定对应于所述第二客户端版本信息的第二埋点行为元数据和第二目标元素图像样式元数据；

根据所述第二埋点行为元数据和所述第二目标元素图像样式元数据，生成第二埋点信息可视化图像。

23.一种电子设备，包括：

至少一个处理器；以及

存储器，所述存储器存储指令，当所述指令被所述至少一个处理器执行时，使得所述至少一个处理器执行如权利要求1到12中任一所述的方法。

24.一种机器可读存储介质，其存储有可执行指令，所述指令当被执行时使得所述机器执行如权利要求1到12中任一所述的方法。

Images