埋点配置页面生成方法及相关设备技术

本申请公开了一种埋点配置页面生成方法及相关设备。该方法包括：获取交互页面图像；识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数；将第一控件切图关联目标埋点事件，目标埋点事件为预设的与所述控件类型对应的埋点事件；根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。通过上述方法，能够生成可视化的埋点配置页面，从而可以直观显示交互页面的埋点对象，进而可以快速判断页面埋点对象是否满足用户需求。户需求。户需求。

【技术实现步骤摘要】
埋点配置页面生成方法及相关设备


[0001]本申请属于计算机
，尤其涉及一种埋点配置页面生成方法及相关设备。

技术介绍

[0002]为了测试应用程序的性能，需要对应用的数据进行收集分析。通常会在应用的页面进行埋点，从而完成对应用的数据采集。现有埋点设置方式大多采用硬编码方式，即由开发人员在应用的页面代码中插入埋点代码，然而，采用上述方式设置埋点，开发人员无法确定应用中的页面埋点是否正确，以及无法获悉采集的埋点数据是否齐全。

技术实现思路

[0003]有鉴于此，本申请实施例提供的一种埋点配置页面生成方法、装置、计算机设备、计算机存储介质、计算机程序产品，能够生成可视化的埋点配置页面，从而可以直观显示交互页面的埋点对象，进而可以快速判断页面埋点对象是否满足用户需求。
[0004]第一方面，本申请实施例提供一种埋点配置页面生成方法，该方法包括：
[0005]获取交互页面图像；
[0006]识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数；
[0007]将第一控件切图关联目标埋点事件，目标埋点事件为预设的与所述控件类型对应的埋点事件；
[0008]根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。
[0009]第二方面，本申请实施例提供了一种埋点配置页面生成装置，该装置包括：
[0010]图像获取模块，用于获取交互页面图像；
[0011]识别模块，用于识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型、以及所述第一控件切图在所述交互页面图像中的布局参数；
[0012]关联模块，用于将所述第一控件切图关联目标埋点事件，所述目标埋点事件为预设的与所述控件类型对应的埋点事件；
[0013]生成模块，用于根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面。
[0014]第三方面，本申请实施例提供了一种计算机设备，该设备包括：处理器以及存储有计算机程序指令的存储器；
[0015]所述处理器执行所述计算机程序指令时实现如第一方面所述的埋点配置页面生成方法。
[0016]第四方面，本申请实施例提供了一种计算机存储介质，所述计算机存储介质上存储有计算机程序指令，所述计算机程序指令被处理器执行时实现如第一方面所述的埋点配置页面生成方法。
[0017]本申请实施例提供的一种页面方法、装置、计算机设备、计算机存储介质以及计算
机程序产品，能够通过识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数，从而通过识别交互页面图像，快速确定出交互页面中所需埋点的控件区域以及控件类型。将第一控件切图关联与其控件类型对应的目标埋点事件，以及根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过生成可视化的埋点配置页面，可以直观显示交互页面的埋点对象，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性。
附图说明
[0018]为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单的介绍，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0019]图1示出本申请实施例提供的一种埋点配置页面生成方法的流程示意图；
[0020]图2示出本申请实施例提出的一种识别第三控件切图的流程示意图；
[0021]图3示出本申请实施例提供的一种埋点配置页面生成装置的结构示意图；
[0022]图4示出本申请实施例提供的另一种埋点配置页面生成装置的结构示意图；
[0023]图5示出本申请实施例提供的一种计算机设备的硬件结构示意图。
具体实施方式
[0024]下面将详细描述本申请的各个方面的特征和示例性实施例，为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及具体实施例，对本申请进行进一步详细描述。应理解，此处所描述的具体实施例仅意在解释本申请，而不是限定本申请。对于本领域技术人员来说，本申请可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本申请的示例来提供对本申请更好的理解。
[0025]在对本申请实施例提供一种埋点配置页面生成方法进行详细描述之前，首先对本申请涉及的技术进行简要介绍。
[0026]埋点是数据领域的专业术语，也是互联网应用里的一个俗称，它的学名应该叫追踪，它主要是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。
[0027]专利技术人发现，在采用硬编码方式在应用程序的交互页面埋点时，开发人员无法确认交互页面的埋点是否正确，从而更无法获悉采集的埋点数据是否完善。
[0028]并且，为了检测页面埋点是否正确，开发人员需要将添加埋点代码后的页面代码重现编译，重新生成新的交互页面。然后开发人员再对新的交互页面执行触发埋点事件操作，从而检测是否有所需埋点的埋点数据生成。同时，在检测过程中，在接收到数据量较大的数据包，开发人员需要从数据包中解析出埋点数据，从而分析出页面埋点是否正确。然而上述检测操作繁琐，并且准确率低。
[0029]有鉴于此，本申请实施例提供了一种埋点配置页面生成方法，通过获取交互页面图像，识别该交互页面图像中的第一控件切图、控件切图的控件类型以及第一控件切图在所述交互页面图像中的布局参数，将第一控件切图与目标埋点事件关联，根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过识别交互页面图像中
的第一控件切图，以及将第一控件切图关联其对应的埋点事件，可以快速地确定交互页面的埋点事件。并且基于布局参数与埋点事件，生成可视化的埋点配置页面，可以将交互页面的埋点区域可视化，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性，进而避免了采用通过从大量的页面数据中获取埋点数据，并通过检测页面的埋点数据来确定页面埋点是否正确的检测方案。
[0030]图1示出本申请实施例提供的一种埋点配置页面生成方法的流程示意图，如图1所示，该埋点配置页面的生成方法可以应用于埋点配置页面生成装置，可以包括以下步骤：
[0031]S11，获取交互页面图像。
[0032]S12，识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在交互页面图像中的布局参数。
[0033]S13，将第一控件切图关联目标埋点事件，目标埋点事件为预设的与所述控件类型对应的埋点事件。
[0034]S14，根据目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面。
[0035]上述各步骤的具体实现方式在下文中进行详细描述。
[0036]在上述实施例中，通过识本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种埋点配置页面生成方法，其特征在于，所述方法包括：获取交互页面图像；识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型、以及所述第一控件切图在所述交互页面图像中的布局参数；将所述第一控件切图关联目标埋点事件，所述目标埋点事件为预设的与所述控件类型对应的埋点事件；根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面。2.根据权利要求1所述的方法，其特征在于，所述布局参数包括第一控件切图在所述交互页面图像的相对位置以及相对大小。3.根据权利要求1所述的方法，其特征在于，所述识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型，包括：获取控件图列表，所述控件图列表包括N个第二控件切图，以及每一所述第二控件切图关联的控件类型；基于所述控件图列表，识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型，一个所述第一控件切图对应一个第二控件切图，所述第一控件切图关联的控件类型，为所述第一控件切图对应的第二控件切图所关联的控件类型。4.根据权利要求3所述的方法，其特征在于，在所述获取控件图列表之后，所述识别所述第一控件切图在所述交互页面图像中的布局参数，包括：根据所述控件图列表中的第二控件切图，从图像中确定出第三控件切图及其在所述交互页面图像中的布局参数，第三控件切图是与第二控件切图对应的第一控件切图；其中，第三控件切图的属性参数与所述第二控件切图的属性参数相匹配，所述属性参数包括形状参数与像素值。5.根据权利要求3所述的方法，其特征在于，在所述根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面之后，所述方法还包括：在未从所述交互页面图像中识别出与所述N个第二控件切图一一对应的N个第一控件切图的情况下，生成第一异常信息，第一异常信息包括未被识别的第二控件切图的信息；在至少一个第一控件切图未关联与其控件类型对应的埋点事件的情况下，生成第二异常信息，第二异常信息包括：未关联埋点事件的...

【专利技术属性】
技术研发人员：李洁辰，
申请(专利权)人：上海洛轲智能科技有限公司，
类型：发明
国别省市：