一种可视化埋点的设置方法、系统、设备及其存储介质技术方案

本发明专利技术涉及网络信息技术领域，具体涉及一种可视化埋点的设置方法、系统、设备及其存储介质，本发明专利技术的方法包括：在页面中对待植入埋点的目标视图进行触发；对被触发的目标视图在所述页面中的位置进行定位，并在定位后获取与所述目标视图的内容相关联的代码；根据所获取到的代码内容，对所述代码内容相对应的图像进行显示；在对图像进行显示后，将埋点控件的代码植入到所述目标视图的代码，得到埋点事件代码，并将所述埋点事件代码进行上报；本发明专利技术以触发的形式获取到待植入埋点的视图，然后对该视图进行展示，使得业务人员能直观地获取到视图的内容，使得埋点能准确地导入，有效地减少了后续调试的流程，工作较为简单，工作效率较高。

A method, system, equipment and storage medium of visual buried point

The invention relates to the field of network information technology, in particular to a setting method, system, device and storage medium of a visual buried point. The method of the invention includes: triggering the target view of the embedded point to be implanted in the page; positioning the position of the triggered target view in the page, and acquiring the content associated with the target view after positioning Code: according to the acquired code content, display the image corresponding to the code content; after displaying the image, implant the code of the embedded point control into the code of the target view, obtain the embedded point event code, and report the embedded point event code; the invention obtains the view of the embedded point to be implanted in the form of trigger, and then advances the view Line display enables the business personnel to obtain the contents of the view intuitively, enables the embedded points to be imported accurately, effectively reduces the subsequent debugging process, and has simple work and high efficiency.

【技术实现步骤摘要】
一种可视化埋点的设置方法、系统、设备及其存储介质
本专利技术涉及网络信息
，具体涉及一种可视化埋点的设置方法、设备、系统以及存储有一种可视化埋点的设置方法的电子存储介质。
技术介绍
随着网络技术的快速发展，人们在日常生活中常常会通过网站或APP进行网上购物、获取资讯消息、进行网上社交活动等活动；而在现有的网站或APP中，开发人员通常会在页面中设置埋点的方式来获取用户的操作行为，其中，该埋点是指在页面界面中植入若干的固定代码，用于统计用户在界面上的操作行为，然后根据用户的操作行为激活与该操作行为相耦合的对象模块。而在现有技术中，在页面中植入或修改埋点时，均需要开发人员获取页面中待植入埋点的视图代码，然后再对植入位置的视图代码进行重新编写或修改；但由于其所获取到的视图的代码，内容并不直观，故业务人员无法确定埋点所植入的视图是否正确，因此，网站或APP在后续还需要进行多次的调试才能进行上线，其工作复杂，效率较低。
技术实现思路
为克服上述缺陷，本专利技术的目的即在于提供一种可显示植入埋点的页面的埋点设置方法、系统、设备以及其存储介质。本专利技术的目的是通过以下技术方案来实现的：本专利技术是一种可视化埋点的设置方法，包括：在页面中对待植入埋点的目标视图进行触发；对被触发的目标视图在所述页面中的位置进行定位，并在定位后获取与所述目标视图的内容相关联的代码；根据所获取到的代码内容，对所述代码内容相对应的图像进行显示；在对图像进行显示后，将埋点控件的代码植入到所述目标视图的代码，得到埋点事件代码，并将所述埋点事件代码进行上报。在本专利技术中，对所述代码内容相对应的图像进行显示之后包括：判断所显示的图像是否有误，如无误，则进行将埋点控件的代码植入到所述目标视图的代码。在本专利技术中，所述在页面中对待植入埋点的目标视图进行触发之前包括：中断所有控制事件的输入。在本专利技术中，所述对被触发的目标视图在所述页面中的位置进行定位包括：获取被触发目标视图所在页面的响应链，并获取被触发目标视图的在所述页面中的层级。在本专利技术中，所述获取与所述目标视图的内容相关联的代码包括：判断所述目标视图中是否存在有与文本和/或图片相关的代码，若存在，则对所述文本和/或图片相关的代码进行提取，作为与所述目标视图的内容相关联的代码。在本专利技术中，所述判断所述目标视图中是否存在有与文本和/或图片相关的代码还包括：若不存在，则判断与所述目标视图位置相邻的相邻视图中是否存在文本和/或图片相关的代码，若相邻视图中存在相关的代码，则将所获取到的与文本和/或图片相关的代码作为与所述目标视图的内容相关联的代码。在本专利技术中，所述判断与所述目标视图位置相邻的相邻视图中是否存在文本和/或图片相关的代码还包括：若相邻视图中不存在相关的代码，则将目标视图进行截图，并将所述截图进行编码后，得到与所述目标视图的内容相关联的代码。本专利技术是一种可视化埋点的设置系统，其包括：视图触发模块，所述视图触发模块用于在页面中对待植入埋点的目标视图进行触发；视图定位模块，所述视图定位模块与所述视图触发模块相连接，用于对被触发的目标视图在所述页面中的位置进行定位；代码获取模块，所述代码获取模块与所述视图定位模块相连接，用于在定位后获取与所述目标视图的内容相关联的代码；视图显示模块，所述视图显示模块与所述代码获取模块相连接，用于根据所获取到的代码内容，对所述代码内容相对应的图像进行显示；埋点植入模块，所述埋点植入模块与所述代码获取模块相连接，用于在对图像进行显示后，将埋点控件的代码植入到所述目标视图的代码，得到埋点事件代码；埋点上报模块，所述埋点上报模块分别与所述埋点植入模块和服务器相连接，用于并将所述埋点事件代码上报至服务器中。本专利技术是一种电子设备，所述电子设备包括：处理器；存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，实现如上所述的可视化埋点的设置方法。本专利技术是一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上所述的可视化埋点的设置方法。本专利技术以触发的形式获取到待植入埋点的视图，然后对该视图进行展示，使得业务人员能直观地获取到视图的内容，使得埋点能准确地导入，有效地减少了后续调试的流程，工作较为简单，工作效率较高。附图说明为了易于说明，本专利技术由下述的较佳实施例及附图作详细描述。图1为本专利技术可视化埋点的设置方法一个实施例的工作流程示意图；图2为本专利技术可视化埋点的设置方法另一个实施例的工作流程示意图；图3为本专利技术埋点动态设置的系统一个实施例的逻辑结构示意图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。在本专利技术的描述中，需要理解的是，术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”、“顺时针”、“逆时针”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本专利技术和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本专利技术的限制。此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本专利技术的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。在本专利技术的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接。可以是机械连接，也可以是电连接。可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通或两个元件的相互作用关系。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本专利技术中的具体含义。下面以一个APP的实施例为例，对本专利技术的一种可视化埋点的设置方法进行具体描述，请参阅图1，其包括：S101.对目标视图进行触发通过点击APP的页面中的目标视图，对页面中对待植入埋点的目标视图进行触发；S102.定位目标视图并获取其代码对被触发的目标视图在所述页面中的位置进行定位，而在APP中，基本上每次用户操作都是通过点击或者其他手势操作触发APP上的某块区域产生的。所以，每次用户操作在APP上都会有一个对应的承载区，我们称之为响应区、响应视图。所以，定位用户操作，等价于定位用户操作对应的响应视图，而每个响应视图又会属于某个页面。其中，响应视图属于哪个页面可本文档来自技高网...

