CN111241444A - 网页埋点代码添加方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本发明公开了网页埋点代码添加方法、装置、计算机设备及存储介质。方法包括：若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。本发明基于开发辅助技术，能够提高埋点代码生成及添加的效率，避免了人为添加埋点代码操作失误而在网页中产生漏洞，确保了埋点代码添加的效率及可靠性，在实际应用过程中取得了良好的技术效果。

Description

网页埋点代码添加方法、装置、计算机设备及存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种网页埋点代码添加方法、装置、计算机设备及存储介质。

背景技术

企业为方便从网页中采集客户的数据信息，需在网页中插入与控件元素相关联的埋点代码，传统埋点代码添加方法均是通过程序员手动方式输入，并将埋点代码与网页中业务代码进行整合以实现埋点代码的添加。然而由于网页中所包含控件元素数量较多，程序员进行人为操作需耗费大量时间，且会因人为操作失误在网页中产生漏洞，导致所采集到的数据信息中出现差错。因而，传统的埋点代码添加方法存在添加效率及可靠性不高的问题。

发明内容

本发明实施例提供了一种网页埋点代码添加方法、装置、计算机设备及存储介质，旨在解决现有技术方法中在网页中添加埋点代码时效率不高的问题。

第一方面，本发明实施例提供了一种网页埋点代码添加方法，其包括：

若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；

根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；

根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；

根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

第二方面，本发明实施例提供了一种网页埋点代码添加装置，其包括：

待埋点控件获取单元，用于若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；

目标埋点信息获取单元，用于根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；

埋点代码生成单元，用于根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；

埋点代码添加单元，用于根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

第三方面，本发明实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的网页埋点代码添加方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其中所述计算机可读存储介质存储有计算机程序，所述计算机程序当被处理器执行时使所述处理器执行上述第一方面所述的网页埋点代码添加方法。

本发明实施例提供了一种网页埋点代码添加方法、装置、计算机设备及存储介质。通过从前端网页的业务代码中获取得到待埋点控件，并生成与待埋点控件对应的可视化埋点信息以供用户进行选择，接收用户所反馈的目标埋点信息并生成对应的目标埋点代码，将目标埋点代码添加前端页面中以得到添加了埋点代码的埋点网页。通过上述方法，能够提高埋点代码生成及添加的效率，避免了人为添加埋点代码操作失误而在网页中产生漏洞，确保了埋点代码添加的效率及可靠性，在实际应用过程中取得了良好的技术效果。

附图说明

为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的网页埋点代码添加方法的流程示意图；

图2为本发明实施例提供的网页埋点代码添加方法的效果示意图；

图3为本发明实施例提供的网页埋点代码添加方法的子流程示意图；

图4为本发明实施例提供的网页埋点代码添加方法的另一子流程示意图；

图5为本发明实施例提供的网页埋点代码添加方法的另一子流程示意图；

图6为本发明实施例提供的网页埋点代码添加方法的另一流程示意图；

图7为本发明实施例提供的网页埋点代码添加装置的示意性框图；

图8为本发明实施例提供的网页埋点代码添加装置的子单元示意性框图；

图9为本发明实施例提供的网页埋点代码添加装置的另一子单元示意性框图；

图10为本发明实施例提供的网页埋点代码添加装置的另一子单元示意性框图；

图11为本发明实施例提供的网页埋点代码添加装置的另一示意性框图；

图12为本发明实施例提供的计算机设备的示意性框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。

还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

请参阅图1，图1是本发明实施例提供的网页埋点代码添加方法的流程示意图。该网页埋点代码添加方法应用于用户终端中，该方法通过安装于用户终端中的应用软件进行执行，用户终端即是用于生成埋点代码并添加至网页中的终端设备，例如台式电脑、笔记本电脑、平板电脑或手机等。

如图1所示，该方法包括步骤S110～S140。

S110、若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。

若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。用户即是用户终端的使用者，也即是企业中对前端网页进行管理的管理员，前端页面的业务代码存储于用户终端中，用户输入前端网页的指向信息即可在该前端网页中添加埋点代码，指向信息可以是前端网页的网络地址或前端网页的存储地址，前端网页即是企业用于向客户进行展示的页面，前端网页可以是用于在浏览器前端向用户进行可视化显示的网页页面或应用程序页面，前端网页中包含业务代码，业务代码即是用于实现前端网页功能的底层代码。前端网页中包含多个控件元素，控件元素可根据其功能分为多种不同类型，每一控件元素均与业务代码中的一个控件代码相对应，每一控件元素还与前端网页中一个具体的操作事件对应。

