A data processing method and device, electronic equipment and storage medium

Abstract

Embodiments of the present application provide a data processing method and device, electronic equipment and storage medium. The method applied to a first terminal comprises: obtaining a burying point reporting request of a host page; generating a visual page mounted on the host page, wherein the visual page comprises first burying point data corresponding to the burying point reporting request. Therefore, the embodiments of the present application solve the problem that burying point data of different pages is submerged in data corresponding to numerous network requests, thereby making it inconvenient to find.

Description

Technical Field

[0001] This application relates to the field of communication technology, and in particular to a data processing method, apparatus, electronic device, and storage medium. Background Technology

[0002] Data collection tracking is a common data acquisition method that involves attaching data collection program code to the functional program code at the "operation node" where data needs to be collected. This allows for the capture, processing, and transmission of user behavior or events at the operation node. This involves related technologies and implementation processes.

[0003] Among them, data tracking is used to track the usage of the application, and then used to further optimize the product or provide data support for operations. For example, based on the tracking data, the number of visits, dwell time, page views, and bounce rate can be obtained.

[0004] Currently, for PC browsers, the browser's network function displays all the data corresponding to network requests in a pop-up window. This pop-up window includes the data corresponding to all network requests from different pages of the browser, causing the data tracking points on each page to be buried in a large amount of data, making it difficult to find. Summary of the Invention

[0005] This application provides a data processing method, apparatus, electronic device, and storage medium to solve the problem that the data tracking points on different pages are buried in the data corresponding to numerous network requests, making them difficult to find.

[0006] In a first aspect, embodiments of this application provide a data processing method applied to a first terminal, the method comprising:

[0007] Obtain the event tracking report request from the host page;

[0008] A visualization page is generated and mounted on the host page, wherein the visualization page includes the first tracking data corresponding to the tracking point reporting request.

[0009] Secondly, embodiments of this application provide a data processing method applied to a first server, the method comprising:

[0010] Receive second embedded data, wherein the second embedded data includes embedded data of the second terminal;

[0011] The second embedded data is sent to the first terminal so that the first terminal can display the second embedded data.

[0012] Thirdly, embodiments of this application provide a data processing method applied to a second terminal, the method comprising:

[0013] Obtain the second embedded data of the second terminal;

[0014] When the second terminal is connected to the intranet, it reports the second embedded data.

[0015] Fourthly, embodiments of this application provide a data processing apparatus applied to a first terminal, the apparatus comprising:

[0016] The first acquisition module is used to acquire the event tracking report requests of the host page;

[0017] The page generation module is used to generate a visualization page mounted on the host page, wherein the visualization page includes the first tracking data corresponding to the tracking point reporting request.

[0018] Fifthly, embodiments of this application provide a data processing apparatus applied to a first server, the apparatus comprising:

[0019] The first receiving module is used to receive the second embedded data, wherein the second embedded data includes the embedded data of the second terminal;

[0020] The sending module is used to send the second embedded data to the first terminal so that the first terminal can display the second embedded data.

[0021] Sixthly, embodiments of this application provide a data processing apparatus applied to a second terminal, the apparatus comprising:

[0022] The second acquisition module is used to acquire the second embedded data of the second terminal;

[0023] The first reporting module is used to report the second embedded data when the second terminal is connected to the intranet.

[0024] In a seventh aspect, embodiments of this application provide an electronic device, including a processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the computer program, when executed by the processor, implements the steps of the data processing method for the first terminal, the first server, or the second terminal described above.

[0025] Eighthly, embodiments of this application provide a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the steps of the data processing method for the first terminal, the first server, or the second terminal described above.

[0026] The technical solution of this application embodiment can obtain the event tracking reporting request of the host page, thereby generating a visualization page mounted on the host page. This visualization page includes the first event tracking data corresponding to the event tracking reporting request. Therefore, in this application embodiment, the event tracking reporting request of the host page can be specifically monitored, and the first event tracking data corresponding to the event tracking reporting request can be displayed in the visualization page mounted on the host page. In this way, the event tracking data of the host page can be viewed based on the visualization page mounted on the host page, eliminating the tedious process of searching for event tracking data for each page among numerous network request data, greatly improving the convenience of finding event tracking data. Attached Figure Description

[0027] Figure 1 This is a flowchart of a data processing method provided in an embodiment of this application;

[0028] Figure 2 This is a flowchart of another data processing method provided in an embodiment of this application;

[0029] Figure 3 This is a flowchart of another data processing method provided in an embodiment of this application;

[0030] Figure 4 This is a schematic diagram of one embodiment of the data processing method provided in this application;

[0031] Figure 5 This is one of the schematic diagrams of a second embodiment of the data processing method provided in this application.

[0032] Figure 6 This is a second schematic diagram of a second implementation method of the data processing method provided in this application;

[0033] Figure 7 This is a structural block diagram of a data processing apparatus provided in an embodiment of this application;

[0034] Figure 8 This is a structural block diagram of another data processing device provided in the embodiments of this application;

[0035] Figure 9 This is a structural block diagram of another data processing device provided in the embodiments of this application;

[0036] Figure 10 This is a structural block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0037] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this invention. Based on the embodiments of this invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this invention.

[0038] It should be understood that the phrase "one embodiment" or "an embodiment" throughout the specification means that a specific feature, structure, or characteristic related to the embodiment is included in at least one embodiment of the invention. Therefore, "in one embodiment" or "in an embodiment" appearing throughout the specification do not necessarily refer to the same embodiment. Furthermore, these specific features, structures, or characteristics can be combined in any suitable manner in one or more embodiments.

[0039] In various embodiments of the present invention, it should be understood that the sequence number of each process described below does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

[0040] Firstly, referring to Figure 1 The diagram illustrates a flowchart of a data processing method according to an embodiment of this application. This method can be applied to a first terminal, which can be a PC. The method may include the following steps 101 to 102:

[0041] Step 101: Obtain the event tracking report request from the host page.

[0042] The host page can be any page of one of the applications (e.g., a browser) on the first terminal; the event tracking reporting request is used to report event tracking data to the server (e.g., the first server or the second server mentioned below). It is understood that the event tracking reporting request can include multiple event tracking reporting requests from the host page detected within a certain time period.

[0043] Optionally, step 101, "obtaining the event tracking report request for the host page," includes:

[0044] Listen for network requests from the host page;

[0045] The monitoring network requests are filtered to extract the event tracking reporting requests.

[0046] Therefore, when listening to network requests on the host page, the requests for event tracking can be filtered out, which means that the event tracking requests can be monitored in a targeted manner.

[0047] Regular expressions are logical formulas for string manipulation. They use predefined specific characters and combinations of these characters to form a "rule string," which expresses a filtering logic for the string. Therefore, regular expressions can be used to filter out event tracking requests from the monitored network requests.

[0048] Step 102: Generate a visual page that is mounted on the host page.

[0049] The visualization page includes the first tracking data corresponding to the tracking report request. That is, the visualization page is used to display the first tracking data. Therefore, in this embodiment, tracking report requests on the host page can be specifically monitored, and the first tracking data corresponding to the monitored tracking report requests can be displayed on the visualization page. Optionally, the first tracking data can be displayed in a table format on the visualization page, and / or preset tracking parameters (i.e., pre-specified tracking parameters) in the first tracking data can be highlighted.

[0050] Furthermore, the aforementioned visualization page is mounted on the host page, meaning that the visualization page is bound or associated with the host page. Specifically, the visualization page displaying the first data tracking point is bound or associated with the host page from which the first data tracking point originates. Thus, through this relationship between the visualization page and the host page, it becomes possible to determine which data tracking points originate from which host page.

[0051] In addition, when the host page is displayed, the system can start listening for the event tracking requests of the host page. Alternatively, after receiving user input on the first terminal (such as a click on the first control displayed on the host page), the system can start listening for the event tracking requests of the host page currently displayed on the first terminal. After listening for a certain period of time, the event tracking data corresponding to the event tracking requests of the host page can be displayed in the visualization page mounted on the host page.

[0052] As can be seen from steps 101 to 102 above, in this embodiment, the tracking point reporting request of the host page can be obtained, thereby generating a visualization page mounted on the host page. This visualization page includes the first tracking point data corresponding to the tracking point reporting request. Therefore, in this embodiment, the tracking point reporting request of the host page can be specifically monitored, and the first tracking point data corresponding to the tracking point reporting request can be displayed in the visualization page mounted on the host page. In this way, based on the visualization page mounted on the host page, the tracking point data of the host page can be viewed, eliminating the tedious process of searching for tracking point data for each page among numerous network request data, greatly improving the convenience of finding tracking point data.

[0053] Optionally, step 102, "generating the visual page mounted on the host page," includes the following steps A-1 to A-3:

[0054] Step A-1: ​​Transmit the data point reporting request to the user interface editing tool;

[0055] Step A-2: Create a sandbox using the user interface editing tool and mount the sandbox to the host page;

[0056] Step A-3: Using the user interface editing tool, generate the visualization page mounted on the host page based on the data point reporting request and the sandbox.

[0057] The aforementioned page editing tools can be, for example, Vue (i.e., a progressive JavaScript framework). It is understood that they can also be other tools besides Vue, and no specific limitation is made here.

[0058] Furthermore, a sandbox, as a security mechanism, provides an independent and controllable execution environment for untested or untrusted programs to run, without affecting or polluting the execution environment of external programs, nor impacting the operation of external programs. Therefore, generating the aforementioned visualization page based on a sandbox can isolate the styles of the host page and the styles of the application (e.g., browser) plugins to which the host page belongs, thus avoiding style pollution.

[0059] As can be seen from steps A-1 to A-3 above, in this embodiment of the application, after obtaining the tracking point reporting request, the tracking point reporting request can be sent to the page editing tool, thereby creating a sandbox in the page editing tool and mounting it on the host page, and then generating a visualization page for displaying the first tracking point data based on the created sandbox and the tracking point reporting request.

[0060] Optionally, step A-3 above, "generating the visual page mounted on the host page using the user interface editing tool according to the data point reporting request and the sandbox," includes the following steps B-1 to B-4:

[0061] Step B-1: Use the user interface editing tool to parse the tracking point reporting request to obtain the first tracking point data;

[0062] Step B-2: Render the components included in the visualization page into the sandbox using the user interface editing tool;

[0063] Step B-3: Using the user interface editing tool, mount the Cascading Style Sheets of the visualization page to the sandbox;

[0064] Step B-4: Using the user interface editing tool, based on the first tracking data and the sandbox including the components and the Cascading Style Sheets, generate the visualization page mounted on the host page (i.e., using the user interface editing tool, based on the multiple components and the Cascading Style Sheets, render a visualization page in the sandbox that can display the first tracking data).

[0065] The aforementioned event tracking request may include a web address, which can be a Uniform Resource Locator (URL). The event tracking request carries event tracking parameters (such as event tracking name, source, etc.). Therefore, the event tracking request can be parsed to obtain the first event tracking data (such as event tracking name, source, etc.).

[0066] In addition, the visualization page is pre-designed with multiple components, such as a table for displaying the parsed first tracking data. Therefore, the components of the visualization page can be rendered into the sandbox so that the visualization page can be generated based on these components in the sandbox.

[0067] In addition, the visualization page is pre-designed with Cascading Style Sheets (CSS), so the CSS can also be mounted in the sandbox so that the visualization page can be generated based on the CSS in the sandbox.

[0068] As can be seen from steps B-1 to B-4 above, the first tracking data can be obtained by parsing the tracking data reporting request from the user interface editing tool, and the components and CSS included in the visualization page can be added to the sandbox respectively. Based on the added components and CSS, a visualization page that can display the first tracking data can be rendered in the sandbox.

[0069] Optionally, the method further includes:

[0070] First input received;

[0071] In response to the first input, the visualization page is displayed.

[0072] Therefore, after generating the visual page mounted on the host page in step B-4 above, this visual page can be hidden initially to prevent it from affecting the normal display of the host page. Upon receiving the first input, the visual page can then be brought up and displayed.

[0073] Here, the first input can be, for example, a click on a second control on the host page, or an input of a pre-defined character within a predetermined area of ​​the host page. It is understood that the specific form of the first input is not limited to these.

[0074] Optionally, the method further includes:

[0075] Receive second data points sent by the first server, wherein the second data points include data points from the second terminal;

[0076] Display the data of the second embedded point.

[0077] Therefore, the second terminal can report the second data point to the first server, which in turn allows the first server to send the second data point to the first terminal for display. In other words, the second data point from the second terminal can also be displayed on the first terminal.

[0078] In some cases, when the second terminal is a mobile terminal (such as a mobile phone or tablet computer) and the first terminal is a PC, the app's event tracking test window is very small on the mobile phone, and the event tracking information is disorganized and time-consuming to find. However, the embodiments of this application can be directly displayed on the PC page, with a larger display interface, making it more convenient to view the event tracking data.

[0079] Secondly, embodiments of this application also provide a data processing method that can be applied to a first server, such as... Figure 2 As shown, the method may include the following steps 201 to 202:

[0080] Step 201: Receive the data from the second embedded point.

[0081] The second data point data includes the data point data of the second terminal.

[0082] Step 202: Send the second embedded data to the first terminal so that the first terminal can display the second embedded data.

[0083] Therefore, the second terminal can report the second data point to the first server, which in turn allows the first server to send the second data point to the first terminal for display. In other words, the second data point from the second terminal can also be displayed on the first terminal.

[0084] In some cases, when the second terminal is a mobile terminal (such as a mobile phone or tablet computer) or a PC, the tracking test window of the App is very small on the mobile phone, and the tracking information is messy and disorganized, making it time-consuming and laborious to search. However, the embodiments of this application can be directly displayed on the PC page, with a larger display interface, making it more convenient to view the tracking data.

[0085] Optionally, the method further includes:

[0086] Receive user identification information (e.g., UID) from the second terminal;

[0087] Sending the second embedded data to the first terminal includes:

[0088] The second embedded data is sent to the first terminal that has established a communication connection (e.g., a full-duplex communication protocol (WebSocket) connection) with the user identification information.

[0089] It should be noted that a page exists on the first terminal for establishing the aforementioned communication connection. When user identification information is entered on the first terminal, this page can establish a communication connection with the first server. Therefore, after the second terminal sends its user identification information to the first server, the first server can send the second embedded data to the first terminal that established the communication connection using that user identification information.

[0090] The second terminal may report the user identification information together with the second embedded data to the first server, or it may report it separately to the first server. This application embodiment does not make specific limitations.

[0091] Optionally, receive target information, including the following items C-1 or C-2:

[0092] Item C-1: Receive the target information sent by the second terminal;

[0093] Item C-2: Receive the target information sent by the remote dictionary service Redis, wherein the target information in Redis is sent by the second server, the target information in the second server is sent by the second terminal, and the first server is one of the servers that have subscribed to the messages of Redis;

[0094] The target information includes at least one of the second embedded data and the user identification information of the second terminal.

[0095] As can be seen from item C-1, after the second terminal directly sends at least one of the second embedded data and user identification information to the first server, if the first server and the first terminal establish a communication connection based on the user identification information, then the first server can send the second embedded data to the first terminal.

[0096] As can be seen from item C-2, after the second terminal directly sends at least one of the second tracking data and user identification information to the first server, if the first server and the first terminal do not establish a communication connection with the user identification information, then the second tracking data of the second terminal may not be able to be pushed to the first terminal. That is, the second terminal may report the second tracking data to one server, while the first terminal used to display the second tracking data is connected to another server.

[0097] To address this issue, in the embodiments of this application, all servers are configured to communicate with Redis, and at least some of these servers can subscribe to Redis messages upon startup. Thus, if the second server receives the second tracking data and user identification information reported by the second terminal, it can report these data to Redis. Redis then forwards the data to the subscribed servers. Once the subscribed servers receive the data, those servers that have established communication connections with the terminals using the user identification information can send the second tracking data to the corresponding terminals (i.e., the terminals that have established communication connections with these servers using the user identification information) for display, thereby enabling the display of the second tracking data on multiple terminals.

[0098] Therefore, in the embodiments of this application, the publish-subscribe mechanism of Redis can solve the problem of "the second terminal reporting the second data point data is on one server, while the first terminal used to display the second data point data is connected to another server".

[0099] Thirdly, embodiments of this application also provide a data processing method that can be applied to a second terminal, such as... Figure 2 As shown, the method may include the following steps 301 to 302:

[0100] Step 301: Obtain the second embedded data of the second terminal.

[0101] Specifically, a software development kit (SDK) for monitoring event tracking can be introduced into the page on the second terminal that needs to monitor event tracking data, thereby obtaining the second event tracking data through the SDK.

[0102] Step 302: If the second terminal is connected to the intranet, report the second embedded data.

[0103] The second terminal can be a mobile terminal (such as a mobile phone, tablet computer, etc.).

[0104] In addition, the second terminal can report the second data point to the first server, so that the first server can send the second data point to the first terminal for display.

[0105] Here, the first terminal can be a PC.

[0106] When the second terminal is a mobile terminal (such as a mobile phone, tablet, etc.) and the first terminal is a PC, the tracking test window of the App is very small on the mobile phone, and the tracking information is messy and disorganized, making it time-consuming and laborious to search. However, the embodiment of this application can be directly displayed on the page of the PC, with a larger display interface, making it more convenient to view the tracking data.

[0107] In addition, the data monitoring function needs to be used during testing and does not need to be exposed to users. Therefore, in order not to increase the network pressure on users, after the second terminal obtains the second data, it can be determined whether the current connection is on the intranet. If so, the second terminal can report the second data; otherwise, the second terminal does not need to report the second data.

[0108] One option is to set up an intranet probe request to determine whether the second terminal is connected to the intranet.

[0109] Optionally, the method further includes:

[0110] Report the user identification information of the second terminal;

[0111] The user identification information is used to instruct the first terminal that has established a communication connection with the user identification information to send the second embedded data.

[0112] In this embodiment of the application, after the first server receives the second tracking data and the user identification information, it can send the second tracking data to the first terminal that has established a communication connection with the user identification information, so that the second tracking data can be displayed on the first terminal.

[0113] In summary, the specific implementation methods of the data processing method in this application can be described in either Implementation Method 1 or Implementation Method 2:

[0114] Implementation method one, such as Figure 4 As shown, steps 401 to 409 are included:

[0115] Step 401: Listen for the event tracking reporting requests of the host page (i.e., URLs with the same origin as the host page's address) via WebRequest;

[0116] Step 402: Send the URL to Vue via a message (sendMessage);

[0117] Step 403: Vue creates a sandbox and mounts the sandbox to the host page;

[0118] Step 404: Vue renders the components of the pre-designed visual page into the sandbox;

[0119] Step 405: Vue mounts the CSS of the pre-designed visual page into the sandbox;

[0120] Step 406: Vue parses the URL to obtain the first data point.

[0121] Step 407: Vue renders a visualization page in the sandbox based on the above components and CSS to display the first data tracking point.

[0122] Step 408: Receive a click operation on the second control displayed on the host page;

[0123] Step 409: Display the visualization page.

[0124] Steps 401 to 409 above primarily utilize browser extensions, including but not limited to WebRequest network listening and sendMessage message communication. The page displaying the tracking information is implemented using Vue. Ultimately, this visualization needs to be mounted onto the host page for display. Therefore, a sandbox is necessary to isolate the plugin's own styles from the host's styles, preventing style pollution.

[0125] Implementation method two, such as Figure 5 As shown, the process includes the following:

[0126] First, an SDK for event tracking needs to be introduced into the mobile page to report event data (i.e., report the second event data of the mobile device to the backend event tracking service so that the backend event tracking service can store the second event data in the event tracking database).

[0127] Secondly, the event tracking capability is extended on the basis of the above SDK so that the second event tracking data and UID of the mobile device are reported to the server at the same time as the event tracking data is reported. Here, the mobile device can determine whether it is in the intranet. If it is, the second event tracking data and UID are reported to the server; otherwise, they are not reported.

[0128] Secondly, after receiving the second tracking data and the UID, the server sends the second tracking data to the PC that has established a WebSocket connection with that UID; if the server has not established a WebSocket connection with that UID, it does not send the second tracking data.

[0129] Secondly, for the PC side, there is a page on the PC for establishing a WebSocket connection. You can enter a UID to connect, and after the connection is successful, wait for the server to push the data tracking information.

[0130] When the PC receives the push notification data, if it receives a second input (such as a click on a third control displayed on the PC), it will display the notification data.

[0131] It's important to note that there's a challenge in the above process: because there's more than one server, it's possible that the second data point is reported from one server, while the PC displaying that data is connected to another, thus preventing multi-node WebSocket push functionality. To solve this problem, the following solution can be adopted:

[0132] like Figure 6 As shown: When all servers start up, they need to subscribe to Redis messages. When a server receives the event tracking data and UID, it sends the event tracking data and UID to Redis. This causes Redis to send the event tracking data and UID to all servers that have subscribed to Redis messages. In this way, the server that establishes a WebSocket with the UID can send the event tracking data to the corresponding PC.

[0133] Fourthly, embodiments of this application also provide a data processing apparatus that can be applied to a first terminal, such as... Figure 7 As shown, the data processing device may include the following modules:

[0134] The first acquisition module 701 is used to acquire the tracking point reporting request of the host page;

[0135] The page generation module 702 is used to generate a visualization page mounted on the host page, wherein the visualization page includes the first tracking data corresponding to the tracking point reporting request.

[0136] Optionally, the page generation module 702 includes:

[0137] The transmission submodule is used to transmit the embedded point reporting request to the user interface editing tool;

[0138] The sandbox creation submodule is used to create a sandbox using the user interface editing tool and mount the sandbox to the host page;

[0139] A generation submodule is used to generate the visualization page mounted on the host page based on the data point reporting request and the sandbox using the user interface editing tool.

[0140] Optionally, the generation submodule is specifically used for:

[0141] The first data point is obtained by parsing the data point reporting request using the user interface editing tool.

[0142] The components included in the visualization page are rendered into the sandbox using the user interface editing tool;

[0143] The Cascading Style Sheets (CSS) of the visualization page are mounted into the sandbox using the user interface editing tool.

[0144] Using the user interface editing tool, the visualization page mounted on the host page is generated based on the first data point data and the sandbox including the component and the cascading style sheet.

[0145] Optionally, the first acquisition module 701 is specifically used for:

[0146] Listen for network requests from the host page;

[0147] The monitoring network requests are filtered to extract the event tracking reporting requests.

[0148] Optionally, the device further includes:

[0149] The second receiving module is used to receive the first input;

[0150] A first display module is configured to display the visualization page in response to the first input.

[0151] Optionally, the device further includes:

[0152] The third receiving module is used to receive the second tracking data sent by the first server, wherein the second tracking data includes the tracking data of the second terminal;

[0153] The second display module is used to display the second embedded data.

[0154] Fifthly, embodiments of this application also provide a data processing apparatus that can be applied to a first terminal, such as... Figure 8 As shown, the data processing device may include the following modules:

[0155] The first receiving module 801 is used to receive the second embedded data, wherein the second embedded data includes the embedded data of the second terminal;

[0156] The sending module 802 is used to send the second embedded data to the first terminal so that the first terminal can display the second embedded data.

[0157] Optionally, the first receiving module 801 is further configured to receive user identification information of the second terminal;

[0158] The sending module 802 is specifically used for:

[0159] The second embedded data is sent to the first terminal that has established a communication connection with the user identification information.

[0160] Optionally, the first receiving module 801 is specifically used for:

[0161] Receive the target information sent by the second terminal;

[0162] or,

[0163] The system receives the target information sent by the remote dictionary service Redis, wherein the target information in Redis is sent by the second server, the target information in the second server is sent by the second terminal, and the first server is one of the servers that have subscribed to the messages of Redis.

[0164] The target information includes at least one of the second embedded data and the user identification information of the second terminal.

[0165] Sixthly, embodiments of this application also provide a data processing apparatus that can be applied to a first terminal, such as... Figure 9 As shown, the data processing device may include the following modules:

[0166] The second acquisition module 901 is used to acquire the second embedded data of the second terminal;

[0167] The first reporting module 902 is used to report the second embedded data when the second terminal is connected to the intranet.

[0168] Optionally, the device further includes:

[0169] The second reporting module is used to report the user identification information of the second terminal;

[0170] The user identification information is used to instruct the first terminal that has established a communication connection with the user identification information to send the second embedded data.

[0171] As the device embodiment is basically similar to the method embodiment, the description is relatively simple, and relevant parts can be found in the description of the method embodiment.

[0172] On the other hand, embodiments of this application also provide an electronic device, including a memory, a processor, a bus, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the steps of the data processing method of the first terminal, the first server, or the second terminal described above.

[0173] For example, Figure 10 A schematic diagram of the physical structure of an electronic device is shown.

[0174] like Figure 10As shown, the electronic device may include a processor 1010, a communications interface 1020, a memory 1030, and a communication bus 1040. The processor 1010, communications interface 1020, and memory 1030 communicate with each other via the communication bus 1040. The processor 1010 can call logical instructions stored in the memory 1030, and the processor 1010 is used to execute the steps of the data processing method described above for the first terminal, the first server, or the second terminal.

[0175] Furthermore, the logical instructions in the aforementioned memory 1030 can be implemented as software functional units and, when sold or used as independent products, can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art, or a part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0176] In another aspect, embodiments of this application also provide a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the steps of the data processing methods for the first terminal, the first server, or the second terminal provided in the above embodiments.