【技术保护点】
1.一种可视化埋点的设置方法，其特征在于，包括：/n在页面中对待植入埋点的目标视图进行触发；/n对被触发的目标视图在所述页面中的位置进行定位，并在定位后获取与所述目标视图的内容相关联的代码；/n根据所获取到的代码内容，对所述代码内容相对应的图像进行显示；/n在对图像进行显示后，将埋点控件的代码植入到所述目标视图的代码，得到埋点事件代码，并将所述埋点事件代码进行上报。/n

【技术特征摘要】
1.一种可视化埋点的设置方法，其特征在于，包括：
在页面中对待植入埋点的目标视图进行触发；
对被触发的目标视图在所述页面中的位置进行定位，并在定位后获取与所述目标视图的内容相关联的代码；
根据所获取到的代码内容，对所述代码内容相对应的图像进行显示；
在对图像进行显示后，将埋点控件的代码植入到所述目标视图的代码，得到埋点事件代码，并将所述埋点事件代码进行上报。


2.根据权利要求1所述的可视化埋点的设置方法，其特征在于，对所述代码内容相对应的图像进行显示之后包括：
判断所显示的图像是否有误，如无误，则进行将埋点控件的代码植入到所述目标视图的代码。


3.根据权利要求2所述的可视化埋点的设置方法，其特征在于，所述在页面中对待植入埋点的目标视图进行触发之前包括：
中断所有控制事件的输入。


4.根据权利要求3所述的可视化埋点的设置方法，其特征在于，所述对被触发的目标视图在所述页面中的位置进行定位包括：
获取被触发目标视图所在页面的响应链，并获取被触发目标视图的在所述页面中的层级。


5.根据权利要求4所述的可视化埋点的设置方法，其特征在于，所述获取与所述目标视图的内容相关联的代码包括：
判断所述目标视图中是否存在有与文本和/或图片相关的代码，若存在，则对所述文本和/或图片相关的代码进行提取，作为与所述目标视图的内容相关联的代码。


6.根据权利要求5所述的可视化埋点的设置方法，其特征在于，所述判断所述目标视图中是否存在有与文本和/或图片相关的代码还包括：
若不存在，则判断与所述目标视图位置相邻的相邻视图中是否存在文本和/或图片相关的代码，若相邻视图中存在相关的代码，则...

【专利技术属性】
技术研发人员：陈方毅，林雅茹，
申请(专利权)人：厦门美柚信息科技有限公司，
类型：发明
国别省市：福建;35