例如，前端网页中包含控件元素与控件代码之间的对应关系如表1所示。

控件元素	控件代码
		按钮	Button
输入框	TextField
		复选框	CheckBox
单选框	RadioButton
		下拉框	ComboBox
对话框	OptionPane

表1

其中，所述埋点控件获取规则中包括目标控件代码及埋点事件。目标控件代码即是所需添加埋点代码的某一种或多种控件元素所对应的代码，埋点事件即是用于对与目标控件相对应控件元素进行筛选的事件信息。

在一实施例中，如图3所示，步骤S110包括子步骤S111和S112。

S111、获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素。

获取所述业务代码中与所述目标控件相匹配的控件元素，也即是得到目标控件元素。预置埋点获取规则中预先设置有目标控件代码，目标控件代码中可包含一个或多个控件代码，通过将业务代码中的控件代码与预先设置的目标控件代码进行匹配，即可获取到与目标控件代码相匹配的控件元素。

例如，目标控件代码为“Button”，则获取业务代码中所有与“Button”相匹配的控件元素作为目标控件元素。

S112、根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。每一控件元素与前端网页中一个具体的操作事件相对应，同一类型的控件元素可分别对应多种不同的操作事件，因此可通过埋点事件对目标控件元素进行筛选，以获取与埋点事件相匹配的目标控件元素，也即是得到待埋点控件。

例如，所得到的目标控件元素如表2所示。

编号	控件元素	控件代码	操作事件
				1	按钮	Button	登录
2	按钮	Button	注册
				3	按钮	Button	确认
4	按钮	Button	取消
				5	按钮	Button	确认

表2

若所述埋点事件为“登录”和“确认”，则可根据埋点事件从目标控件元素中筛选得到与“登录”及“确认”相匹配的待埋点控件。

S120、根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息。

根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息。为方便用户进行操作，可根据待埋点控件生成对应的可视化埋点信息，用户对用户终端中所显示的可视化埋点信息进行选择即可反馈目标埋点信息，这一可视化过程使用户操作更加简洁、方便，大幅提升了埋点代码生成的效率。其中，所述目标埋点信息中包含一个或多个目标埋点。

在一实施例中，如图4所示，步骤S120包括子步骤S121和S122。

S121、根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息。

根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息。具体的，控件元素可根据其功能分为多种不同类型，可根据待埋点控件的类型生成相应的埋点控件图像，“按钮”类型的控件元素可对应生成三角形的埋点控件图像，“单选框”类型的控件元素可对应生成圆形的埋点控件图像，“复选框”类型的控件元素可对应生成正方形的埋点控件图像。不同类型的控件元素所对应的埋点控件图像还可添加与相应类型对应的颜色，以增加不同类型的埋点控件图像的差异性，方便用户对不同类型的控件元素进行区分。

例如，所生成的可视化埋点信息如图2所示。用户将控件元素对应的埋点控件图像拖至选择区域即可对需生成埋点代码对应的控件元素进行选择。

S122、将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。将所生成的可视化埋点信息在用户终端中进行显示，即可获取用户根据可视化埋点信息进行选择所反馈的目标埋点信息，可在用户终端中的显示设备中对可视化埋点信息进行显示。

S130、根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码。

根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码。其中，埋点代码生成模型包括标识码生成规则及代码模板，由于目标埋点信息中可能存在多个目标埋点所对应的控件代码及操作事件均相同的情况，为对相同目标埋点进行区别同时使所生成的目标埋点代码更加精简，需通过标识码生成规则生成与每一目标埋点相对应的标识码，标识码为相应目标埋点唯一所有，通过目标埋点的标识码对代码目标中相应的埋点代码段进行引用即可生成目标埋点代码。

在一实施例中，如图5所示，步骤S130包括子步骤S131和S132。

S131、根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码。

根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码，目标埋点信息中每一目标埋点对应生成一个标识码，所生成的标识码互不重复。

例如，表2中第一个操作事件为“确认”的“按钮”所对应生成的标识码为“B0001”；第二个操作事件为“确认”的“按钮”所对应生成的标识码为“B0002”。

S132、根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。

根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。代码目标中包含与每一类型控件元素相对应的埋点代码段，具体的，可通过Javascript脚本将标识码添加至与目标埋点相匹配的埋点代码段以对相应埋点代码段进行引用，即可自动化生成与目标埋点信息对应的目标埋点代码。