[0177] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without any creative effort.

[0178] Through the above description of the embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus necessary general-purpose hardware platforms, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solutions, in essence or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods described in the various embodiments or some parts of the embodiments.

[0179] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A data processing method, characterized in that, Applied to a first terminal, the method includes: Obtain the event tracking report request from the host page; Generate a visualization page mounted on the host page, wherein the visualization page includes the first tracking data corresponding to the tracking point reporting request; The generation of the visual page mounted on the host page includes: The data point reporting request is transmitted to the user interface editing tool; A sandbox is created using the user interface editing tool, and the sandbox is then mounted onto the host page. The first data point is obtained by parsing the data point reporting request using the user interface editing tool. The components included in the visualization page are rendered into the sandbox using the user interface editing tool; The Cascading Style Sheets (CSS) of the visualization page are mounted into the sandbox using the user interface editing tool. Using the user interface editing tool, the visualization page mounted on the host page is generated based on the first data point data and the sandbox including the component and the cascading style sheet.

2. The method according to claim 1, characterized in that, The request to obtain the event tracking information of the host page includes: Listen for network requests from the host page; The monitoring network requests are filtered to extract the event tracking reporting requests.

3. The method according to claim 1, characterized in that, The method also includes: Received the first input; In response to the first input, the visualization page is displayed.

4. The method according to any one of claims 1 to 3, characterized in that, The method further includes: Receive second data points sent by the first server, wherein the second data points include data points from the second terminal; Display the data of the second embedded point.

5. A data processing apparatus, characterized in that, Applied to a first terminal, the device includes: The first acquisition module is used to acquire the event tracking report requests of the host page; A page generation module is used to generate a visualization page mounted on the host page, wherein the visualization page includes the first tracking data corresponding to the tracking point reporting request; The page generation module includes: The transmission submodule is used to transmit the embedded point reporting request to the user interface editing tool; The sandbox creation submodule is used to create a sandbox using the user interface editing tool and mount the sandbox to the host page; A generation submodule is used to parse the tracking point reporting request using the user interface editing tool to obtain the first tracking point data; to render the components included in the visualization page into the sandbox using the user interface editing tool; to mount the Cascading Style Sheets (CSS) of the visualization page into the sandbox using the user interface editing tool; and to generate the visualization page mounted on the host page using the user interface editing tool based on the first tracking point data and the sandbox including the components and the CSS.

6. An electronic device, characterized in that, It includes a processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the computer program, when executed by the processor, implements the steps of the data processing method as described in any one of claims 1 to 4.

7. A computer-readable storage medium, characterized in that, A computer program is stored on the computer-readable storage medium, which, when executed by a processor, implements the steps of the data processing method as described in any one of claims 1 to 4.

Images