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

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

Adding method, device, computer equipment and storage medium of embedded code of web page

【技术实现步骤摘要】
网页埋点代码添加方法、装置、计算机设备及存储介质
本专利技术涉及计算机
，尤其涉及一种网页埋点代码添加方法、装置、计算机设备及存储介质。
技术介绍
企业为方便从网页中采集客户的数据信息，需在网页中插入与控件元素相关联的埋点代码，传统埋点代码添加方法均是通过程序员手动方式输入，并将埋点代码与网页中业务代码进行整合以实现埋点代码的添加。然而由于网页中所包含控件元素数量较多，程序员进行人为操作需耗费大量时间，且会因人为操作失误在网页中产生漏洞，导致所采集到的数据信息中出现差错。因而，传统的埋点代码添加方法存在添加效率及可靠性不高的问题。
技术实现思路
本专利技术实施例提供了一种网页埋点代码添加方法、装置、计算机设备及存储介质，旨在解决现有技术方法中在网页中添加埋点代码时效率不高的问题。第一方面，本专利技术实施例提供了一种网页埋点代码添加方法，其包括：若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。第二方面，本专利技术实施例提供了一种网页埋点代码添加装置，其包括：待埋点控件获取单元，用于若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；目标埋点信息获取单元，用于根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；埋点代码生成单元，用于根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；埋点代码添加单元，用于根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。第三方面，本专利技术实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的网页埋点代码添加方法。第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其中所述计算机可读存储介质存储有计算机程序，所述计算机程序当被处理器执行时使所述处理器执行上述第一方面所述的网页埋点代码添加方法。本专利技术实施例提供了一种网页埋点代码添加方法、装置、计算机设备及存储介质。通过从前端网页的业务代码中获取得到待埋点控件，并生成与待埋点控件对应的可视化埋点信息以供用户进行选择，接收用户所反馈的目标埋点信息并生成对应的目标埋点代码，将目标埋点代码添加前端页面中以得到添加了埋点代码的埋点网页。通过上述方法，能够提高埋点代码生成及添加的效率，避免了人为添加埋点代码操作失误而在网页中产生漏洞，确保了埋点代码添加的效率及可靠性，在实际应用过程中取得了良好的技术效果。附图说明为了更清楚地说明本专利技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的网页埋点代码添加方法的流程示意图；图2为本专利技术实施例提供的网页埋点代码添加方法的效果示意图；图3为本专利技术实施例提供的网页埋点代码添加方法的子流程示意图；图4为本专利技术实施例提供的网页埋点代码添加方法的另一子流程示意图；图5为本专利技术实施例提供的网页埋点代码添加方法的另一子流程示意图；图6为本专利技术实施例提供的网页埋点代码添加方法的另一流程示意图；图7为本专利技术实施例提供的网页埋点代码添加装置的示意性框图；图8为本专利技术实施例提供的网页埋点代码添加装置的子单元示意性框图；图9为本专利技术实施例提供的网页埋点代码添加装置的另一子单元示意性框图；图10为本专利技术实施例提供的网页埋点代码添加装置的另一子单元示意性框图；图11为本专利技术实施例提供的网页埋点代码添加装置的另一示意性框图；图12为本专利技术实施例提供的计算机设备的示意性框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。还应当理解，在此本专利技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本专利技术。如在本专利技术说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解，在本专利技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。请参阅图1，图1是本专利技术实施例提供的网页埋点代码添加方法的流程示意图。该网页埋点代码添加方法应用于用户终端中，该方法通过安装于用户终端中的应用软件进行执行，用户终端即是用于生成埋点代码并添加至网页中的终端设备，例如台式电脑、笔记本电脑、平板电脑或手机等。如图1所示，该方法包括步骤S110～S140。S110、若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件。用户即是用户终端的使用者，也即是企业中对前端网页进行管理的管理员，前端页面的业务代码存储于用户终端中，用户输入前端网页的指向信息即可在该前端网页中添加埋点代码，指向信息可以是前端网页的网络地址或前端网页的存储地址，前端网页即是企业用于向客户进行展示的页面，前端网页可以是用于在浏览器前端向用户进行可视化显示的网页页面或应用程序页面，前端网页中包含业务代码，业务代码即是用于实现前端网页功能的底层代码。前端网页中包含多个控件元素，控件元素可根据其功能分为多种不同类型，每一控件元素均与业务代码中的一个控件代码相对应，每一控件元素还与前端网页中一个具体的操作事件对应。例如，前端网页中包含控件元素与控件代码之间的对应关系如表1所示。控件元素控件代码按钮Button输入框TextField复选框CheckBox单选框RadioButt本文档来自技高网...

【技术保护点】
1.一种网页埋点代码添加方法，其特征在于，包括：/n若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；/n根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；/n根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；/n根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。/n

【技术特征摘要】
1.一种网页埋点代码添加方法，其特征在于，包括：
若接收到用户所输入的前端网页的指向信息，根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件；
根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息；
根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码；
根据预置添加规则将所述目标埋点代码添加至所述前端网页中以得到埋点网页。


2.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述埋点控件获取规则中包括目标控件代码及埋点事件，所述根据预置埋点控件获取规则从所述前端网页的业务代码中获取得到待埋点控件，包括：
获取所述业务代码中与所述目标控件代码相匹配的控件元素作为目标控件元素；
根据所述埋点事件对所述目标控件元素进行筛选以得到待埋点控件。


3.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述根据所述待埋点控件生成可视化埋点信息进行显示以获取所述用户反馈的目标埋点信息，包括：
根据每一所述待埋点控件的类型生成与相应类型对应的埋点控件图像以得到可视化埋点信息；
将所述可视化埋点信息向所述用户进行显示并获取所述用户反馈的目标埋点信息。


4.根据权利要求1所述的网页埋点代码添加方法，其特征在于，所述根据预置埋点代码生成模型生成与所述目标埋点信息相对应的目标埋点代码，包括：
根据所述标识码生成规则生成与所述目标埋点信息中每一目标埋点相对应的标识码；
根据每一所述目标埋点的标识码对所述代码模板中与所述目标埋点相匹配的埋点代码段进行引用以生成目标埋点代码。


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

【专利技术属性】
技术研发人员：姚绍华，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：广东;44