





技术领域technical field
本申请涉及计算机技术领域,尤其涉及互联网技术。This application relates to the field of computer technology, especially Internet technology.
背景技术Background technique
事件是用于表达用户行为的一类记录。如:用户登录、浏览页面、加入购物车、播放视频等。网站主通过在站点埋入监听代码等手段捕获各种用户行为。结合监听到的行为相关的各类属性(如:时间、地点、人物、价格、金额等)形成事件记录,用于对用户行为的分析,辅助决策。Events are a type of record used to express user behavior. Such as: user login, page browsing, adding to shopping cart, playing video, etc. The website owner captures various user behaviors by embedding monitoring codes on the site and other means. Combining various attributes related to the monitored behavior (such as: time, place, person, price, amount, etc.) to form an event record, which is used to analyze user behavior and assist decision-making.
传统的事件监听方式,需要网站主具备开发能力,对每一个想要监听的事件元素进行代码埋点,这种方式技术门槛高,且操作繁琐,效率低。全埋点技术通过记录页面中每个事件元素在当前页面中的相对位置,实现了对每个事件元素逐一埋点的工作,通过这项技术相当于直接实现了处处埋点。The traditional event monitoring method requires the website owner to have the development ability to embed code for each event element that wants to be monitored. This method has a high technical threshold, and the operation is cumbersome and inefficient. The full burying technology realizes the work of burying each event element one by one by recording the relative position of each event element in the page in the current page. This technology is equivalent to directly realizing burying everywhere.
但是,全埋点技术将页面中每个元素的事件数据都采集回来,通常一个页面可能多达上百个事件,一个普通站点可能多达上万个事件,庞大的数据量占用资源,且数据间的关联关系弱,不利于数据分析,数据的可用性差。However, the full-buried point technology collects the event data of each element in the page. Usually, a page may have as many as hundreds of events, and an ordinary site may have as many as tens of thousands of events. The huge amount of data takes up resources, and the data The correlation between them is weak, which is not conducive to data analysis, and the availability of data is poor.
发明内容Contents of the invention
本申请提供一种数据监听方法、装置、设备及计算机可读存储介质,用以解决现有的数据监听方法技术门槛高,且操作繁琐,效率低,数据间的关联关系弱,数据的可用性差的问题。The present application provides a data monitoring method, device, equipment and computer-readable storage medium, which are used to solve the problem that the existing data monitoring method has high technical threshold, cumbersome operation, low efficiency, weak correlation between data, and poor availability of data. The problem.
本申请的一个实施例提供一种数据监听方法,包括:An embodiment of the present application provides a data monitoring method, including:
响应于对目标页面上事件元素的事件创建操作,创建自定义事件;响应于对所述自定义事件的属性关联操作,绑定所述自定义事件的关联属性;对所述自定义事件进行监听,获取所述自定义事件的关联属性数据。In response to the event creation operation on the event element on the target page, create a custom event; in response to the attribute association operation on the custom event, bind the associated attribute of the custom event; monitor the custom event , to obtain the associated attribute data of the custom event.
可选的,所述响应于用户对目标页面上事件元素的事件创建操作,创建自定义事件,包括:响应于对目标页面上事件元素的事件创建操作,接收用户输入的所述事件元素的事件名称和所属页面信息;从所述目标页面上提取所述事件元素的路径信息;根据所述事件元素的事件名称、所属页面信息和路径信息,创建所述事件元素对应的自定义事件;以实现由用户通过可视化界面创建想要监听的自定义事件。Optionally, the creating a custom event in response to the event creation operation of the event element on the target page by the user includes: receiving the event of the event element input by the user in response to the event creation operation of the event element on the target page name and page information; extract the path information of the event element from the target page; create a custom event corresponding to the event element according to the event name, page information, and path information of the event element; to achieve It is up to the user to create the custom events that they want to listen to through the visual interface.
可选的,所述响应于对所述自定义事件的属性关联操作,生成所述自定义事件的关联属性,包括:响应于对所述目标页面上的属性元素的选择操作,获取所述属性元素的属性名称和数据类型;从所述目标页面上提取所述属性元素的路径信息;根据所述属性元素的属性名称、数据类型和路径信息,生成所述属性元素对应的关联属性信息;将所述关联属性信息与所述自定义事件关联;以实现由用户通过可视化界面自行为自定义事件绑定想要监听的关联属性,提高了数据监听的灵活性,增加数据之间的关联性。Optionally, the generating the associated attribute of the custom event in response to an attribute association operation on the custom event includes: obtaining the attribute in response to a selection operation on an attribute element on the target page attribute name and data type of the element; extract the path information of the attribute element from the target page; generate associated attribute information corresponding to the attribute element according to the attribute name, data type and path information of the attribute element; The association attribute information is associated with the custom event; so that the user can bind the association attribute to be monitored for the user-defined event through the visual interface, which improves the flexibility of data monitoring and increases the correlation between data.
可选的,所述响应于对目标页面上事件元素的事件创建操作,创建自定义事件之前,还包括:接收用户输入所述目标页面的页面地址;根据所述页面地址,获取所述目标页面的页面数据,并显示所述目标页面;以使得用户进入想要监听的事件元素所在的目标页面,为后续通过可视化界面创建自定义事件提供入口。Optionally, before creating the custom event in response to the event creation operation on the event element on the target page, it also includes: receiving the page address of the target page input by the user; obtaining the target page according to the page address page data, and display the target page; so that the user enters the target page where the event element that wants to monitor is located, and provides an entry for subsequent creation of custom events through the visual interface.
可选的,所述对所述自定义事件进行监听,获取所述自定义事件的关联属性数据,包括:监听到所述自定义事件被触发时,获取所述自定义事件的关联属性信息;根据所述自定义事件的关联属性信息,获取与所述自定义事件关联的属性数据;以实现只监听为自定义事件绑定的关联属性的属性数据,而不再收集其他用户不关注的属性数据,提高了数据监听的灵活性,减少不必要的监听数据占用资源,增加数据之间的关联性。Optionally, the monitoring the custom event and obtaining the associated attribute data of the custom event includes: obtaining the associated attribute information of the custom event when the custom event is detected to be triggered; Obtain the attribute data associated with the custom event according to the associated attribute information of the custom event; so as to only monitor the attribute data of the associated attribute bound to the custom event, and no longer collect attributes that other users do not pay attention to Data, which improves the flexibility of data monitoring, reduces the resource occupation of unnecessary monitoring data, and increases the correlation between data.
可选的,所述对所述自定义事件进行监听,获取所述自定义事件的关联属性数据,包括:基于全埋点技术对所述自定义事件进行监听,获取所述自定义事件的关联属性数据,通过全埋点技术可以减少代码埋点的复杂度,提高监听效率。Optionally, the monitoring the custom event and obtaining the associated attribute data of the custom event includes: monitoring the custom event based on the full-buried point technology, and obtaining the associated attribute data of the custom event For attribute data, the complexity of code burying can be reduced through full burying technology, and the monitoring efficiency can be improved.
可选的,所述事件元素的所属页面信息包括:所述事件元素对应的自定义事件生效的至少一个页面的路径信息,可以提高自定义事件的灵活性,避免不必要的重复操作。Optionally, the page information of the event element includes: path information of at least one page where the custom event corresponding to the event element takes effect, which can improve the flexibility of the custom event and avoid unnecessary repeated operations.
本申请的另一个实施例提供一种数据监听装置,包括:Another embodiment of the present application provides a data monitoring device, including:
自定义事件创建模块,用于响应于对目标页面上事件元素的事件创建操作,创建自定义事件;A custom event creation module, configured to create a custom event in response to an event creation operation on an event element on the target page;
关联属性绑定模块,用于响应于对所述自定义事件的属性关联操作,绑定所述自定义事件的关联属性;An associated attribute binding module, configured to bind an associated attribute of the custom event in response to an attribute association operation on the custom event;
监听模块,用于对所述自定义事件进行监听,获取所述自定义事件的关联属性数据。A monitoring module, configured to monitor the custom event and obtain associated attribute data of the custom event.
本申请的另一个实施例提供一种电子设备,包括:Another embodiment of the present application provides an electronic device, including:
至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述所述的数据监听方法。at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to Enabling the at least one processor to execute the above-mentioned data monitoring method.
本申请的另一个实施例提供一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行上述所述的数据监听方法。Another embodiment of the present application provides a non-transitory computer-readable storage medium storing computer instructions, the computer instructions are used to make the computer execute the above-mentioned data monitoring method.
本申请的另一个实施例提供一种数据监听方法,包括:Another embodiment of the present application provides a data monitoring method, including:
获取自定义事件以及所述自定义事件的关联属性;Obtain a custom event and associated attributes of the custom event;
对所述自定义事件进行监听,获取所述自定义事件的关联属性数据。The custom event is monitored, and the associated attribute data of the custom event is acquired.
上述申请中的一个实施例具有如下优点或有益效果:An embodiment in the above application has the following advantages or beneficial effects:
通过响应于对目标页面上事件元素的事件创建操作,创建自定义事件;响应于对所述自定义事件的属性关联操作,绑定所述自定义事件的关联属性;对所述自定义事件进行监听,获取所述自定义事件的关联属性数据,能够实现根据用户在可视化操作界面上的操作,创建用户想要监听的自定义事件,并为自定义事件绑定关联属性,通过监听自定义事件可以有针对性地获取想要的监听数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。Create a custom event by responding to the event creation operation on the event element on the target page; in response to the attribute association operation on the custom event, bind the associated attribute of the custom event; Listening, obtaining the associated attribute data of the custom event, can create the custom event that the user wants to monitor according to the user's operation on the visual operation interface, and bind the associated attribute for the custom event, by listening to the custom event The desired monitoring data can be obtained in a targeted manner, which improves the flexibility of data monitoring, reduces unnecessary monitoring data occupation of resources, increases the correlation between data, and improves the availability of monitoring data.
上述可选方式所具有的其他效果将在下文中结合具体实施例加以说明。Other effects of the above optional manner will be described below in conjunction with specific embodiments.
附图说明Description of drawings
附图用于更好地理解本方案,不构成对本申请的限定。其中:The accompanying drawings are used to better understand the solution, and do not constitute a limitation to the application. in:
图1是根据本申请第一实施例的数据监听方法的流程图;Fig. 1 is the flow chart of the data monitoring method according to the first embodiment of the present application;
图2是根据本申请第二实施例的数据监听方法的流程图;Fig. 2 is a flow chart of the data monitoring method according to the second embodiment of the present application;
图3是根据本申请第二实施例的一种创建自定义事件的可视化操作界面的示意图;Fig. 3 is a schematic diagram of a visual operation interface for creating custom events according to the second embodiment of the present application;
图4是根据本申请第二实施例的一种绑定关联属性的界面示意图;FIG. 4 is a schematic diagram of an interface for binding associated attributes according to the second embodiment of the present application;
图5是是根据本申请第三实施例的数据监听装置的结构示意图;FIG. 5 is a schematic structural diagram of a data monitoring device according to a third embodiment of the present application;
图6是用来实现本申请实施例的数据监听方法的电子设备的框图。Fig. 6 is a block diagram of an electronic device used to implement the data monitoring method of the embodiment of the present application.
具体实施方式Detailed ways
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。Exemplary embodiments of the present application are described below in conjunction with the accompanying drawings, which include various details of the embodiments of the present application to facilitate understanding, and they should be regarded as exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
本申请所涉及的术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。在以下各实施例的描述中,“多个”的含义是两个以上,除非另有明确具体的限定。The terms "first", "second" and the like involved in this application are only used for descriptive purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the quantity of indicated technical features. In the descriptions of the following embodiments, "plurality" means two or more, unless otherwise specifically defined.
本申请具体的应用场景为:在对某一网站页面中的事件元素进行监听时,一种方式是通过技术人员手动为想要监听的每一个事件元素进行代码埋点,但是这种事件监听方式,技术门槛高,操作繁琐,效率很低;另一种方式是通过全埋点技术对每个事件元素进行逐一埋点,无法有针对性地监听关键事件,监听到的数据间的关联关系弱,可用性差。本申请提供一种数据监听方法,能够根据用户的交互操作,自定义事件,并且还可以灵活地为自定义的事件关联一些用户关注的属性。在进行事件监听时,通过监听所有自定义事件,可以监听到自定义事件的关联属性数据,从而可以有针对性地监听用户想要监听的事件及数据,提高了事件监听效率,提高了监听数据的可用性。The specific application scenario of this application is: when monitoring event elements in a certain website page, one way is to manually embed the code for each event element to be monitored by technicians, but this event monitoring method , the technical threshold is high, the operation is cumbersome, and the efficiency is very low; another way is to bury each event element one by one through the full burying technology, which cannot monitor key events in a targeted manner, and the relationship between the monitored data is weak , poor usability. The present application provides a data monitoring method, which can customize events according to user's interactive operation, and can also flexibly associate some user-focused attributes with the customized events. When performing event monitoring, by monitoring all custom events, you can monitor the associated attribute data of custom events, so that you can monitor the events and data that users want to monitor in a targeted manner, improve the efficiency of event monitoring, and improve the monitoring data availability.
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。The technical solution of the present application and how the technical solution of the present application solves the above technical problems will be described in detail below with specific embodiments. The following specific embodiments may be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below in conjunction with the accompanying drawings.
本申请第一实施例提供了一种数据监听方法。本实施例中的方法应用于进行数据监听的电子设备。图1是根据本申请第一实施例的数据监听方法的流程图,如图1所示,该方法具体步骤如下:The first embodiment of the present application provides a data monitoring method. The method in this embodiment is applied to an electronic device for data monitoring. Fig. 1 is a flow chart of the data monitoring method according to the first embodiment of the present application, as shown in Fig. 1, the specific steps of the method are as follows:
步骤S101、响应于对目标页面上事件元素的事件创建操作,创建自定义事件。Step S101 , creating a custom event in response to an event creation operation on an event element on a target page.
其中,目标页面是指用户想要监听的事件元素所在的页面。Wherein, the target page refers to the page where the event element that the user wants to monitor is located.
本实施例为用户提供自定义事件的可视化操作界面。用户在进入需要监听的事件元素所在的目标页面之后,通过可视化的方式自定义事件。This embodiment provides a user-defined event visual operation interface. After the user enters the target page where the event element to be monitored is located, the user can customize the event in a visual way.
若目标页面上有多个用户想要监听的事件元素,用户可以通过逐一地对目标页面上想要监听的事件元素进行事件创建操作,用于数据监听的电子设备在检测到对目标页面上事件元素的事件创建操作时,获取事件元素的事件名称、所属页面信息和路径信息等信息,并创建事件元素对应的自定义事件。If there are multiple event elements on the target page that the user wants to monitor, the user can create events for the event elements that the user wants to monitor on the target page one by one. When creating an event for an element, obtain information such as the event name, page information, and path information of the event element, and create a custom event corresponding to the event element.
其中,对事件元素的事件创建操作可以是对事件元素的点击操作、用矩形框等圈选事件元素的操作、或者其他能够选中事件元素并触发事件创建的操作,对事件元素的事件创建操作可以由技术人员根据实际需要和经验进行设定,本实施例此处不做具体限定。Wherein, the event creation operation on the event element can be a click operation on the event element, an operation to circle the event element with a rectangle, or other operations that can select the event element and trigger event creation. The event creation operation on the event element can be It is set by a technician according to actual needs and experience, and this embodiment does not specifically limit it here.
具体的,创建自定义事件时,根据事件元素的事件名称、所属页面信息和路径信息等信息,生成自定义事件信息,将自定义事件信息存储到指定数据库中,完成自定义事件的创建。Specifically, when creating a custom event, generate custom event information according to information such as the event name of the event element, the page information to which it belongs, and the path information, and store the custom event information in a designated database to complete the creation of the custom event.
其中,用于存储自定义事件信息的数据库可以由技术人员根据实际需要进行指定,本实施例此处不做具体限定。Wherein, the database for storing custom event information may be designated by technicians according to actual needs, which is not specifically limited in this embodiment.
步骤S102、响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性。Step S102, in response to the attribute association operation on the custom event, bind the associated attribute of the custom event.
本实施例中,为用户提供为自定义事件添加想要监听的关联属性的可视化操作界面。在创建自定义事件之后,用户还可以根据自身需求,通过可视化操作界面为自定义事件绑定关联属性。In this embodiment, a visual operation interface is provided for the user to add associated attributes to be monitored for the custom event. After creating a custom event, users can also bind associated attributes to the custom event through the visual operation interface according to their own needs.
其中,自定义事件的关联属性是指监听自定义事件时,需要监听的自定义事件的属性信息。通常自定义事件的关联属性在自定义事件的事件元素所在的目标页面上有对应的属性元素。通过为自定义事件绑定关联属性,能够指定监听自定义事件时需要采集哪个属性元素的数据。Wherein, the associated attribute of the custom event refers to attribute information of the custom event that needs to be monitored when the custom event is monitored. Usually, the associated attribute of the custom event has a corresponding attribute element on the target page where the event element of the custom event is located. By binding associated attributes for custom events, you can specify which attribute element data needs to be collected when listening to custom events.
在创建自定义事件之后,用户可以在当前的目标页面中选择一个或者多个想要绑定为自定义事件的关联属性的属性元素,并进行属性关联操作,来将选中的一个或多个属性元素绑定为自定义事件的关联属性。After creating a custom event, the user can select one or more attribute elements that he wants to bind as the associated attribute of the custom event in the current target page, and perform an attribute association operation to convert the selected The element is bound as an associated property of the custom event.
示例性的,若用户想要为自定义事件绑定多个关联属性,用户可以通过逐一地对目标页面上想要绑定的属性元素进行属性关联操作,用于数据监听的电子设备在检测到对目标页面上属性元素的属性关联操作时,获取属性元素的属性名称、数据类型和路径信息等信息,并将属性元素与自定义事件关联。Exemplarily, if the user wants to bind multiple associated attributes for the custom event, the user can perform attribute association operations on the attribute elements to be bound on the target page one by one, and the electronic device used for data monitoring detects When performing an attribute association operation on the attribute element on the target page, obtain information such as the attribute name, data type, and path information of the attribute element, and associate the attribute element with a custom event.
其中,对属性元素的属性关联操作可以是对属性元素的点击操作、用矩形框等圈选事件元素的操作、或者其他能够选中属性元素并触发绑定关联属性的操作,对属性元素的属性关联操作可以由技术人员根据实际需要和经验进行设定,本实施例此处不做具体限定。Among them, the attribute association operation on the attribute element can be a click operation on the attribute element, an operation to circle the event element with a rectangular box, or other operations that can select the attribute element and trigger the binding of the associated attribute. The attribute association of the attribute element The operation can be set by a technician according to actual needs and experience, and this embodiment does not specifically limit it here.
具体的,在绑定自定义事件的关联属性时,根据属性元素的属性名称、数据类型和路径信息等信息,生成属性元素的关联属性信息,将属性元素的关联属性信息与所关联的自定义事件对应存储到数据库中,完成自定义事件的关联属性的绑定。Specifically, when binding the associated attribute of a custom event, the associated attribute information of the attribute element is generated according to the attribute name, data type, and path information of the attribute element, and the associated attribute information of the attribute element is combined with the associated custom event. The event is stored in the database correspondingly, and the binding of the associated properties of the custom event is completed.
步骤S103、对自定义事件进行监听,获取自定义事件的关联属性数据。Step S103 , monitor the custom event, and obtain associated attribute data of the custom event.
在完成自定义事件的创建、并且为自定义事件绑定关联属性之后,可以对自定义事件进行监听来获取自定义事件绑定的关联属性的数据。After creating the custom event and binding the associated property to the custom event, you can listen to the custom event to obtain the data of the associated property bound to the custom event.
本实施例通过响应于对目标页面上事件元素的事件创建操作,创建自定义事件;响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性;对自定义事件进行监听,获取自定义事件的关联属性数据,能够实现根据用户在可视化操作界面上的操作,创建用户想要监听的自定义事件,并为自定义事件绑定关联属性,通过监听自定义事件可以有针对性地获取想要的监听数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。In this embodiment, a custom event is created in response to the event creation operation of the event element on the target page; in response to the attribute association operation of the custom event, the associated attribute of the custom event is bound; the custom event is monitored to obtain The associated attribute data of custom events can create custom events that users want to monitor according to the user's operations on the visual operation interface, and bind associated attributes for custom events. By listening to custom events, targeted Obtaining the desired monitoring data improves the flexibility of data monitoring, reduces the resource occupation of unnecessary monitoring data, increases the correlation between data, and improves the availability of monitoring data.
图2是根据本申请第二实施例的数据监听方法的流程图。在本申请第一实施例的基础上,本申请的第二实施例中,响应于对目标页面上事件元素的事件创建操作,创建自定义事件之前,还包括:接收用户输入目标页面的页面地址;根据页面地址,获取目标页面的页面数据,并显示目标页面。对自定义事件进行监听,获取自定义事件的关联属性数据,包括:基于全埋点技术对自定义事件进行监听,获取自定义事件的关联属性数据。如图2所示,该方法具体步骤如下:Fig. 2 is a flowchart of a data monitoring method according to a second embodiment of the present application. On the basis of the first embodiment of the present application, in the second embodiment of the present application, in response to the event creation operation on the event element on the target page, before creating the custom event, it also includes: receiving the page address of the target page input by the user ;According to the page address, obtain the page data of the target page and display the target page. Monitor custom events and obtain associated attribute data of custom events, including: monitor custom events based on full-buried point technology to obtain associated attribute data of custom events. As shown in Figure 2, the specific steps of the method are as follows:
步骤S201、接收用户输入目标页面的页面地址。Step S201, receiving a page address of a target page input by a user.
其中,目标页面是指用户想要监听的事件元素所在的页面。Wherein, the target page refers to the page where the event element that the user wants to monitor is located.
本实施例中,用户在自定义事件之前,需要先进入想要监听的事件元素所在的目标页面。In this embodiment, before customizing an event, the user needs to first enter the target page where the event element to be monitored is located.
具体的,用于数据监听的电子设备可以提供用于输入目标页面地址的地址输入框;用户可以在地址输入框中输入想要进入的目标页面的页面地址,并提交到电子设备。电子设备可以接收到用户通过地址输入框输入并提交的页面地址。Specifically, the electronic device used for data monitoring can provide an address input box for inputting the address of the target page; the user can input the page address of the target page that the user wants to enter in the address input box, and submit it to the electronic device. The electronic device may receive the page address entered and submitted by the user through the address input box.
步骤S202、根据页面地址,获取目标页面的页面数据,并显示目标页面。Step S202, according to the page address, acquire the page data of the target page, and display the target page.
在获取到目标页面的页面地址之后,可以根据页面地址获取到目标页面的页面数据,并显示目标页面,以向用户提供在该目标页面创建自定义事件的可视化操作界面。After the page address of the target page is obtained, the page data of the target page can be obtained according to the page address, and the target page is displayed, so as to provide the user with a visual operation interface for creating a custom event on the target page.
步骤S203、响应于对目标页面上事件元素的事件创建操作,创建自定义事件。Step S203, creating a custom event in response to the event creation operation on the event element on the target page.
用户在进入需要监听的事件元素所在的目标页面之后,即进入对目标页面的创建自定义事件的可视化操作界面(如图3所示),通过可视化的方式自定义事件。After the user enters the target page where the event element to be monitored is located, the user enters the visual operation interface for creating a custom event on the target page (as shown in FIG. 3 ), and customizes the event in a visual way.
若目标页面上有多个用户想要监听的事件元素,用户可以通过逐一地对目标页面上想要监听的事件元素进行事件创建操作,用于数据监听的电子设备在检测到对目标页面上事件元素的事件创建操作时,获取事件元素的事件名称、所属页面信息和路径信息等信息,并创建事件元素对应的自定义事件。If there are multiple event elements on the target page that the user wants to monitor, the user can create events for the event elements that the user wants to monitor on the target page one by one. When creating an event for an element, obtain information such as the event name, page information, and path information of the event element, and create a custom event corresponding to the event element.
其中,事件元素的所属页面信息包括:事件元素对应的自定义事件生效的至少一个页面的路径信息。若一个事件元素对应的自定义事件可以在多个页面中生效,该自定义事件的所属页面信息应同时包括生效的这多个页面的路径信息。Wherein, the page information of the event element includes: path information of at least one page where the custom event corresponding to the event element takes effect. If a custom event corresponding to an event element can take effect in multiple pages, the page information of the custom event should include the path information of the multiple pages that are valid.
可选的,所属页面信息可以包括通配符。若一个事件元素对应的自定义事件可以在多个页面中生效,该自定义事件的所属页面信息可以将页面信息中变量部分采用通配符的方式表示。Optionally, the belonging page information may include wildcards. If a custom event corresponding to an event element can take effect in multiple pages, the page information of the custom event can be represented by a wildcard in the variable part of the page information.
本实施例中,响应于对目标页面上事件元素的事件创建操作,创建自定义事件,具体可以采用如下方式实现:In this embodiment, in response to the event creation operation on the event element on the target page, a custom event is created, which can be specifically implemented in the following manner:
响应于对目标页面上事件元素的事件创建操作,接收用户输入的事件元素的事件名称和所属页面信息;从目标页面上提取事件元素的路径信息;根据事件元素的事件名称、所属页面信息和路径信息,创建事件元素对应的自定义事件。In response to the event creation operation on the event element on the target page, receive the event name and page information of the event element input by the user; extract the path information of the event element from the target page; according to the event name, page information and path of the event element information, create a custom event corresponding to the event element.
具体的,响应于对目标页面上事件元素的事件创建操作,可以提供自定义事件的可视化编辑界面,该可视化编辑界面至少包括用于输入事件名称的第一输入框和用于输入所属页面信息的第二输入框,以使用户输入自定义事件的事件名称和所属页面信息;并且,电子设备可以自动从目标页面上提取当前选中的事件元素的路径信息,并显示在该可视化编辑界面中。用户可以在该可视化编辑界面中输入事件名称和所属页面信息,并提交到电子设备。Specifically, in response to the event creation operation on the event element on the target page, a visual editing interface for custom events may be provided, and the visual editing interface includes at least a first input box for inputting an event name and an input box for inputting information about the page to which it belongs The second input box enables the user to input the event name and page information of the custom event; and the electronic device can automatically extract the path information of the currently selected event element from the target page and display it in the visual editing interface. The user can input event name and page information in the visual editing interface, and submit it to the electronic device.
其中,对事件元素的事件创建操作可以是对事件元素的点击操作、用矩形框等圈选事件元素的操作、或者其他能够选中事件元素并触发事件创建的操作,对事件元素的事件创建操作可以由技术人员根据实际需要和经验进行设定,本实施例此处不做具体限定。Wherein, the event creation operation on the event element can be a click operation on the event element, an operation to circle the event element with a rectangle, or other operations that can select the event element and trigger event creation. The event creation operation on the event element can be It is set by a technician according to actual needs and experience, and this embodiment does not specifically limit it here.
可选的,当选定将要创建自定义事件的事件元素时,可以突出显示当前选定的事件元素,以便于用户确认将要创建自定义事件的事件元素。例如,可以用矩形框圈选出事件元素,并采用高亮度或者以指定颜色显示圈选出事件元素的矩形框。Optionally, when the event element for which the custom event is to be created is selected, the currently selected event element may be highlighted, so that the user can confirm the event element for which the custom event will be created. For example, an event element may be selected by a rectangle frame, and the rectangle frame for the event element selected may be displayed with a high brightness or a specified color.
示例性的,如图3所示,以对事件元素的事件创建操作可以是对事件元素的圈选操作为例,对通过圈选事件元素来创建自定义事件的可视化操作界面进行示例性地说明。如图3所示,当前选中的事件元素为“加入购物车”操作按钮,用户可以通过矩形框圈选出“加入购物车”操作按钮,电子设备在目标页面中用绿色矩形框圈选住“加入购物车”操作按钮,以表示当前已选中“加入购物车”操作按钮作为自定义事件的事件元素,然后在事件元素上方(或图中未示出的其他地方)显示对自定义事件的可视化编辑界面,用于用户输入事件名称和所属页面信息。如图3所示,该可视化编辑界面还可以提供“保存”按钮,用户通过点击“保存”按钮向电子设备提交可视化编辑界面中的信息。Exemplarily, as shown in FIG. 3 , taking the event creation operation on an event element as an example of a circle selection operation on an event element, the visual operation interface for creating a custom event by circle selection of an event element is exemplarily described . As shown in Figure 3, the currently selected event element is the "Add to Shopping Cart" operation button, the user can select the "Add to Shopping Cart" operation button through a rectangular frame, and the electronic device selects the "Add to Shopping Cart" operation button with a green rectangular frame on the target page Add to Cart" action button to indicate that the "Add to Cart" action button is currently selected as the event element of the custom event, and then display a visualization of the custom event above the event element (or elsewhere not shown in the diagram) The editing interface is used for the user to input event name and page information. As shown in FIG. 3 , the visual editing interface may also provide a "save" button, and the user submits the information in the visual editing interface to the electronic device by clicking the "save" button.
具体的,创建自定义事件时,根据事件元素的事件名称、所属页面信息和路径信息等信息,生成自定义事件信息,将自定义事件信息存储到指定数据库中,完成自定义事件的创建。Specifically, when creating a custom event, generate custom event information according to information such as the event name of the event element, the page information to which it belongs, and the path information, and store the custom event information in a designated database to complete the creation of the custom event.
其中,用于存储自定义事件信息的数据库可以由技术人员根据实际需要进行指定,本实施例此处不做具体限定。Wherein, the database for storing custom event information may be designated by technicians according to actual needs, which is not specifically limited in this embodiment.
可选的,可以将已创建的自定义事件的信息显示在创建自定义事件的可视化操作界面上的事件列表区域,以便于用户查看已创建的自定义事件。如图3所示,图3中以事件列表中包括“加入购物车”、“关注”、“对比”这3个自定义事件为例,对事件列表区域进行示例性地说明。Optionally, the information of the created custom event may be displayed in the event list area on the visual operation interface for creating the custom event, so that the user can check the created custom event. As shown in FIG. 3 , in FIG. 3 , the event list area is exemplarily described by taking three custom events of “add to shopping cart”, “follow” and “comparison” in the event list as an example.
可选的,响应于对已创建的自定义事件的删除,还可以删除已创建的自定义事件。另外,在删除一个自定义事件时,同时删除该自定义事件的关联属性。Optionally, in response to deleting the created custom event, the created custom event may also be deleted. In addition, when a custom event is deleted, the associated properties of the custom event are deleted at the same time.
可选的,响应于对已创建的自定义事件修改操作,还可以在创建自定义事件的可视化操作界面上显示待修改的自定义事件的信息,并提供对自定义事件的编辑界面,从而使得用户通过自定义事件的编辑界面重新编辑自定义事件的信息。Optionally, in response to the operation of modifying the created custom event, the information of the custom event to be modified can also be displayed on the visual operation interface for creating the custom event, and an editing interface for the custom event can be provided, so that The user re-edits the information of the custom event through the editing interface of the custom event.
可选的,在显示已创建的自定义事件时,对自定义事件的事件元素的路径信息进行校验,若根据事件元素的路径信息无法在目标页面上找到事件元素,则说明该事件元素的路径信息发生了变化,该自定义事件失效,可以在显示界面上显示相应的提示信息(如图3所示),以提示用户未找到事件元素的目标路径,请与您网站的技术人员确认该元素路径是否已发生变化,该自定义事件是否可以继续使用;如果确定事件元素路径已发生变化,那么该自定义事件无法继续使用,建议删除后重新添加。Optionally, when displaying the created custom event, verify the path information of the event element of the custom event, if the event element cannot be found on the target page according to the path information of the event element, it means that the event element's If the path information has changed, the custom event becomes invalid, and a corresponding prompt message (as shown in Figure 3) can be displayed on the display interface to remind the user that the target path of the event element has not been found. Please confirm this with your website technician Whether the element path has changed, whether the custom event can continue to be used; if it is determined that the event element path has changed, the custom event cannot continue to be used, it is recommended to delete it and add it again.
另外,创建自定义事件的可视化操作界面中还可以提供进入属性关联操作界面的按钮(如图3中所示的“下一步”按钮),用户在创建完自定义事件之后,通过点击进入属性关联操作界面的按钮,进入为自定义事件关联属性的界面(如图4所示)。In addition, the visual operation interface for creating a custom event can also provide a button to enter the attribute association operation interface (the "next" button shown in Figure 3). After the user creates a custom event, click to enter the attribute association The button on the operation interface enters an interface for customizing event-associated attributes (as shown in FIG. 4 ).
步骤S204、响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性。Step S204, in response to the attribute association operation on the custom event, bind the associated attribute of the custom event.
本实施例中,为用户提供为自定义事件添加想要监听的关联属性的可视化操作界面。在创建自定义事件之后,用户还可以根据自身需求,通过可视化操作界面为自定义事件绑定关联属性。In this embodiment, a visual operation interface is provided for the user to add associated attributes to be monitored for the custom event. After creating a custom event, users can also bind associated attributes to the custom event through the visual operation interface according to their own needs.
其中,自定义事件的关联属性是指监听自定义事件时,需要监听的自定义事件的属性信息。通常自定义事件的关联属性在自定义事件的事件元素所在的目标页面上有对应的属性元素。通过为自定义事件绑定关联属性,能够指定监听自定义事件时需要采集哪个属性元素的数据。Wherein, the associated attribute of the custom event refers to attribute information of the custom event that needs to be monitored when the custom event is monitored. Usually, the associated attribute of the custom event has a corresponding attribute element on the target page where the event element of the custom event is located. By binding associated attributes for custom events, you can specify which attribute element data needs to be collected when listening to custom events.
示例性的,创建自定义事件的可视化操作界面中还可以提供进入属性关联操作界面的按钮(如图3中所示的“下一步”按钮),用户在创建完自定义事件之后,通过点击进入属性关联操作界面的按钮,进入为自定义事件绑定关联属性的界面(如图4所示)。Exemplarily, the visual operation interface for creating a custom event may also provide a button to enter the attribute association operation interface (the "next" button shown in Figure 3), after the user has created the custom event, click to enter Click the button on the attribute association operation interface to enter the interface for binding associated attributes for custom events (as shown in Figure 4).
用户可以在自定义事件绑定关联属性的界面中选择一个或者多个想要绑定为自定义事件的关联属性的属性元素,并进行属性关联操作,来将选中的一个或多个属性元素绑定为自定义事件的关联属性。Users can select one or more attribute elements that they want to bind as associated attributes of custom events in the interface of custom event binding associated attributes, and perform attribute association operations to bind the selected one or more attribute elements defined as the associated property of the custom event.
示例性的,若用户想要为自定义事件绑定多个关联属性,用户可以通过逐一地对目标页面上想要绑定的属性元素进行属性关联操作,用于数据监听的电子设备在检测到对目标页面上属性元素的属性关联操作时,获取属性元素的属性名称、数据类型和路径信息等信息,并将属性元素与自定义事件关联。Exemplarily, if the user wants to bind multiple associated attributes for the custom event, the user can perform attribute association operations on the attribute elements to be bound on the target page one by one, and the electronic device used for data monitoring detects When performing an attribute association operation on the attribute element on the target page, obtain information such as the attribute name, data type, and path information of the attribute element, and associate the attribute element with a custom event.
其中,属性元素的数据类型可以包括数值类型、文本类型、时间等数据类型,还可以是页面中包含的任意一种属性元素的数据类型,可以由用户定义属性时选择或者输入。Wherein, the data type of the attribute element may include numerical type, text type, time and other data types, and may also be any data type of the attribute element contained in the page, which may be selected or input by the user when defining the attribute.
本实施例中,响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性,具体可以采用如下方式实现:In this embodiment, in response to the attribute association operation on the custom event, the associated attribute of the custom event is bound, which can be specifically implemented in the following manner:
响应于对目标页面上的属性元素的选择操作,获取属性元素的属性名称和数据类型;从目标页面上提取属性元素的路径信息;根据属性元素的属性名称、数据类型和路径信息,生成属性元素对应的关联属性信息;将关联属性信息与自定义事件关联。In response to the selection operation on the attribute element on the target page, the attribute name and data type of the attribute element are obtained; the path information of the attribute element is extracted from the target page; and the attribute element is generated according to the attribute name, data type and path information of the attribute element Corresponding associated attribute information; associate associated attribute information with custom events.
具体的,响应于对目标页面上的属性元素的选择操作,可以提供可视化的关联属性绑定界面,该关联属性绑定界面至少包括用于输入属性名称的第三输入框,以使用户输入属性名称;并且,电子设备可以自动从目标页面上提取当前选中的属性元素数据类型和路径信息,并显示在关联属性绑定界面中。用户可以在该关联属性绑定界面中输入事件名称,并提交到电子设备。Specifically, in response to a selection operation on an attribute element on the target page, a visual associated attribute binding interface may be provided, and the associated attribute binding interface includes at least a third input box for inputting an attribute name, so that the user can input the attribute In addition, the electronic device can automatically extract the data type and path information of the currently selected attribute element from the target page, and display it in the associated attribute binding interface. The user can input an event name in the associated attribute binding interface and submit it to the electronic device.
其中,对属性元素的属性关联操作可以是对属性元素的点击操作、用矩形框等圈选事件元素的操作、或者其他能够选中属性元素并触发绑定关联属性的操作,对属性元素的属性关联操作可以由技术人员根据实际需要和经验进行设定,本实施例此处不做具体限定。Among them, the attribute association operation on the attribute element can be a click operation on the attribute element, an operation to circle the event element with a rectangular box, or other operations that can select the attribute element and trigger the binding of the associated attribute. The attribute association of the attribute element The operation can be set by a technician according to actual needs and experience, and this embodiment does not specifically limit it here.
可选的,当选定将要为自定义事件绑定的属性元素时,可以突出显示当前选定的属性元素,以便于用户确认将要自定义事件绑定的属性元素。例如,可以用矩形框圈选出属性元素,并采用高亮度或者以指定颜色显示圈选出属性元素的矩形框。Optionally, when the property element to be bound to the custom event is selected, the currently selected property element may be highlighted, so that the user can confirm the property element to be bound to the custom event. For example, a rectangular frame may be used to select an attribute element, and the rectangular frame enclosing the attribute element may be displayed with a high brightness or a specified color.
示例性的,如图4所示,以对属性元素的属性关联操作可以是对属性元素的圈选操作为例,对通过圈选属性元素来为自定义事件绑定关联属性的关联属性绑定界面进行示例性地说明。如图4所示,当前选中的属性元素为目标页面中显示的“价格”信息时,用户可以通过矩形框圈选出价格信息“¥168.80”,电子设备在目标页面中用绿色矩形框圈选住该价格信息“¥168.80”,以表示当前已选中价格信息作为将要为自定义事件绑定的属性元素,然后在属性元素下方(或图中未示出的其他地方)显示对属性元素的编辑界面,用于用户输入属性名称。如图4所示,该属性元素的编辑界面还可以提供“保存”按钮,用户通过点击“保存”按钮向电子设备提交属性元素的编辑界面中的信息。Exemplarily, as shown in FIG. 4 , taking an attribute association operation on an attribute element as an example of a circle selection operation on an attribute element, the association attribute binding for binding an association attribute for a custom event by circle selection of an attribute element The interface is illustrated as an example. As shown in Figure 4, when the currently selected attribute element is the "price" information displayed on the target page, the user can select the price information "¥168.80" through a rectangular frame, and the electronic device is selected with a green rectangular frame on the target page Save the price information "¥168.80" to indicate that the price information is currently selected as the attribute element to be bound to the custom event, and then display the edits to the attribute element below the attribute element (or other places not shown in the figure) Interface for the user to enter the attribute name. As shown in FIG. 4 , the editing interface of the attribute element may also provide a "Save" button, and the user submits the information in the editing interface of the attribute element to the electronic device by clicking the "Save" button.
具体的,在绑定自定义事件的关联属性时,根据属性元素的属性名称、数据类型和路径信息等信息,生成属性元素的关联属性信息,将属性元素的关联属性信息与所关联的自定义事件对应存储到数据库中,完成自定义事件的关联属性的绑定。Specifically, when binding the associated attribute of a custom event, the associated attribute information of the attribute element is generated according to the attribute name, data type, and path information of the attribute element, and the associated attribute information of the attribute element is combined with the associated custom event. The event is stored in the database correspondingly, and the binding of the associated properties of the custom event is completed.
可选的,可以将为自定义事件已绑定的关联属性的信息显示在关联属性绑定界面上的关联属性列表区域(如图3中所示的属性列表),以便于用户查看为自定义事件已绑定的关联属性。如图3所示,图3中以属性列表中包括“秒杀价”、“重量”、“商品名称”这3个关联属性为例,对关联属性列表区域进行示例性地说明。Optionally, the information of the associated attributes bound to the custom event can be displayed in the associated attribute list area (the attribute list shown in Figure 3) on the associated attribute binding interface, so that the user can view it as a custom The associated property to which the event has been bound. As shown in FIG. 3 , in FIG. 3 , the associated attribute list area is exemplarily described by taking the attribute list including three associated attributes, namely "second sale price", "weight" and "commodity name" as an example.
可选的,响应于对关联属性的删除,还可以删除为自定义事件已绑定的关联属性。Optionally, in response to deleting the associated attribute, the associated attribute bound to the custom event may also be deleted.
可选的,响应于对关联属性的修改操作,还可以在关联属性绑定界面上显示待修改的关联属性的信息,并提供对关联属性的编辑界面,从而使得用户通过关联属性的编辑界面重新编辑关联属性的信息。Optionally, in response to the modification operation on the associated attribute, the information of the associated attribute to be modified may also be displayed on the associated attribute binding interface, and an editing interface for the associated attribute is provided, so that the user can restart the associated attribute through the editing interface of the associated attribute. Edit the information of the associated attribute.
步骤S205、基于全埋点技术对自定义事件进行监听,获取自定义事件的关联属性数据。Step S205 , monitor the custom event based on the full-buried point technology, and obtain associated attribute data of the custom event.
本实施例中,可以根据已创建的自定义事件,基于全埋点技术,在每个目标页面中进行一次代码埋点,以根据自定义事件的事件元素路径信息,实现对目标页面中多个自定义事件的监听,通过全埋点技术可以减少代码埋点的复杂度,提高监听效率。In this embodiment, according to the created custom event, based on the full burying technology, code burying can be performed once in each target page, so as to realize multiple The monitoring of custom events can reduce the complexity of code burying and improve the efficiency of monitoring through the full burying technology.
该步骤中,监听到自定义事件被触发时,获取自定义事件的关联属性信息;根据自定义事件的关联属性信息,获取与自定义事件关联的属性数据。这样,可以通过为自定义事件绑定关联属性,可以只监听用户关注的关联属性的属性数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。In this step, when it is detected that the custom event is triggered, the associated attribute information of the custom event is obtained; according to the associated attribute information of the custom event, the attribute data associated with the custom event is obtained. In this way, by binding associated attributes for custom events, you can only monitor the attribute data of associated attributes that users care about, which improves the flexibility of data monitoring, reduces unnecessary monitoring data occupation of resources, and increases the correlation between data , to improve the availability of monitoring data.
本实施例通过响应于对目标页面上事件元素的事件创建操作,接收用户输入的事件元素的事件名称和所属页面信息;从目标页面上提取事件元素的路径信息;根据事件元素的事件名称、所属页面信息和路径信息,创建事件元素对应的自定义事件,能够实现由用户根据自己的需要通过可视化界面自行创建自定义事件;通过响应于对目标页面上的属性元素的选择操作,获取属性元素的属性名称和数据类型;从目标页面上提取属性元素的路径信息;根据属性元素的属性名称、数据类型和路径信息,生成属性元素对应的关联属性信息;将关联属性信息与自定义事件关联,能够由用户根据自己的需要通过可视化界面自行为自定义事件绑定关联属性;然后基于全埋点技术对自定义事件进行监听,获取自定义事件的关联属性数据,可以只监听用户关注的关联属性的属性数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。In this embodiment, by responding to the event creation operation on the event element on the target page, the event name and the page information of the event element input by the user are received; the path information of the event element is extracted from the target page; Page information and path information, creating custom events corresponding to event elements, enabling users to create custom events through a visual interface according to their own needs; by responding to the selection operation of attribute elements on the target page, get the attribute element Attribute name and data type; extract the path information of the attribute element from the target page; generate the associated attribute information corresponding to the attribute element according to the attribute name, data type and path information of the attribute element; associate the associated attribute information with the custom event, and can Users can bind associated attributes for custom events through the visual interface according to their own needs; then monitor the custom events based on the full-buried point technology to obtain the associated attribute data of the custom event, and can only monitor the associated attributes that the user cares about Attribute data improves the flexibility of data monitoring, reduces the resource occupation of unnecessary monitoring data, increases the correlation between data, and improves the usability of monitoring data.
本申请第三实施例提供了一种数据监听装置。图5是根据本申请第三实施例的数据监听装置的结构示意图。如图5所示,该数据监听装置30包括:自定义事件创建模块301,关联属性绑定模块302和监听模块303。The third embodiment of the present application provides a data monitoring device. Fig. 5 is a schematic structural diagram of a data monitoring device according to a third embodiment of the present application. As shown in FIG. 5 , the
具体的,自定义事件创建模块301用于响应于对目标页面上事件元素的事件创建操作,创建自定义事件。Specifically, the custom
关联属性绑定模块302用于响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性。The association attribute binding
监听模块303用于对自定义事件进行监听,获取自定义事件的关联属性数据。The
本申请实施例提供的装置可以具体用于执行上述第一实施例所提供的方法实施例,具体功能此处不再赘述。The apparatus provided in the embodiment of the present application may be specifically used to execute the method embodiment provided in the above-mentioned first embodiment, and specific functions are not described here again.
本实施例通过响应于对目标页面上事件元素的事件创建操作,创建自定义事件;响应于对自定义事件的属性关联操作,绑定自定义事件的关联属性;对自定义事件进行监听,获取自定义事件的关联属性数据,能够实现根据用户在可视化操作界面上的操作,创建用户想要监听的自定义事件,并为自定义事件绑定关联属性,通过监听自定义事件可以有针对性地获取想要的监听数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。In this embodiment, a custom event is created in response to the event creation operation of the event element on the target page; in response to the attribute association operation of the custom event, the associated attribute of the custom event is bound; the custom event is monitored to obtain The associated attribute data of custom events can create custom events that users want to monitor according to the user's operations on the visual operation interface, and bind associated attributes for custom events. By listening to custom events, targeted Obtaining the desired monitoring data improves the flexibility of data monitoring, reduces the resource occupation of unnecessary monitoring data, increases the correlation between data, and improves the availability of monitoring data.
本申请第四实施例提供了一种数据监听装置。在上述第三实施例的基础上,本实施例中,自定义事件创建模块还用于:The fourth embodiment of the present application provides a data monitoring device. On the basis of the third embodiment above, in this embodiment, the custom event creation module is also used for:
响应于对目标页面上事件元素的事件创建操作,接收用户输入的事件元素的事件名称和所属页面信息;从目标页面上提取事件元素的路径信息;根据事件元素的事件名称、所属页面信息和路径信息,创建事件元素对应的自定义事件。In response to the event creation operation on the event element on the target page, receive the event name and page information of the event element input by the user; extract the path information of the event element from the target page; according to the event name, page information and path of the event element information, create a custom event corresponding to the event element.
可选的,关联属性绑定模块还用于:Optionally, the associated attribute binding module is also used to:
响应于对目标页面上的属性元素的选择操作,获取属性元素的属性名称和数据类型;从目标页面上提取属性元素的路径信息;根据属性元素的属性名称、数据类型和路径信息,生成属性元素对应的关联属性信息;将关联属性信息与自定义事件关联。In response to the selection operation on the attribute element on the target page, the attribute name and data type of the attribute element are obtained; the path information of the attribute element is extracted from the target page; and the attribute element is generated according to the attribute name, data type and path information of the attribute element Corresponding associated attribute information; associate associated attribute information with custom events.
可选的,自定义事件创建模块还用于:Optionally, the custom event creation module is also used to:
接收用户输入目标页面的页面地址;根据页面地址,获取目标页面的页面数据,并显示目标页面。Receive the page address of the target page input by the user; obtain the page data of the target page according to the page address, and display the target page.
可选的,监听模块还用于:Optionally, the monitoring module is also used for:
监听到自定义事件被触发时,获取自定义事件的关联属性信息;根据自定义事件的关联属性信息,获取与自定义事件关联的属性数据。When the custom event is detected to be triggered, the associated attribute information of the custom event is obtained; according to the associated attribute information of the custom event, the attribute data associated with the custom event is obtained.
可选的,监听模块还用于:Optionally, the monitoring module is also used for:
基于全埋点技术对自定义事件进行监听,获取自定义事件的关联属性数据。Monitor custom events based on full-buried technology to obtain associated attribute data of custom events.
可选的,事件元素的所属页面信息包括:事件元素对应的自定义事件生效的至少一个页面的路径信息。Optionally, the page information of the event element includes: path information of at least one page where the custom event corresponding to the event element takes effect.
本申请实施例提供的装置可以具体用于执行上述第二实施例所提供的方法实施例,具体功能此处不再赘述。The apparatus provided in the embodiment of the present application may be specifically used to execute the method embodiment provided in the above-mentioned second embodiment, and specific functions will not be repeated here.
本实施例通过响应于对目标页面上事件元素的事件创建操作,接收用户输入的事件元素的事件名称和所属页面信息;从目标页面上提取事件元素的路径信息;根据事件元素的事件名称、所属页面信息和路径信息,创建事件元素对应的自定义事件,能够实现由用户根据自己的需要通过可视化界面自行创建自定义事件;通过响应于对目标页面上的属性元素的选择操作,获取属性元素的属性名称和数据类型;从目标页面上提取属性元素的路径信息;根据属性元素的属性名称、数据类型和路径信息,生成属性元素对应的关联属性信息;将关联属性信息与自定义事件关联,能够由用户根据自己的需要通过可视化界面自行为自定义事件绑定关联属性;然后基于全埋点技术对自定义事件进行监听,获取自定义事件的关联属性数据,可以只监听用户关注的关联属性的属性数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。In this embodiment, by responding to the event creation operation on the event element on the target page, the event name and the page information of the event element input by the user are received; the path information of the event element is extracted from the target page; Page information and path information, creating custom events corresponding to event elements, enabling users to create custom events through a visual interface according to their own needs; by responding to the selection operation of attribute elements on the target page, get the attribute element Attribute name and data type; extract the path information of the attribute element from the target page; generate the associated attribute information corresponding to the attribute element according to the attribute name, data type and path information of the attribute element; associate the associated attribute information with the custom event, and can Users can bind associated attributes for custom events through the visual interface according to their own needs; then monitor the custom events based on the full-buried point technology to obtain the associated attribute data of the custom event, and can only monitor the associated attributes that the user cares about Attribute data improves the flexibility of data monitoring, reduces the resource occupation of unnecessary monitoring data, increases the correlation between data, and improves the usability of monitoring data.
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。According to the embodiments of the present application, the present application also provides an electronic device and a readable storage medium.
如图6所示,是根据本申请实施例的数据监听方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。As shown in FIG. 6 , it is a block diagram of an electronic device according to the data monitoring method of the embodiment of the present application. Electronic device is intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other suitable computers. Electronic devices may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are by way of example only, and are not intended to limit implementations of the applications described and/or claimed herein.
如图6所示,该电子设备包括:一个或多个处理器Y01、存储器Y02,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器Y01为例。As shown in FIG. 6, the electronic device includes: one or more processors Y01, a memory Y02, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. The various components are interconnected using different buses and can be mounted on a common motherboard or otherwise as desired. The processor may process instructions executed within the electronic device, including instructions stored in or on the memory, to display graphical information of a GUI on an external input/output device such as a display device coupled to an interface. In other implementations, multiple processors and/or multiple buses may be used with multiple memories and multiple memories, if desired. Likewise, multiple electronic devices may be connected, with each device providing some of the necessary operations (eg, as a server array, a set of blade servers, or a multi-processor system). In Fig. 6, a processor Y01 is taken as an example.
存储器Y02即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的数据监听方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的数据监听方法。The memory Y02 is the non-transitory computer-readable storage medium provided in this application. Wherein, the memory stores instructions executable by at least one processor, so that the at least one processor executes the data monitoring method provided in the present application. The non-transitory computer-readable storage medium of the present application stores computer instructions, and the computer instructions are used to cause the computer to execute the data monitoring method provided in the present application.
存储器Y02作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的数据监听方法对应的程序指令/模块(例如,附图5所示的自定义事件创建模块301、关联属性绑定模块302和监听模块303)。处理器Y01通过运行存储在存储器Y02中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的数据监听方法。Memory Y02, as a non-transitory computer-readable storage medium, can be used to store non-transitory software programs, non-transitory computer-executable programs and modules, such as program instructions/modules corresponding to the data monitoring method in the embodiment of the present application (for example, attached The custom
存储器Y02可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据数据监听方法的电子设备的使用所创建的数据等。此外,存储器Y02可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器Y02可选包括相对于处理器Y01远程设置的存储器,这些远程存储器可以通过网络连接至数据监听方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory Y02 may include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application program required by a function; the data storage area may store data created by using an electronic device according to a data monitoring method, etc. . In addition, the memory Y02 may include a high-speed random access memory, and may also include a non-transitory memory, such as at least one magnetic disk storage device, a flash memory device, or other non-transitory solid-state storage devices. In some embodiments, the memory Y02 may optionally include a memory that is remotely located relative to the processor Y01, and these remote memories may be connected to the electronic device of the data monitoring method through a network. Examples of the aforementioned networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
数据监听方法的电子设备还可以包括:输入装置Y03和输出装置Y04。处理器Y01、存储器Y02、输入装置Y03和输出装置Y04可以通过总线或者其他方式连接,图6中以通过总线连接为例。The electronic equipment of the data monitoring method may further include: an input device Y03 and an output device Y04. The processor Y01, the memory Y02, the input device Y03 and the output device Y04 may be connected via a bus or in other ways. In FIG. 6, connection via a bus is taken as an example.
输入装置Y03可接收输入的数字或字符信息,以及产生与数据监听的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置Y04可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。The input device Y03 can receive input digital or character information, and generate key signal input related to user settings and function control of electronic equipment for data monitoring, such as touch screens, small keyboards, mice, trackpads, touchpads, pointers, a Or multiple mouse buttons, trackballs, joysticks, and other input devices. The output device Y04 may include a display device, an auxiliary lighting device (eg, LED), a tactile feedback device (eg, a vibration motor), and the like. The display device may include, but is not limited to, a liquid crystal display (LCD), a light emitting diode (LED) display, and a plasma display. In some implementations, the display device may be a touch screen.
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。Various implementations of the systems and techniques described herein can be implemented in digital electronic circuitry, integrated circuit systems, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include being implemented in one or more computer programs executable and/or interpreted on a programmable system including at least one programmable processor, the programmable processor Can be special-purpose or general-purpose programmable processor, can receive data and instruction from storage system, at least one input device, and at least one output device, and transmit data and instruction to this storage system, this at least one input device, and this at least one output device an output device.
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。These computing programs (also referred to as programs, software, software applications, or codes) include machine instructions for a programmable processor and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine language calculation program. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or means for providing machine instructions and/or data to a programmable processor ( For example, magnetic disks, optical disks, memories, programmable logic devices (PLDs), including machine-readable media that receive machine instructions as machine-readable signals. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。To provide for interaction with the user, the systems and techniques described herein can be implemented on a computer having a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user. ); and a keyboard and pointing device (eg, a mouse or a trackball) through which a user can provide input to the computer. Other kinds of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and can be in any form (including Acoustic input, speech input or, tactile input) to receive input from the user.
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。The systems and techniques described herein can be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., as a a user computer having a graphical user interface or web browser through which a user can interact with embodiments of the systems and techniques described herein), or including such backend components, middleware components, Or any combination of front-end components in a computing system. The components of the system can be interconnected by any form or medium of digital data communication, eg, a communication network. Examples of communication networks include: Local Area Network (LAN), Wide Area Network (WAN) and the Internet.
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。A computer system may include clients and servers. Clients and servers are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by computer programs running on the respective computers and having a client-server relationship to each other.
根据本申请实施例的技术方案,通过响应于对目标页面上事件元素的事件创建操作,创建自定义事件;响应于对所述自定义事件的属性关联操作,绑定所述自定义事件的关联属性;对所述自定义事件进行监听,获取所述自定义事件的关联属性数据,能够实现根据用户在可视化操作界面上的操作,创建用户想要监听的自定义事件,并为自定义事件绑定关联属性,通过监听自定义事件可以有针对性地获取想要的监听数据,提高了数据监听的灵活性,并且减少不必要的监听数据占用资源,增加数据之间的关联性,提高监听数据的可用性。According to the technical solution of the embodiment of the application, a custom event is created in response to the event creation operation on the event element on the target page; in response to the attribute association operation on the custom event, the association of the custom event is bound attribute; monitor the custom event, obtain the associated attribute data of the custom event, and create the custom event that the user wants to monitor according to the user's operation on the visual operation interface, and bind the custom event Determine the associated attributes, and by monitoring custom events, you can obtain the desired monitoring data in a targeted manner, which improves the flexibility of data monitoring, reduces unnecessary monitoring data occupation of resources, increases the correlation between data, and improves the monitoring data. availability.
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。It should be understood that steps may be reordered, added or deleted using the various forms of flow shown above. For example, the steps described in the present application may be executed in parallel, sequentially, or in a different order, as long as the desired result of the technical solution disclosed in the present application can be achieved, no limitation is imposed herein.
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。The above specific implementation methods are not intended to limit the protection scope of the present application. It should be apparent to those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made depending on design requirements and other factors. Any modifications, equivalent replacements and improvements made within the spirit and principles of this application shall be included within the protection scope of this application.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910828154.2ACN110532159B (en) | 2019-09-03 | 2019-09-03 | Data monitoring method, device, equipment and computer readable storage medium |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910828154.2ACN110532159B (en) | 2019-09-03 | 2019-09-03 | Data monitoring method, device, equipment and computer readable storage medium |
| Publication Number | Publication Date |
|---|---|
| CN110532159A CN110532159A (en) | 2019-12-03 |
| CN110532159Btrue CN110532159B (en) | 2023-04-18 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910828154.2AActiveCN110532159B (en) | 2019-09-03 | 2019-09-03 | Data monitoring method, device, equipment and computer readable storage medium |
| Country | Link |
|---|---|
| CN (1) | CN110532159B (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111309558B (en)* | 2020-02-19 | 2021-06-15 | 望海康信(北京)科技股份公司 | Method, device, equipment and storage medium for collecting vue event data in frame |
| CN112068847B (en)* | 2020-09-07 | 2022-05-13 | 海南大学 | Computing environment deployment method and device based on kubernets platform |
| CN112052418B (en)* | 2020-09-08 | 2024-03-05 | 新奥数能科技有限公司 | Data configuration method and device |
| CN115695635B (en)* | 2021-07-29 | 2024-04-05 | 上海博泰悦臻网络技术服务有限公司 | Operation prompting method, storage medium and electronic equipment |
| CN114064038A (en)* | 2021-11-24 | 2022-02-18 | 郑州阿帕斯数云信息科技有限公司 | Method and device for acquiring operation information of application interface |
| CN114371889B (en)* | 2022-01-19 | 2023-10-13 | 苏州峰之鼎信息科技有限公司 | Event configuration method, device, electronic equipment and storage medium |
| CN114500029A (en)* | 2022-01-21 | 2022-05-13 | 高途教育科技集团有限公司 | Data access method and device, electronic equipment and storage medium |
| CN119718322A (en)* | 2023-09-27 | 2025-03-28 | 北京小米移动软件有限公司 | A node compilation method, device and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2004042563A2 (en)* | 2002-11-04 | 2004-05-21 | Instrumentarium Corporation | Method and system for integrated processing of automatically collected interaction data |
| US7552445B2 (en)* | 2002-12-13 | 2009-06-23 | Savvis Communications Corporation | Systems and methods for monitoring events from multiple brokers |
| CN101950337A (en)* | 2010-09-08 | 2011-01-19 | 乔永清 | System and method for monitoring website truthful data |
| CN106383765B (en)* | 2016-08-31 | 2019-04-26 | 北京百分点信息科技有限公司 | A data monitoring method and device |
| CN108536451B (en)* | 2016-12-05 | 2021-06-15 | 腾讯科技(深圳)有限公司 | Method and device for embedding embedded point of application program |
| CN107704605B (en)* | 2017-10-13 | 2021-04-09 | 北京中教在线科技有限公司 | User behavior recording method based on local storage |
| CN108415804B (en)* | 2018-01-23 | 2021-06-04 | 平安普惠企业管理有限公司 | Method for acquiring information, terminal device and computer readable storage medium |
| CN108847977B (en)* | 2018-06-14 | 2021-06-25 | 平安科技(深圳)有限公司 | Service data monitoring method, storage medium and server |
| CN109213952A (en)* | 2018-08-02 | 2019-01-15 | 平安科技(深圳)有限公司 | Page access processing method, device, computer equipment and storage medium |
| CN109710354A (en)* | 2018-12-13 | 2019-05-03 | 平安普惠企业管理有限公司 | Page monitor method, page restoring method, device, equipment and medium |
| CN109960633A (en)* | 2019-03-28 | 2019-07-02 | 深圳市跃动运营科技有限公司 | A kind of data visualization buries point methods, storage medium and intelligent terminal |
| Publication number | Publication date |
|---|---|
| CN110532159A (en) | 2019-12-03 |
| Publication | Publication Date | Title |
|---|---|---|
| CN110532159B (en) | Data monitoring method, device, equipment and computer readable storage medium | |
| JP2021149963A (en) | Information processing method, device, electronic apparatus, and storage medium | |
| CN109933760A (en) | Form generation method, apparatus, computer device, and computer-readable storage medium | |
| CN112561332B (en) | Model management method, device, electronic equipment, storage medium and program product | |
| CN110889056B (en) | Method and device for page marking | |
| CN112817817A (en) | Buried point information query method and device, computer equipment and storage medium | |
| CN113220381B (en) | A click data display method and device | |
| CN112667795B (en) | Dialogue tree construction method and device, dialogue tree operation method, device and system | |
| CN112015468A (en) | Interface document processing method and device, electronic equipment and storage medium | |
| CN110119299A (en) | Information display method and equipment | |
| CN113868269A (en) | Screenshot method, apparatus, electronic device and readable storage medium | |
| CN118194002A (en) | Data selection method and system capable of selecting multiple conditions for screening | |
| CN112464120A (en) | Data visualization display method and device, electronic equipment and storage medium | |
| CN113779117A (en) | Data monitoring method and device, storage medium and electronic equipment | |
| CN107436869A (en) | A kind of impression comment generation method and device | |
| CN114385955A (en) | Data point burying method and device, electronic equipment and storage medium | |
| CN111985760B (en) | Data content evaluation method and device, electronic equipment and storage medium | |
| CN111177558B (en) | Channel service construction method and device | |
| CN107526597A (en) | User interface edit methods, device, terminal and computer-readable recording medium | |
| CN111767462A (en) | Method, apparatus, device and storage medium for customizing individualized rules for individuals | |
| CN117762282A (en) | Interface prompting method, device, computer equipment and storage medium | |
| CN113704593B (en) | Operation data processing method and related device | |
| CN112269517B (en) | Generation method and device of interactive interface | |
| CN113778542B (en) | Service configuration table generation method and device | |
| CN112749235B (en) | Method and device for analyzing classification result and electronic equipment |
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |