埋点配置页面生成方法及相关设备与流程

1.本技术属于计算机技术领域，尤其涉及一种埋点配置页面生成方法及相关设备。


背景技术：

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


技术实现要素：

3.有鉴于此，本技术实施例提供的一种埋点配置页面生成方法、装置、计算机设备、计算机存储介质、计算机程序产品，能够生成可视化的埋点配置页面，从而可以直观显示交互页面的埋点对象，进而可以快速判断页面埋点对象是否满足用户需求。
4.第一方面，本技术实施例提供一种埋点配置页面生成方法，该方法包括：
5.获取交互页面图像；
6.识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数；
7.将第一控件切图关联目标埋点事件，目标埋点事件为预设的与所述控件类型对应的埋点事件；
8.根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。
9.第二方面，本技术实施例提供了一种埋点配置页面生成装置，该装置包括：
10.图像获取模块，用于获取交互页面图像；
11.识别模块，用于识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型、以及所述第一控件切图在所述交互页面图像中的布局参数；
12.关联模块，用于将所述第一控件切图关联目标埋点事件，所述目标埋点事件为预设的与所述控件类型对应的埋点事件；
13.生成模块，用于根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面。
14.第三方面，本技术实施例提供了一种计算机设备，该设备包括：处理器以及存储有计算机程序指令的存储器；
15.所述处理器执行所述计算机程序指令时实现如第一方面所述的埋点配置页面生成方法。
16.第四方面，本技术实施例提供了一种计算机存储介质，所述计算机存储介质上存储有计算机程序指令，所述计算机程序指令被处理器执行时实现如第一方面所述的埋点配置页面生成方法。
17.本技术实施例提供的一种页面方法、装置、计算机设备、计算机存储介质以及计算
机程序产品，能够通过识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数，从而通过识别交互页面图像，快速确定出交互页面中所需埋点的控件区域以及控件类型。将第一控件切图关联与其控件类型对应的目标埋点事件，以及根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过生成可视化的埋点配置页面，可以直观显示交互页面的埋点对象，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性。
附图说明
18.为了更清楚地说明本技术实施例的技术方案，下面将对本技术实施例中所需要使用的附图作简单的介绍，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
19.图1示出本技术实施例提供的一种埋点配置页面生成方法的流程示意图；
20.图2示出本技术实施例提出的一种识别第三控件切图的流程示意图；
21.图3示出本技术实施例提供的一种埋点配置页面生成装置的结构示意图；
22.图4示出本技术实施例提供的另一种埋点配置页面生成装置的结构示意图；
23.图5示出本技术实施例提供的一种计算机设备的硬件结构示意图。
具体实施方式
24.下面将详细描述本技术的各个方面的特征和示例性实施例，为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及具体实施例，对本技术进行进一步详细描述。应理解，此处所描述的具体实施例仅意在解释本技术，而不是限定本技术。对于本领域技术人员来说，本技术可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本技术的示例来提供对本技术更好的理解。
25.在对本技术实施例提供一种埋点配置页面生成方法进行详细描述之前，首先对本技术涉及的技术进行简要介绍。
26.埋点是数据领域的专业术语，也是互联网应用里的一个俗称，它的学名应该叫追踪，它主要是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。
27.发明人发现，在采用硬编码方式在应用程序的交互页面埋点时，开发人员无法确认交互页面的埋点是否正确，从而更无法获悉采集的埋点数据是否完善。
28.并且，为了检测页面埋点是否正确，开发人员需要将添加埋点代码后的页面代码重现编译，重新生成新的交互页面。然后开发人员再对新的交互页面执行触发埋点事件操作，从而检测是否有所需埋点的埋点数据生成。同时，在检测过程中，在接收到数据量较大的数据包，开发人员需要从数据包中解析出埋点数据，从而分析出页面埋点是否正确。然而上述检测操作繁琐，并且准确率低。
29.有鉴于此，本技术实施例提供了一种埋点配置页面生成方法，通过获取交互页面图像，识别该交互页面图像中的第一控件切图、控件切图的控件类型以及第一控件切图在所述交互页面图像中的布局参数，将第一控件切图与目标埋点事件关联，根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过识别交互页面图像中
的第一控件切图，以及将第一控件切图关联其对应的埋点事件，可以快速地确定交互页面的埋点事件。并且基于布局参数与埋点事件，生成可视化的埋点配置页面，可以将交互页面的埋点区域可视化，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性，进而避免了采用通过从大量的页面数据中获取埋点数据，并通过检测页面的埋点数据来确定页面埋点是否正确的检测方案。
30.图1示出本技术实施例提供的一种埋点配置页面生成方法的流程示意图，如图1所示，该埋点配置页面的生成方法可以应用于埋点配置页面生成装置，可以包括以下步骤：
31.s11，获取交互页面图像。
32.s12，识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在交互页面图像中的布局参数。
33.s13，将第一控件切图关联目标埋点事件，目标埋点事件为预设的与所述控件类型对应的埋点事件。
34.s14，根据目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面。
35.上述各步骤的具体实现方式在下文中进行详细描述。
36.在上述实施例中，通过识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数，从而通过识别交互页面图像，快速确定出交互页面中所需埋点的控件区域以及控件类型。将第一控件切图关联与其控件类型对应的目标埋点事件，以及根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过生成可视化的埋点配置页面，可以直观显示交互页面的埋点对象，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性。
37.下面介绍上述各个步骤的及具体实现方式。
38.在s11中，交互页面图像可以是指应用程序的静态页面设计总图。该交互页面图像可以包括交互页面中所有页面元素的静态图像。其中，页面元素可以包括但不限于文字和控件等。
39.在本技术实施例中，交互页面图像可以是至少一个应用程序的至少一个交互页面的静态页面设计总图。例如，交互页面图像可以是车载终端上音乐应用程序的一个交互页面的静态页面设计总图。
40.这里，交互页面图像可以根据人机界面(human machine interface，hmi)规范设计，例如交互页面图像可以满足车载hmi的设计规范。
41.在s12中，第一控件切图可以是包括一个控件的图像。交互页面图像中的第一控件切图可以是指在交互页面图像中控件对应的图像区域。与第一控件切图关联的控件类型可以是指第一控件切图对应的控件所关联的控件类型。这里，控件类型可以包括但不限于按钮、横向滑动条、纵向滑动条、数据链接、操作链接等。
42.在s12中，布局参数可以是指第一控件切图在交互页面图像中所在的布局参数。在本技术实施例中，埋点配置页面生成装置通过布局参数可以在交互页面图像中定位第一控件切图。
43.在一些实施例中，布局参数可以包括但不限于第一控件切图在交互页面图像的相
对位置以及相对大小。如此，通过布局参数可以毫无疑义地确定第一控件切图在交互页面图像中的位置以及形状大小。
44.在一个示例中，第一控件切图在在交互页面图像中所在的布局参数可以为left＝20，top＝50，height＝30，width＝50。其中，left可以是表示第一控件切图距离交互页面图像左边界的参数，top可以是表示第一控件切图距离交互页面图像上边界的参数，height可以表示第一控件切图高的参数，width可以表示第一控件切图宽的参数。它们的单位可以为毫米或者像素。
45.这里，s12可以执行为，埋点配置页面生成装置可以通过图像识别技术，从交互页面图像中识别出包含控件的第一控件切图，从而可以确定第一控件切图的布局参数，并且通过识别出第一控件切图包含的控件，从而可以确定第一控件切图关联的控件类型。
46.需要说明的是，图像识别技术可以包括但不限于人工智能图像识别方法和图像匹配识别方法等。
47.在s13中，目标埋点事件可以是与第一控件切图关联的控件类型对应埋点事件。该目标埋点事件可以根据预设的控件类型与埋点事件的关联关系确定。其中，埋点事件可以是触发操作与第一控件切图对应的控件的事件。
48.例如，第一控件切图对应控件类型为按键类型，其所关联的目标埋点事件为单击事件以及双击事件。
49.这里，s13可以执行为，埋点配置页面生成装置基于预设的控件类型与埋点事件的关联关系，将第一控件切图与其控件类型所对应的目标埋点事件关联。
50.需要说明的是，第一控件切图以及其对应的埋点事件可以作为埋点对象。
51.在s14中，埋点配置页面可以是指包含可选控件的交互页面。埋点配置页面生成装置根据布局参数确定第一控件切图对应的图像区域，并将交互页面图像中的该图像区域转换为可选中的控件，并将该控件关联目标埋点事件，从而生成埋点配置页面。其中，可选中的控件可以是指控件能够被选中，并能被突出显示。该可选中的控件也就是该交互页面的埋点对象。
52.在本技术实施例中，埋点配置页面可以是埋点对象可视化的交互页面，即用户可以直接在该交互页面上直接观测到埋点对象。如此，用户通过埋点配置页面可以检测交互页面设置的埋点对象是否正确。
53.在实际页面设计中，用户通常会通过包含控件的切图来设计交互页面，因此，为了提高识别速度和准确性，可以通过单独的控件切图来识别交互页面图像中控件区域。在一些实施例中，s12，识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型，可以包括：
54.获取控件图列表；
55.基于控件图列表，识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型。
56.这里，控件图列表包括n个第二控件切图，以及每一第二控件切图关联的控件类型。该控件图列表可以根据hmi开发规范确定。该控件图列表可以用于指示用户的埋点需求。也就是说，控件图列表中的第二控件切图可以表示用户需要埋点数据的对象。
57.在本技术实施例中，控件图列表包括n个第二控件切图，可以理解为，对于该交互
页面图像对应的交互页面，用户可能需要n个第二控件切图对应的控件的埋点数据。
58.这里，与第一控件切图关联的控件类型可以包括但不限于按钮、横向滑动条、纵向滑动条、数据链接、操作链接等。
59.在本技术实施例中，埋点配置页面生成装置将控件图列表中的每个第二控件切图与交互页面图像进行匹配，得到交互页面图像中至少一个第一控件切图。其中，一个第一控件切图对应一个第二控件切图。
60.以及，埋点配置页面生成装置根据第一控件切图与第二控件切图的对应关系，和第二控件切图关联的控件类型，可以确定第一控件切图关联的控件类型。也就是说，第一控件切图关联的控件类型，为第一控件切图对应的第二控件切图所关联的控件类型。
61.在上述实施例中，通过控件图列表，可以确定用户需求的埋点对象，并通过将控件图列表中第二控件切图与交互页面图像匹配，从而快速确定出交互页面图像中埋点区域。
62.在一些实施例中，为了识别区分不同的控件切图，该控件图列表还可以包括控件编号。
63.在一些实施例中，为了区分不同应用程序的控件切图，该控件图列表还可以包括应用程序名称。
64.在本技术实施例中，为了标识控件图列表中的第二控件切图，可以为第二控件切图添加第二标识信息。其中，第二标识信息可以包括至少以下之一：控件类型、控件编号以及应用名称。
65.在一个示例中，在一个音乐程序的交互页面对应的控件图列表中，一个按钮对应的第二控件切图，可以关联第二标识信息。其中，第二标识信息可以为music_button_00001。
66.在一些实施例中，为了快速区分第一控件切图，在s12，识别所述交互页面图像中的第一控件切图、与所述第一控件切图关联的控件类型、以及所述第一控件切图在所述交互页面图像中的布局参数之后，该埋点配置页面生成还包括：
67.基于与第一控件切图对应的第二控件切图关联的第二标识信息，以及第一控件切图的布局参数，生成第一控件切图关联的第一标识信息。
68.这里，埋点配置页面生成装置基于第二标识信息以及布局参数，生成第一控件切图唯一的第一标识信息，以便区分第一控件切图，以及快速了解第一控件切图的相关信息。
69.在一个示例中，音乐应用的一个交互页面图像中一个按钮切图(即第一控件切图)，其关联的第一标识信息可以为music_button_00001，left＝20，top＝50，height＝30，width＝50。可以理解的是，第一标识信息表示，该控件切图为音乐应用中第一个控件类型为按钮的控件切图，且该控件切图的位置和大小为，距离交互页面图像左边界的20个单位，距离交互页面图像上边界的50个单位，控件切图的高为30个单位，控件切图的宽为50个单位。
70.在上述实施例中，通过第一标识信息，可以快速确定第一控件切图的相关信息，有利于区分第一控件切图，便于后续关联默认埋点事件。
71.在一些实施例中，在s11，获取控件图列表之后，s12，识别第一控件切图在交互页面图像中的布局参数，可以包括：
72.根据控件图列表中的第二控件切图，从图像中确定出第三控件切图及其在交互页
面图像中的布局参数。
73.在本技术实施例中，第三控件切图是与第二控件切图对应的第一控件切图。其中，第三控件切图的属性参数与第二控件切图的属性参数相匹配。属性参数包括形状参数与像素值。
74.这里，图2示出本技术实施例提出的一种识别第三控件切图的流程示意图。如图2所示，对于控件图列表中每个第二控件切图，埋点配置页面生成装置在交互页面图像中查找与第二控件切图的形状参数与像素值匹配的图像区域，将该图像区域确定为与第二控件切图对应的第三控件切图，并且将该图像区域的位置参数与大小参数确定为第三控件切图的在交互页面图像中的布局参数。
75.在一个示例中，埋点配置页面生成装置在交互页面图像中查找与第二控件切图的形状参数与像素值匹配的图像区域，可以具体执行为，首先确定第二控件切图的大小，以及该第二控件切图的每个像素的像素值，然后，从交互页面图像的原点坐标开始，循环截取与第二控件切图的大小相等的图像区域，计算该图像区域中每个像素的像素值，比较该图像区域与第二控件切图中每个像素的灰阶值，最后根据比较结果计算两个图像的整体匹配度。
76.如果匹配度不小于预设阈值，则判断该图像区域与第二控件切图匹配，停止循环截取图像区域。如果匹配度小于预设阈值，则判断该图像区域与第二控件切图不匹配，重复执行截取图像区域、比较两图像素值得步骤。
77.此外，在将交互页面图像全部截取完毕后，仍未匹配到与第二控件切图对应的图像区域，可以确定该交互页面图像不存在与第二控件切图匹配的第三控件切图，记录异常信息。
78.在上述实施例中，通过第二控件切图的形状参数与像素值，快速识别在交互页面图像中与第二控件对应的第一控件切图，并且提高了第一控件切图识别的准确率。
79.在一些实施例中，为了便于用户准确修改埋点配置页面，在s14，根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面之后，该埋点配置页面生成装置方法还包括：
80.在未从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图的情况下，生成第一异常信息。
81.在本技术实施例中，未从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图，可以是指存在未被识别出的第二控件切图。也就是说，至少有一个第二控件切图在交互页面图像中截取不到与之匹配的图像区域。
82.在本技术实施例中，第一异常信息包括未被识别的第二控件切图的信息。未被识别的第二控件切图可以是指识别失败的第二控件切图。第一异常信息可以用于提示用户在生成埋点配置页面时存在异常情况。
83.这里，埋点配置页面生成装置检测出未从交互页面图像中识别出n个第一控件切图，记录识别失败的第二控件切图，并生成第一异常信息。
84.在本技术实施例中，埋点配置页面生成装置可以通过第一控件切图的数量确定是否识别出n个第一控件切图。或者，埋点配置页面生成装置还可以通过比较第一控件切图的第一标识信息与第二控件切图的第二标识信息中的控件编号，确定是否识别出n个第一控
件切图。
85.在上述实施例中，通过检测出未识别的第二控件切图，并基于未识别的第二控件切图生成第一异常信息，以便可以向用户报告异常情况，并方便用户准确地对页面的埋点对象进行修改。
86.在一些实施例中，为了便于用户准确修改埋点配置页面，在s14，根据所述目标埋点事件与所述布局参数，生成与所述交互页面图像对应的埋点配置页面之后，该埋点配置页面生成装置方法还包括：
87.在至少一个第一控件切图未关联与其控件类型对应的埋点事件的情况下，生成第二异常信息。
88.在本技术实施例中，至少一个第一控件切图未关联与其控件类型对应的埋点事件，可以是指，至少一个控件切图无法关联与其控件类型对应的埋点事件。也就是说，在预设的控件类型与埋点事件的关联关系中，不存在至少一个第一控件切图关联的控件类型对应的默认埋点事件。
89.在本技术实施例中，第二异常信息可以包括未关联埋点事件的第一控件切图的信息。第二异常信息可以用于提示用户在生成埋点配置页面时存在异常情况。
90.这里，埋点配置页面生成装置在s13过程中，检测出至少一个第一控件切图无法关联目标埋点事件，记录无法关联埋点事件的第一控件切图的信息，并生成第二异常信息。
91.在上述实施例中，通过检测出未关联的第二控件切图，并基于未关联的第二控件切图生成第二异常信息，以便可以向用户报告异常情况，并方便用户准确地对页面的埋点对象进行修改。
92.在一些实施例中，在s12，根据第一控件切图的目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面之后，该埋点配置页面生成方法还包括：
93.在未从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图的情况下，更新所述埋点配置页面，以使在更新后的埋点配置页面中存在与所述n个第一控件切图对应的控件。
94.这里，由于交互页面图像存在缺陷，例如控件区域过大等图像缺陷，导致无法从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图。因此，用户可以基于未识别的第二控件切图，直接修改埋点配置页面，以使在修改后的埋点配置页面中存在与所述n个第一控件切图对应的控件。
95.具体地，埋点配置页面生成装置接受用户基于未识别的第二控件切图对埋点配置页面进行的修改操作，更新埋点配置页面，识别出与未识别的第二控件切图对应的第一控件切图，并将第一控件切图关联上对应的目标埋点事件，从而在更新后的埋点配置页面中新增一个与第一控件切图对应的控件，进而使得在更新后的埋点配置页面中存在与所述n个第一控件切图对应的控件。
96.此外，用户可以对交互页面图像做修改，从而重复执行埋点配置页面的生成操作，更新埋点配置页面。
97.这里，用户可以基于未识别的第二控件切图，在交互页面图像上修改与第二控件切图类似的图像区域，以使在交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图。
98.具体地，埋点配置页面生成装置接受用户针对交互页面图像的修改信息，修改后的交互页面图像，重新执行埋点配置页面生成步骤，从而达到更新埋点配置页面的目的，使得更新后的埋点配置页面中存在与所述n个第一控件切图对应的控件
99.在上述实施例中，可以基于未识别的第二控件切图，更新埋点配置页面，使得用户可以实时且准确地修改埋点配置页面中埋点对象，以使埋点配置页面符合用户埋点需求。
100.在一些实施例中，在s14，根据所述目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面之后，该埋点配置页面生成方法还包括：
101.在至少一个第一控件切图未关联与其控件类型对应的埋点事件的情况下，增加与未关联的第一控件切图的控件类型对应的埋点事件，以使埋点配置页面中所有第一控件切图均关联与其控件类型对应的埋点事件。
102.这里，由于预设的控件类型与埋点事件的关联关系中，可能不存在至少一个第一控件切图关联的埋点事件。因此，用户可以扩增埋点事件，以使每一个第一控件切图均有其关联的默认埋点事件。
103.具体地，埋点配置页面生成装置可以接受用户基于与未关联的第一控件切图的控件类型，新增埋点事件操作，增加控件类型与埋点事件的关联关系，未关联的第一控件切图重新关联与其控件类型对应的新增埋点事件，从而更新埋点配置页面，以使更新后的埋点配置页面中有所有第一控件切图均关联与其控件类型对应的埋点事件。
104.在上述实施例中，可以通过增加埋点事件，从而修改埋点配置页面中的埋点对象，以使埋点配置页面符合用户埋点需求。
105.基于与上述埋点配置页面生成方法相同的技术构思，本技术实施例还提供一种埋点配置页面生成装置。图3示出本技术实施例提供的一种埋点配置页面生成装置的结构示意图。如图3所示，该埋点配置页面生成装置可以包括：图像识别模块31，图像分类模块32，页面生成模块33，异常报告模块34。
106.图像识别模块31，用于获取hmi交付物；识别第二控件切图在页面的总体交互图(即交互页面图像)的相对位置以及相对大小(即布局参数)，得到第一控件切图。
107.这里，hmi交付物可以包括每个页面的总体交互图、每个页面对应的第二控件切图以及第二控件切图的标识信息。其中，第二控件切图的标识信息可以采用规范命名方式生成。例如，一个按钮的控件切图的标识信息为“控件类型_控件编号”。
108.在一些实施例中，图像识别模块31，还用于基于第二控件切图的原有标识信息以及第二控件切图在页面的总体交互图的相对位置以及相对大小，生成第一控件切图的新的标识信息。
109.这里，新的标识信息可以采用规范命名方式生成。例如，新的标识信息为music_button_00001，left＝20，top＝50，height＝30，width＝50。
110.图像分类模块32，可以用于将各类第二控件切图按照hmi规范分类，并记录各类控件切图的控件类型；还用于将每个第一控件切图关联上对应的默认埋点事件(即目标埋点事件)。
111.这里，控件类型包括但不限于按钮、横向滑动条、纵向滑动条、数据链接、操作链接等。
112.图像分类模块32，还可以用于将每个第一控件切图关联上对应的默认埋点事件。
例如，将按键类型的控件切图关联到单击的埋点事件和双击的埋点事件。
113.页面生成模块33，用于将所有第一控件切图关联起来，生成可配置的管理页面(即埋点配置页面)；还用于记录每个第一控件切图的信息。
114.异常报告模块34，用于记录解析失败的第二控件切图，并生成异常报告(即异常信息)发送给hmi设计人员，以便设计人员处理异常信息。
115.这里，解析失败的第二控件切图可以是指未被识别出的第二控件切图，或者，与第二控件切图对应的第一控件切图未关联默认的埋点事件。
116.在上述实施例中，通过图像识别技术，快速识别出交互页面图像中需要设置埋点的控件，并根据控件对应的控件类型，关联与其对应的埋点事件，从而可以快速确定出交互页面中埋点对象。并通过生成可配置的管理页面，不仅将埋点对象可视化，还便于修改管理页面。
117.基于与上述埋点配置页面生成方法相同的技术构思，本技术实施例还提供另一种埋点配置页面生成装置。图4示出本技术实施例提供的另一种埋点配置页面生成装置的结构示意图。如图4所示，该埋点配置页面生成装置可以包括：图像获取模块41，识别模块42，关联模块43，生成模块44。
118.图像获取模块41，用于获取交互页面图像。
119.识别模块42，用于识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数。
120.关联模块44，用于根据目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面。
121.在上述实施例中，能够通过识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型、以及第一控件切图在所述交互页面图像中的布局参数，从而通过识别交互页面图像，快速确定出交互页面中所需埋点的控件区域以及控件类型。将第一控件切图关联与其控件类型对应的目标埋点事件，以及根据目标埋点事件与布局参数，生成与交互页面图像对应的埋点配置页面。如此，通过生成可视化的埋点配置页面，可以直观显示交互页面的埋点对象，从而可以快速检测出交互页面的埋点对象是否正确，简化了页面埋点检测操作，提高页面埋点检测的准确性。
122.在一些实施例中，识别模块42可以包括：
123.获取子模块，用于获取控件图列表，控件图列表包括n个第二控件切图，以及每一第二控件切图关联的控件类型。
124.识别子模块，用于基于控件图列表，识别交互页面图像中的第一控件切图、与第一控件切图关联的控件类型。一个第一控件切图对应一个第二控件切图，第一控件切图关联的控件类型，为第一控件切图对应的第二控件切图所关联的控件类型。
125.在一些实施例中，识别模块42可以包括：
126.布局参数识别子模块，用于在获取控件图列表之后，根据控件图列表中的第二控件切图，从图像中确定出第三控件切图及其在交互页面图像中的布局参数。
127.这里，第三控件切图是与第二控件切图对应的第一控件切图。其中，第三控件切图的属性参数与第二控件切图的属性参数相匹配，属性参数包括形状参数与像素值。
128.在一些实施例中，埋点配置页面生成装置还可以包括：
129.第一生成模块，用于在根据所述目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面之后，在未从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图的情况下，生成第一异常信息，第一异常信息包括未被识别的第二控件切图的信息。
130.第二生成模块，用于在根据所述目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面之后，在至少一个第一控件切图未关联与其控件类型对应的埋点事件的情况下，生成第二异常信息，第二异常信息包括：未关联埋点事件的第一控件切图的信息。
131.在一些实施例中，埋点配置页面生成装置还可以包括：
132.更新模块，用于在根据所述目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面之后，在未从交互页面图像中识别出与n个第二控件切图一一对应的n个第一控件切图的情况下，更新埋点配置页面，以使在更新后的埋点配置页面中存在与所述n个第一控件切图对应的控件。
133.在一些实施例中，埋点配置页面生成装置还可以包括：
134.增加模块，用于在根据所述目标埋点事件与所述布局参数，生成与交互页面图像对应的埋点配置页面之后，在至少一个第一控件切图未关联与其控件类型对应的埋点事件的情况下，增加与未关联的第一控件切图的控件类型对应的埋点事件，以使埋点配置页面中所有第一控件切图均关联与其控件类型对应的埋点事件。
135.图5示出本技术实施例提供的一种计算机设备的硬件结构示意图。如图5所示。在计算机设备可以包括处理器51以及存储有计算机程序指令的存储器52。
136.具体地，上述处理器51可以包括中央处理器(cpu)，或者特定集成电路(application specific integrated circuit，asic)，或者可以被配置成实施本技术实施例的一个或多个集成电路。
137.存储器52可以包括用于数据或指令的大容量存储器。举例来说而非限制，存储器52可包括硬盘驱动器(hard disk drive，hdd)、软盘驱动器、闪存、光盘、磁光盘、磁带或通用串行总线(universal serial bus，usb)驱动器或者两个或更多个以上这些的组合。在合适的情况下，存储器52可包括可移除或不可移除(或固定)的介质。在合适的情况下，存储器52可在综合网关容灾设备的内部或外部。在特定实施例中，存储器52是非易失性固态存储器。
138.存储器52可包括只读存储器(rom)，随机存取存储器(ram)，磁盘存储介质设备，光存储介质设备，闪存设备，电气、光学或其他物理/有形的存储器存储设备。因此，通常，存储器包括一个或多个编码有包括计算机可执行指令的软件的有形(非暂态)计算机可读存储介质(例如，存储器设备)，并且当该软件被执行(例如，由一个或多个处理器)时，其可操作来执行参考根据本技术的一方面的方法所描述的操作。
139.处理器51通过读取并执行存储器52中存储的计算机程序指令，以实现上述实施例中的任意一种埋点配置页面生成方法。
140.在一个示例中，计算机设备还可包括通信接口53和总线54。其中，如图5所示，处理器51、存储器52、通信接口53通过总线54连接并完成相互间的通信。
141.通信接口53，主要用于实现本技术实施例中各模块、装置、单元和/或设备之间的
通信。
142.总线54包括硬件、软件或两者，将在计算机设备的部件彼此耦接在一起。举例来说而非限制，总线可包括加速图形端口(agp)或其他图形总线、增强工业标准架构(eisa)总线、前端总线(fsb)、超传输(ht)互连、工业标准架构(isa)总线、无限带宽互连、低引脚数(lpc)总线、存储器总线、微信道架构(mca)总线、外围组件互连(pci)总线、pci-express(pci-x)总线、串行高级技术附件(sata)总线、视频电子标准协会局部(vlb)总线或其他合适的总线或者两个或更多个以上这些的组合。在合适的情况下，总线54可包括一个或多个总线。尽管本技术实施例描述和示出了特定的总线，但本技术考虑任何合适的总线或互连。
143.该计算机设备可以基于执行本技术实施例中的方法，从而实现结合图1至图4描述的埋点配置页面生成方法和装置。
144.另外，结合上述实施例中的埋点配置页面生成方法，本技术实施例可提供一种计算机存储介质来实现。该计算机存储介质上存储有计算机程序指令；该计算机程序指令被处理器执行时实现上述实施例中的任意一种埋点配置页面生成方法。
145.此外，结合上述实施例中的埋点配置页面生成方法，本技术实施例提供一种计算机程序产品，包括计算机程序或指令，计算机程序或指令被处理器执行时实现上述实施例中的任意一种埋点配置页面生成方法。
146.需要明确的是，本技术并不局限于上文所描述并在图中示出的特定配置和处理。为了简明起见，这里省略了对已知方法的详细描述。在上述实施例中，描述和示出了若干具体的步骤作为示例。但是，本技术的方法过程并不限于所描述和示出的具体步骤，本领域的技术人员可以在领会本技术的精神后，作出各种改变、修改和添加，或者改变步骤之间的顺序。
147.以上所述的结构框图中所示的功能块可以实现为硬件、软件、固件或者它们的组合。当以硬件方式实现时，其可以例如是电子电路、专用集成电路(asic)、适当的固件、插件、功能卡等等。当以软件方式实现时，本技术的元素是被用于执行所需任务的程序或者代码段。程序或者代码段可以存储在机器可读介质中，或者通过载波中携带的数据信号在传输介质或者通信链路上传送。“机器可读介质”可以包括能够存储或传输信息的任何介质。机器可读介质的例子包括电子电路、半导体存储器设备、rom、闪存、可擦除rom(erom)、软盘、cd-rom、光盘、硬盘、光纤介质、射频(rf)链路，等等。代码段可以经由诸如因特网、内联网等的计算机网络被下载。
148.还需要说明的是，本技术中提及的示例性实施例，基于一系列的步骤或者装置描述一些方法或系统。但是，本技术不局限于上述步骤的顺序，也就是说，可以按照实施例中提及的顺序执行步骤，也可以不同于实施例中的顺序，或者若干步骤同时执行。
149.上面参考根据本技术的实施例的埋点配置页面生成方法、装置、计算机设备、计算机存储介质和计算机程序产品的流程图和/或框图描述了本技术的各方面。应当理解，流程图和/或框图中的每个方框以及流程图和/或框图中各方框的组合可以由计算机程序指令实现。这些计算机程序指令可被提供给通用计算机、专用计算机、或其它可编程数据处理装置的处理器，以产生一种机器，使得经由计算机或其它可编程数据处理装置的处理器执行的这些指令使能对流程图和/或框图的一个或多个方框中指定的功能/动作的实现。这种处理器可以是但不限于是通用处理器、专用处理器、特殊应用处理器或者现场可编程逻辑电
路。还可理解，框图和/或流程图中的每个方框以及框图和/或流程图中的方框的组合，也可以由执行指定的功能或动作的专用硬件来实现，或可由专用硬件和计算机指令的组合来实现。
150.以上所述，仅为本技术的具体实施方式，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的系统、模块和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。应理解，本技术的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本技术的保护范围之内。