S140、根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。具体的，添加规则即是用于对目标埋点代码进行添加的规则信息，添加规则中包括代码分区存储规则，将目标埋点代码中所包含的埋点代码段与业务代码中相应控件元素进行关联，若控件元素执行一次操作，则可通过与该控件元素相关联的埋点代码对执行操作的数据进行采集，根据代码分区存储规则将目标埋点代码与业务代码分区域存储至所述前端网页中，即可将目标埋点代码添加至前端网页中以得到埋点网页。将目标埋点代码中的埋点代码段与相应控件元素进行关联之后，客户通过控件元素执行相应操作后，即可通过目标埋点代码中与该控件元素相关联的埋点代码段对该控件元素所执行操作的数据进行采集。

在一实施例中，如图6所示，步骤S140之后还包括步骤S150。

S150、执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。

执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。由于目标埋点代码中每一埋点代码段均与相应控件元素向关联，则在执行埋点网页时，可通过埋点网页中的目标埋点代码对客户在埋点网页中所执行操作的数据进行采集，以获取页面操作信息。具体的，客户通过终端设备向用户终端发送页面访问信息以对埋点网页进行访问，并向该用户终端发送控件元素操作信息以通过埋点网页中的控件元素执行相应的操作，则可通过埋点网页中所包含的目标埋点代码对与每一埋点代码段向关联的控件元素所执行操作的数据进行采集。

例如，客户A通过埋点网页点击标识码为“B0002”的控件元素，则通过与该控件元素相对应的埋点代码段采集该控件元素被客户A执行了一次操作。

由于客户在访问埋点网页之前需先进行登录，因此可通过目标埋点代码采集得到包含客户地理位置分布、客户在各子页面的停留时间、客户操作偏好性等信息的页面操作信息，通过对页面操作信息进行分析后可便于用户对埋点网页进行优化。

在本发明实施例所提供的网页埋点代码添加方法中，通过从前端网页的业务代码中获取得到待埋点控件，并生成与待埋点控件对应的可视化埋点信息以供用户进行选择，接收用户所反馈的目标埋点信息并生成对应的目标埋点代码，将目标埋点代码添加前端页面中以得到添加了埋点代码的埋点网页。通过上述方法，能够提高埋点代码生成及添加的效率，避免了人为添加埋点代码操作失误而在网页中产生漏洞，确保了埋点代码添加的效率及可靠性，在实际应用过程中取得了良好的技术效果。

本发明实施例还提供一种网页埋点代码添加装置，该网页埋点代码添加装置用于执行前述网页埋点代码添加方法的任一实施例。具体地，请参阅图7，图7是本发明实施例提供的网页埋点代码添加装置的示意性框图。该网页埋点代码添加装置可以配置于用户终端中。

如图7所示，网页埋点代码添加装置100包括待埋点控件获取单元110、目标埋点信息获取单元120、埋点代码生成单元130和埋点代码添加单元140。

待埋点控件获取单元110，用于若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。

若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。用户即是用户终端的使用者，也即是企业中对前端网页进行管理的管理员，前端页面的业务代码存储于用户终端中，用户输入前端网页的指向信息即可在该前端网页中添加埋点代码，指向信息可以是前端网页的网络地址或前端网页的存储地址，前端网页即是企业用于向客户进行展示的页面，前端网页可以是用于在浏览器前端向用户进行可视化显示的网页页面或应用程序页面，前端网页中包含业务代码，业务代码即是用于实现前端网页功能的底层代码。前端网页中包含多个控件元素，控件元素可根据其功能分为多种不同类型，每一控件元素均与业务代码中的一个控件代码相对应，每一控件元素还与前端网页中一个具体的操作事件对应。

其中，所述埋点控件获取规则中包括目标控件代码及埋点事件。目标控件代码即是所需添加埋点代码的某一种或多种控件元素所对应的代码，埋点事件即是用于对与目标控件相对应控件元素进行筛选的事件信息。

其他发明实施例中，如图8所示，所述待埋点控件获取单元110包括子单元：目标控件元素获取单元111和目标控件元素筛选单元112。

目标控件元素获取单元111，用于获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素。

获取所述业务代码中与所述目标控件相匹配的控件元素，也即是得到目标控件元素。预置埋点获取规则中预先设置有目标控件代码，目标控件代码中可包含一个或多个控件代码，通过将业务代码中的控件代码与预先设置的目标控件代码进行匹配，即可获取到与目标控件代码相匹配的控件元素。

目标控件元素筛选单元112，用于根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。每一控件元素与前端网页中一个具体的操作事件相对应，同一类型的控件元素可分别对应多种不同的操作事件，因此可通过埋点事件对目标控件元素进行筛选，以获取与埋点事件相匹配的目标控件元素，也即是得到待埋点控件。

目标埋点信息获取单元120，用于根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息。

根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息。为方便用户进行操作，可根据待埋点控件生成对应的可视化埋点信息，用户对用户终端中所显示的可视化埋点信息进行选择即可反馈目标埋点信息，这一可视化过程使用户操作更加简洁、方便，大幅提升了埋点代码生成的效率。其中，所述目标埋点信息中包含一个或多个目标埋点。

其他发明实施例中，如图9所示，所述目标埋点信息获取单元120包括子单元：可视化埋点信息生成单元121和可视化埋点信息显示单元122。

可视化埋点信息生成单元121，用于根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息。

根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息。具体的，控件元素可根据其功能分为多种不同类型，可根据待埋点控件的类型生成相应的埋点控件图像，“按钮”类型的控件元素可对应生成三角形的埋点控件图像，“单选框”类型的控件元素可对应生成圆形的埋点控件图像，“复选框”类型的控件元素可对应生成正方形的埋点控件图像。不同类型的控件元素所对应的埋点控件图像还可添加与相应类型对应的颜色，以增加不同类型的埋点控件图像的差异性，方便用户对不同类型的控件元素进行区分。

可视化埋点信息显示单元122，用于将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。将所生成的可视化埋点信息在用户终端中进行显示，即可获取用户根据可视化埋点信息进行选择所反馈的目标埋点信息，可在用户终端中的显示设备中对可视化埋点信息进行显示。

埋点代码生成单元130，用于根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码。

根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码。其中，埋点代码生成模型包括标识码生成规则及代码模板，由于目标埋点信息中可能存在多个目标埋点所对应的控件代码及操作事件均相同的情况，为对相同目标埋点进行区别同时使所生成的目标埋点代码更加精简，需通过标识码生成规则生成与每一目标埋点相对应的标识码，标识码为相应目标埋点唯一所有，通过目标埋点的标识码对代码目标中相应的埋点代码段进行引用即可生成目标埋点代码。

其他发明实施例中，如图10所示，所述埋点代码生成单元130包括子单元：标识码生成单元131和埋点代码段引用单元132。

标识码生成单元131，用于根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码。

根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码，目标埋点信息中每一目标埋点对应生成一个标识码，所生成的标识码互不重复。

埋点代码段引用单元132，用于根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。

根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。代码目标中包含与每一类型控件元素相对应的埋点代码段，具体的，可通过Javascript脚本将标识码添加至与目标埋点相匹配的埋点代码段以对相应埋点代码段进行引用，即可自动化生成与目标埋点信息对应的目标埋点代码。

目标埋点代码添加单元140，用于根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。具体的，添加规则即是用于对目标埋点代码进行添加的规则信息，添加规则中包括代码分区存储规则，将目标埋点代码中所包含的埋点代码段与业务代码中相应控件元素进行关联，若控件元素执行一次操作，则可通过与该控件元素相关联的埋点代码对执行操作的数据进行采集，根据代码分区存储规则将目标埋点代码与业务代码分区域存储至所述前端网页中，即可将目标埋点代码添加至前端网页中以得到埋点网页。将目标埋点代码中的埋点代码段与相应控件元素进行关联之后，客户通过控件元素执行相应操作后，即可通过目标埋点代码中与该控件元素相关联的埋点代码段对该控件元素所执行操作的数据进行采集。

其他发明实施例中，如图11所示，所述网页埋点代码添加装置100还包括：页面操作信息采集单元150。

页面操作信息采集单元150，用于执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。

执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。由于目标埋点代码中每一埋点代码段均与相应控件元素向关联，则在执行埋点网页时，可通过埋点网页中的目标埋点代码对客户在埋点网页中所执行操作的数据进行采集，以获取页面操作信息。具体的，客户通过终端设备向用户终端发送页面访问信息以对埋点网页进行访问，并向该用户终端发送控件元素操作信息以通过埋点网页中的控件元素执行相应的操作，则可通过埋点网页中所包含的目标埋点代码对与每一埋点代码段向关联的控件元素所执行操作的数据进行采集。

由于客户在访问埋点网页之前需先进行登录，因此可通过目标埋点代码采集得到包含客户地理位置分布、客户在各子页面的停留时间、客户操作偏好性等信息的页面操作信息，通过对页面操作信息进行分析后可便于用户对埋点网页进行优化。

在本发明实施例所提供的网页埋点代码添加装置用于执行上述网页埋点代码添加方法，通过从前端网页的业务代码中获取得到待埋点控件，并生成与待埋点控件对应的可视化埋点信息以供用户进行选择，接收用户所反馈的目标埋点信息并生成对应的目标埋点代码，将目标埋点代码添加前端页面中以得到添加了埋点代码的埋点网页。通过上述方法，能够提高埋点代码生成及添加的效率，避免了人为添加埋点代码操作失误而在网页中产生漏洞，确保了埋点代码添加的效率及可靠性，在实际应用过程中取得了良好的技术效果。

上述网页埋点代码添加装置可以实现为计算机程序的形式，该计算机程序可以在如图12所示的计算机设备上运行。

请参阅图12，图12是本发明实施例提供的计算机设备的示意性框图。

参阅图12，该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504。

该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032被执行时，可使得处理器502执行网页埋点代码添加方法。

该处理器502用于提供计算和控制能力，支撑整个计算机设备500的运行。

该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行网页埋点代码添加方法。

该网络接口505用于进行网络通信，如提供数据信息的传输等。本领域技术人员可以理解，图12中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下功能：若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

在一实施例中，处理器502在执行若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件的步骤时，执行如下操作：获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素；根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

在一实施例中，处理器502在执行根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息的步骤时，执行如下操作：根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息；将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

在一实施例中，处理器502在执行根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码的步骤时，执行如下操作：根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码；根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。

在一实施例中，处理器502在执行根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页的步骤之后，还执行如下操作：执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。

本领域技术人员可以理解，图12中示出的计算机设备的实施例并不构成对计算机设备具体构成的限定，在其他实施例中，计算机设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。例如，在一些实施例中，计算机设备可以仅包括存储器及处理器，在这样的实施例中，存储器及处理器的结构及功能与图12所示实施例一致，在此不再赘述。

应当理解，在本发明实施例中，处理器502可以是中央处理单元(CentralProcessingUnit，CPU)，该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignalProcessor，DSP)、专用集成电路(ApplicationSpecificIntegratedCircuit，ASIC)、现成可编程门阵列(Field-ProgrammableGateArray，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

在本发明的另一实施例中提供计算机可读存储介质。该计算机可读存储介质可以为非易失性的计算机可读存储介质。该计算机可读存储介质存储有计算机程序，其中计算机程序被处理器执行时实现以下步骤：若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

在一实施例中，所述若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件的步骤，包括：获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素；根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

在一实施例中，所述根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息的步骤，包括：根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息；将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

在一实施例中，所述根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码的步骤，包括：根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码；根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。

在一实施例中，所述根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页的步骤之后，还包括：执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的设备、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本发明所提供的几个实施例中，应该理解到，所揭露的设备、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为逻辑功能划分，实际实现时可以有另外的划分方式，也可以将具有相同功能的单元集合成一个单元，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接，也可以是电的，机械的或其它的形式连接。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个计算机可读存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的计算机可读存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种网页埋点代码添加方法，其特征在于，包括：

若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；

根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；

根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；

根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

2.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述埋点控件获取规则中包括目标控件代码及埋点事件，所述根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件，包括：

获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素；

根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

3.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息，包括：

根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息；

将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

4.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码，包括：

根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码；

根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。

5.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页，包括：

执行所述埋点网页以通过所述目标埋点代码采集得到页面操作信息。

6.一种网页埋点代码添加装置，其特征在于，包括：

待埋点控件获取单元，用于若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；

目标埋点信息获取单元，用于根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；

埋点代码生成单元，用于根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；

埋点代码添加单元，用于根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。

7.根据权利要求6所述的网页埋点代码添加装置，其特征在于，所述待埋点控件获取单元，包括：

目标控件元素获取单元，用于获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素；

目标控件元素筛选单元，用于根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。

8.根据权利要求6所述的网页埋点代码添加装置，其特征在于，所述目标埋点信息获取单元，包括：

可视化埋点信息生成单元，用于根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息；

可视化埋点信息显示单元，用于将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。

9.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5中任一项所述的网页埋点代码添加方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序当被处理器执行时使所述处理器执行如权利要求1至5任一项所述的网页埋点代码添加方法。

Images