CN116431125A - Method and device for embedding points in HTML webpage visualization and data acquisition method - Google Patents
Method and device for embedding points in HTML webpage visualization and data acquisition method Download PDFInfo
- Publication number
- CN116431125A CN116431125A CN202310238693.7A CN202310238693A CN116431125A CN 116431125 A CN116431125 A CN 116431125A CN 202310238693 A CN202310238693 A CN 202310238693A CN 116431125 A CN116431125 A CN 116431125A
- Authority
- CN
- China
- Prior art keywords
- target page
- point
- embedded
- embedded point
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 238000012800 visualization Methods 0.000 title claims abstract description 25
- 238000004590 computer program Methods 0.000 claims description 16
- 230000000007 visual effect Effects 0.000 claims description 7
- 238000013480 data collection Methods 0.000 claims description 6
- 238000011161 development Methods 0.000 abstract description 7
- 238000004891 communication Methods 0.000 description 17
- 230000009471 action Effects 0.000 description 7
- 230000006399 behavior Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000012795 verification Methods 0.000 description 5
- 230000003139 buffering effect Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000001514 detection method Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 238000012360 testing method Methods 0.000 description 3
- 238000007405 data analysis Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000010354 integration Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000010200 validation analysis Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The invention relates to the technical field of computers, in particular to a method and a device for embedding points in an HTML webpage for visualization and a data acquisition method, wherein the method comprises the following steps: receiving a target page address input by a user; opening a target page by using an HTML tag according to the target page address; checking whether the embedded point SDK is integrated in the target page or not to obtain a checking result; if the checking result shows that the target page has integrated the embedded point SDK, receiving embedded point elements selected by a user in the target page and configuration information corresponding to the embedded point elements; analyzing the position information of the embedded point element on the target page; and obtaining a buried point configuration scheme according to the configuration information and the position information. The invention aims to solve the problems of long development period, easy loss of user behavior data and complex flow of buried points in the prior art.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for embedding points in an HTML webpage for visualization and a data acquisition method.
Background
Common embedded point technology of the Web page comprises full embedded points and code embedded points, wherein the full embedded points realize that monitors are placed on all pages and various interactable elements of the pages through codes to realize data acquisition. Any browsing and clicking actions of the user on the page will be recorded. The full buried point obtains comprehensive user behavior data, and the missing of a buried point scheme designed when the code is buried is avoided. However, drawbacks of using fully buried points include: the full buried point has huge reported data volume, contains a large amount of data without service value, and occupies storage resources; moreover, the effective buried point planning is lacking, event parameters are often missed, and the service requirements cannot be completely met; and, data analysis filters from the vast data, making the data analysis inefficient.
Meanwhile, the code embedded point needs to write corresponding codes into the application to count the operation behaviors or other data of the user. For example, counting the clicking times of a certain button in a webpage, when the user clicks the button, recording clicking the button to form collected data. The code embedded point can be attached to the service requirement to design an embedded point scheme, and event parameters required by the service are collected.
However, drawbacks of using code embedded points include: the code embedded point needs the cooperative work of products/operation, research and development, test and the like, and has high communication cost, large workload and longer development period; meanwhile, for business scenes with frequent changes such as short-term activities, the code embedded point response is slow, and the user behavior data loss is easy to cause; when the code embedded point is used, if a defect or an error occurs, the code embedded point needs to be redeveloped and deployed, and the modification flow is complex.
Disclosure of Invention
The invention provides a method and a device for embedding points in an HTML webpage visualization and a data acquisition method, which are used for solving the problems that the embedded points in the prior art are long in development period, easy to cause loss of user behavior data and complex in changing flow.
The invention provides a point burying method for visualizing an HTML webpage, which comprises the following steps:
receiving a target page address input by a user;
opening a target page by using an HTML tag according to the target page address;
checking whether the embedded point SDK is integrated in the target page or not to obtain a checking result;
if the checking result shows that the target page has integrated the embedded point SDK, receiving embedded point elements selected by a user in the target page and configuration information corresponding to the embedded point elements;
analyzing the position information of the embedded point element on the target page;
and obtaining a buried point configuration scheme according to the configuration information and the position information.
According to the embedded point method for visualizing the HTML webpage, provided by the invention, whether the embedded point SDK is integrated in the target page is checked to obtain a checking result, and the method comprises the following steps:
and checking the target page by using a PostMessage interface, and if successful check data is fed back by the target page, acquiring a check result of the integrated buried point SDK in the target page.
According to the embedded point method for visualizing the HTML webpage provided by the invention, whether the embedded point SDK is integrated in the target page is checked, and after the step of obtaining the checking result, the method further comprises the following steps:
and if the checking result shows that the target page is not integrated with the embedded point SDK, acquiring a preset embedded point SDK, and integrating the preset embedded point SDK in the target page to obtain the target page integrated with the embedded point SDK.
According to the embedded point method for visualizing the HTML webpage provided by the invention, if the checking result shows that the target page has integrated embedded point SDK, the embedded point elements selected by the user in the target page and the configuration information corresponding to the embedded point elements are received, and the method comprises the following steps:
obtaining buried point elements and position information according to the horizontal coordinate position of the user relative to the user screen when the mouse event happens and the vertical coordinate position of the user relative to the user screen when the mouse event happens;
and after the position information is injected into the target page, receiving configuration information which is set by a user and is associated with the embedded point element.
The invention also provides a data acquisition method of the HTML webpage, comprising the following steps:
receiving a target page opened by a user;
acquiring a buried point configuration scheme obtained by the buried point method of any one of the above items of the target page;
caching the buried point configuration scheme according to preset caching time;
and collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data.
According to the data acquisition method provided by the invention, the step of caching the buried point configuration scheme according to the preset caching time also comprises the following steps:
acquiring the latest buried point configuration scheme in the storage server, and comparing and judging the latest buried point configuration scheme with the cached buried point configuration scheme;
if the two embedding point configuration schemes are inconsistent, canceling the cached embedding point configuration scheme, and re-caching the latest embedding point configuration scheme according to the preset caching time.
The invention also provides a device for embedding the HTML webpage visualization, which comprises:
the receiving module is used for receiving a target page address input by a user;
the operation module is used for opening the target page by utilizing the HTML tag according to the target page address;
the checking module is used for checking whether the embedded point SDK is integrated in the target page or not to obtain a checking result;
the setting module is used for receiving the embedded point elements selected by the user in the target page and the set configuration information corresponding to the embedded point elements if the checking result shows that the target page has integrated the embedded point SDK;
the analyzing module is used for analyzing the position information of the embedded point element, which is positioned on the target page;
and the transmission module is used for obtaining a buried point configuration scheme according to the configuration information and the position information.
The invention also provides a data acquisition device of the HTML webpage, which comprises:
the receiving module is used for receiving a target page opened by a user;
the acquisition module is used for acquiring the embedded point configuration scheme of the target page, which is obtained by the embedded point method according to any one of the above steps;
the caching module is used for caching the embedded point configuration scheme according to preset caching time;
and the acquisition module is used for acquiring the buried point data in the target page according to the cached buried point configuration scheme to obtain acquisition data.
The invention also provides an electronic device, which comprises a memory, a processor and a computer program stored on the memory and capable of running on the processor, wherein the processor realizes the embedded point method for visualizing the HTML webpage when executing the program.
The present invention also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a buried point method of HTML web page visualization as described in any one of the above.
According to the embedded point method, the embedded point device and the data acquisition method for the HTML webpage visualization, which are provided by the invention, after the target page input by a user is opened by the HTML label is checked by the embedded point method for the HTML webpage visualization, the checking result is that the embedded point SDK is integrated in the target page, so that the embedded point SDK is convenient to transmit data such as an embedded point configuration scheme and the like. Meanwhile, the visual buried point is realized by selecting the interactable and effective buried point elements after interaction by a user. Meanwhile, the processes of code deployment, test verification and edition development are avoided, the development period is shortened, the embedded points and configuration information are selected by a user, the embedded points of the HTML webpage are matched and used immediately, the embedded point response is faster, the data loss of user behaviors is reduced, and the flow is more convenient.
Drawings
In order to more clearly illustrate the invention or the technical solutions of the prior art, the following description will briefly explain the drawings used in the embodiments or the description of the prior art, and it is obvious that the drawings in the following description are some embodiments of the invention, and other drawings can be obtained according to the drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a method for embedding points in an HTML webpage visualization provided by the invention;
FIG. 2 is a schematic diagram of the structure of the embedded point device for visualizing an HTML web page according to the present invention;
fig. 3 is a schematic structural diagram of an electronic device for performing the embedded point method of HTML web page visualization according to the present invention.
FIG. 4 is a flowchart of a method for collecting data of an HTML page according to the present invention;
FIG. 5 is a schematic flow chart of a data acquisition device of an HTML webpage provided by the invention;
fig. 6 is a schematic structural diagram of an electronic device for performing the data acquisition method according to the present invention.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the present invention more apparent, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is apparent that the described embodiments are some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The following describes a method for embedding points in an HTML web page visualization according to the present invention with reference to fig. 1, which includes:
s11, receiving a target page address (URL) input by a user.
S12, opening the target page by using an HTML tag (Iframe) according to the target page address.
S13, checking whether the embedded point SDK is integrated in the target page or not, and obtaining a checking result.
And S14, if the checking result shows that the target page has integrated the buried point SDK, receiving the buried point elements selected by the user in the target page and the set configuration information corresponding to the buried point elements. And transmitting data through an interface provided by the integrated buried point SDK so as to transmit the buried point data formed by the method to a server. Wherein the configuration information includes: buried point elements, configuration events containing exposure and/or clicking, and configuration buried point event parameters; the configuration buried point event parameters include: buried element name, business parameters, validation view and buried element path.
S15, analyzing the position information of the embedded point element, which is positioned on the target page. In this embodiment, after the position information of the embedded point element located in the target page is analyzed, the embedded point element is highlighted, so as to realize highlighting.
S16, obtaining a buried point configuration scheme according to the configuration information and the position information. Specifically, the buried point arrangement pattern is formed of arrangement information and position information. So that the user can conveniently conduct subsequent data acquisition through the buried point configuration scheme.
After the target page input by the user is opened by the HTML tag, the detection result is obtained as the integrated embedded point SDK in the target page, so that the embedded point SDK is convenient for transmitting data containing the embedded point configuration scheme. Meanwhile, the visual buried point is realized by selecting the interactable and effective buried point elements after interaction by a user. Personnel without technical background such as operation and products also configure buried points, so that buried point threshold is reduced, communication cost is reduced, and buried point efficiency is improved.
Meanwhile, for short-term business scenes (such as marketing activities), the embedded point configuration can be flexibly changed, iteration management is facilitated, if the embedded point elements are needed to be supplemented, the development-test-online process is not needed to be carried out again, the latest embedded point configuration scheme is obtained after only the embedded point elements needed to be selected by a user are added, development resources are saved, the processes of code deployment, test verification and edition issuing are avoided, and the development period is shortened.
And the embedded points and the configuration information are selected by the user, so that the embedded points can be matched and used immediately, when the embedded point configuration scheme is omitted, the required embedded point elements can be selected again by the user to be configured, the latest embedded point configuration scheme is further obtained to be quickly completed, frequent edition is avoided, the embedded point response is faster, the data loss of user behaviors is reduced, and the changing process is more convenient.
Specifically, checking whether the embedded point SDK is integrated in the target page to obtain a checking result, including:
and checking the target page by using a PostMessage interface, and if successful check data is fed back by the target page, acquiring a check result of the integrated buried point SDK in the target page. In this embodiment, the PostMessage interface provided by the browser may be used to perform data communication with the embedded point SDK in the embedded target page, and if the embedded point SDK is integrated, the verification data transmitted from the embedded target page may be successfully received.
The method comprises the following specific steps:
step one, the PostMessage interface sends a message with an action field of "check" and a status field value of "check" to the embedded target page. Where action indicates that the type of the message is "detect", status indicates that the current detected state is "initiate detect".
And step two, if the embedded page is a target page integrated with the embedded point SDK, receiving the message in the step one, and detecting whether normal communication can be carried out by the embedded point SDK according to a check rule according to the message type bit of "check" and the message state of "check".
And step three, if the detection is passed, a message with an action field of check and a status field value of success is sent to the management terminal, and the success of the detection is notified.
And step four, if the success is received, a message with an action field of check and a status field value of success is sent to the buried point SDK so as to inform the buried point SDK of success of verification.
And fifthly, after receiving the success message, the buried point SDK performs initialization operations such as configuration information acquisition of the visual buried point, and after the initialization operations are completed, a message with an action field of "check" and a status field value of "finish" is sent to inform the end of the checking flow.
And step six, after receiving the 'final' message, initializing operations such as obtaining a buried point element list and the like are carried out, and a normal visual buried point function is started. So far, the checking flow of the visual buried point function is completed.
If no message is received for more than 8 seconds in the first step, the embedded target page is indicated to have no integrated embedded point SDK, and popup is performed so as to prompt a user to detect failure. In the second to sixth steps, if any one of the message status fields sent is "failure", a failure message is indicated, which means that the verification of the step fails, and a popup prompt is also performed to detect failure.
And sending the record data containing the embedded point configuration scheme by calling a data sending interface provided by the embedded point SDK in the OnClick function through judging whether the integrated embedded point SDK exists in the target page.
Specifically, the step of checking whether the embedded point SDK is integrated in the target page, and after obtaining the checking result, further includes:
and if the checking result shows that the target page is not integrated with the embedded point SDK, acquiring a preset embedded point SDK, and integrating the preset embedded point SDK in the target page to obtain the target page integrated with the embedded point SDK.
And the embedded point SDK script is embedded into the embedded point initialization item ID parameter, so that the preset embedded point SDK is integrated in the target page to obtain the target page integrated with the embedded point SDK. The method is characterized in that the preset buried point SDK is integrated on a target page of the non-integrated buried point SDK.
Specifically, if the checking result shows that the target page has integrated the embedded point SDK, receiving an embedded point element selected by a user in the target page and configuration information corresponding to the embedded point element, including:
and obtaining buried point elements and position information according to the horizontal coordinate position of the user relative to the user screen when the mouse event occurs and the vertical coordinate position of the user relative to the user screen when the mouse event occurs.
And after the position information is injected into the target page, receiving configuration information which is set by a user and is associated with the embedded point element.
In this embodiment, the mouse clicking action of the user is captured in real time through the standard event MouseEvent of the browser, the horizontal coordinate position screen x of the mouse event relative to the user screen and the vertical coordinate position screen y of the mouse event relative to the user screen are obtained, the embedded point element and the position information are obtained, and the position information is injected into the original page Html through the plug-in of the browser.
After the embedded point SDK is communicated with a management end (a user operation end), the management end is utilized to open an interactable popup window for a user to input configuration information, and the configuration information comprises an embedded point element name, an effective view and an embedded point element path. And transmitting the data containing the embedded point configuration scheme to a storage server for storage, so as to ensure that the embedded point configuration scheme can be synchronous during data acquisition.
The embedded point device for the visualization of the HTML web page provided by the invention is described below, and the embedded point device for the visualization of the HTML web page described below and the embedded point method for the visualization of the HTML web page described above can be correspondingly referred to each other.
Referring to fig. 2, an embedded point device for visualizing an HTML web page includes a receiving module 210, an operating module 220, a checking module 230, a setting module 240, an analyzing module 250, and an embedded point configuration module 260.
The receiving module 210 is configured to receive a target page address input by a user.
The operation module 220 is configured to open a target page with an HTML tag according to the target page address.
The checking module 230 is configured to check whether the embedded point SDK is integrated in the target page, to obtain a check result.
The setting module 240 is configured to receive a buried point element selected by a user in the target page and set configuration information corresponding to the buried point element if the checking result shows that the target page has integrated the buried point SDK.
The parsing module 250 is configured to parse the location information of the embedded point element, where the location information is located on the target page.
The buried point configuration module 260 is configured to obtain a buried point configuration scheme according to the configuration information and the position information.
According to the invention, the receiving module receives the target page address input by the user, the operation module is used for opening the target page, and the checking module obtains the checking result according to the condition of whether the embedded point SDK is integrated in the target page, so that the integrated embedded point SDK in the target page is convenient for transmitting the data containing the embedded point configuration scheme. The setting module receives the embedded point elements and the configuration information according to the checking result of the integrated embedded point SDK, the analyzing module analyzes the position information of the target page, and the embedded point configuration module is used for obtaining an embedded point configuration scheme according to the configuration information and the position information, so that the interactive and effective embedded point elements are selected by a user, and the visualized embedded point is realized. Personnel without technical background such as operation and products also configure buried points, so that buried point threshold is reduced, communication cost is reduced, and buried point efficiency is improved.
In this embodiment, the checking module 230 is configured to check whether the embedded point SDK is integrated in the target page, to obtain a checking result, including:
and checking the target page by using a PostMessage interface, and if successful check data is fed back by the target page, acquiring a check result of the integrated buried point SDK in the target page.
The checking module 230 is configured to check whether the embedded point SDK is integrated in the target page, and further includes an integration module after the step of obtaining the checking result.
And the integration module is used for integrating the preset buried point SDK in the target page after acquiring the preset buried point SDK if the checking result shows that the target page is not integrated with the buried point SDK, so as to obtain the target page integrated with the buried point SDK.
Meanwhile, the setting module 240 is configured to receive the embedded point element selected by the user in the target page and the set configuration information corresponding to the embedded point element if the checking result shows that the target page has integrated the embedded point SDK, where the configuration information includes:
obtaining buried point elements and position information according to the horizontal coordinate position of the user relative to the user screen when the mouse event happens and the vertical coordinate position of the user relative to the user screen when the mouse event happens;
and after the position information is injected into the target page, receiving configuration information which is set by a user and is associated with the embedded point element.
Fig. 3 illustrates a physical schematic diagram of an electronic device, as shown in fig. 3, where the electronic device may include: processor 310, communication interface (Communications Interface) 320, memory 330 and communication bus 340, wherein processor 310, communication interface 320, memory 330 accomplish communication with each other through communication bus 340. Processor 310 may invoke logic instructions in memory 330 to perform a buried point method of HTML web page visualization, the method comprising:
s11, receiving a target page address input by a user.
And S12, opening the target page by using the HTML tag according to the target page address.
S13, checking whether the embedded point SDK is integrated in the target page or not, and obtaining a checking result.
And S14, if the checking result shows that the target page has integrated the buried point SDK, receiving the buried point elements selected by the user in the target page and the set configuration information corresponding to the buried point elements.
S15, analyzing the position information of the embedded point element, which is positioned on the target page.
S16, obtaining a buried point configuration scheme according to the configuration information and the position information.
Further, the logic instructions in the memory 330 described above may be implemented in the form of software functional units and may be stored in a computer-readable storage medium when sold or used as a stand-alone product. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In another aspect, the present invention also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, is capable of executing the embedded point method for HTML web page visualization provided by the above methods, the method comprising:
s11, receiving a target page address input by a user.
And S12, opening the target page by using the HTML tag according to the target page address.
S13, checking whether the embedded point SDK is integrated in the target page or not, and obtaining a checking result.
And S14, if the checking result shows that the target page has integrated the buried point SDK, receiving the buried point elements selected by the user in the target page and the set configuration information corresponding to the buried point elements.
S15, analyzing the position information of the embedded point element, which is positioned on the target page.
S16, obtaining a buried point configuration scheme according to the configuration information and the position information.
In another aspect, the present invention also provides a computer program product, where the computer program product includes a computer program, where the computer program can be stored on a non-transitory computer readable storage medium, where the computer program when executed by a processor can perform a method for embedding point in HTML web page visualization provided by the above methods, where the method includes:
s11, receiving a target page address input by a user.
And S12, opening the target page by using the HTML tag according to the target page address.
S13, checking whether the embedded point SDK is integrated in the target page or not, and obtaining a checking result.
And S14, if the checking result shows that the target page has integrated the buried point SDK, receiving the buried point elements selected by the user in the target page and the set configuration information corresponding to the buried point elements.
S15, analyzing the position information of the embedded point element, which is positioned on the target page.
S16, obtaining a buried point configuration scheme according to the configuration information and the position information.
Referring to fig. 4, the data collection method of the HTML web page provided by the present invention is described below.
S21, receiving a target page opened by a user.
S22, acquiring the buried point configuration scheme of the target page, which is obtained by the buried point method according to any one of the above steps. Specifically, a cloud storage server is requested to acquire a buried point configuration scheme of the target page. The embedded point configuration scheme is obtained by the embedded point method of the HTML webpage visualization of any one of the above.
S23, caching the buried point configuration scheme according to preset caching time. The preset buffering time can be set according to practical situations, for example, the buffering time is selected to be 5 minutes, so that a user is prevented from generating various different results in one operation.
S24, collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data. Namely, when a user triggers a point embedding event, point embedding data in a target page is acquired, and acquired data are obtained.
According to the method and the device, after the user opens the target page, the buried point configuration scheme of the target page is obtained, so that the target page is collected, and collected data is obtained. By acquiring the buried point configuration scheme, the invention can realize acquisition, operation, products and the like can be acquired without technical background, the threshold and communication cost for acquiring data are reduced, and the acquisition efficiency is improved.
Specifically, the step of caching the embedded point configuration scheme according to the preset caching time further includes:
acquiring the latest buried point configuration scheme in the storage server, and comparing and judging the latest buried point configuration scheme with the cached buried point configuration scheme;
if the two embedding point configuration schemes are inconsistent, canceling the cached embedding point configuration scheme, and re-caching the latest embedding point configuration scheme according to the preset caching time. That is, the user updates the embedded point configuration scheme which is already dynamically configured, the default cache time of the previous embedded point configuration scheme will be invalid, and then the latest embedded point configuration scheme will be acquired. Therefore, when a user adjusts the buried point configuration scheme, the acquisition frequency can be reduced, and the acquired data is more accurate.
The collected data collection further comprises the step of storing and processing the collected data. Wherein, the processing steps are as follows: the embedded point SDK reports basic information such as automatically collected system information and collected data through a data reporting interface provided by the embedded point SDK. So that the user can view and analyze the acquired data.
Referring to fig. 5, the data collection device for an HTML page provided by the present invention is described below, and the data collection device for an HTML page described below and the data collection method for an HTML page described above may be referred to correspondingly.
A data acquisition device of an HTML webpage comprises a receiving module 510, an acquisition module 520, a caching module 530 and an acquisition module 540.
The receiving module 510 is configured to receive a target page opened by a user.
The obtaining module 520 is configured to obtain a buried point configuration scheme of the target page, where the buried point configuration scheme is obtained by using the buried point method as described in any one of the above.
The caching module 530 is configured to cache the buried point configuration scheme according to a preset caching time.
The collection module 540 is configured to collect buried point data in the target page according to the cached buried point configuration scheme, so as to obtain collected data.
According to the invention, the receiving module receives the target page, the acquisition module acquires the embedded point configuration scheme of the target page, and the data acquisition is carried out on the target page after the cached embedded point configuration scheme is utilized, so that the acquisition data is obtained.
Specifically, the buffering module 530 is configured to buffer the step of the buried point configuration scheme according to the preset buffering time, and further includes a judging module.
The judging module is used for acquiring the latest embedded point configuration scheme in the storage server, and comparing and judging the latest embedded point configuration scheme with the cached embedded point configuration scheme;
if the two embedding point configuration schemes are inconsistent, canceling the cached embedding point configuration scheme, and re-caching the latest embedding point configuration scheme according to the preset caching time.
The buried point configuration scheme can be conveniently adjusted by a user through the judging module, the acquisition frequency can be reduced, and the acquired data is more accurate.
Fig. 6 illustrates a physical schematic diagram of an electronic device, as shown in fig. 6, which may include: processor 610, communication interface (Communications Interface) 620, memory 630, and communication bus 640, wherein processor 610, communication interface 620, and memory 630 communicate with each other via communication bus 640. Processor 610 may invoke logic instructions in memory 630 to perform a buried point method of HTML web page visualization, the method comprising:
s21, receiving a target page opened by a user.
S22, acquiring the buried point configuration scheme of the target page, which is obtained by the buried point method according to any one of the above steps.
S23, caching the buried point configuration scheme according to preset caching time.
S24, collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data.
Further, the logic instructions in the memory 630 may be implemented in the form of software functional units and stored in a computer-readable storage medium when sold or used as a stand-alone product. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In another aspect, the present invention also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, is capable of executing the embedded point method for HTML web page visualization provided by the above methods, the method comprising:
s21, receiving a target page opened by a user.
S22, acquiring the buried point configuration scheme of the target page, which is obtained by the buried point method according to any one of the above steps.
S23, caching the buried point configuration scheme according to preset caching time.
S24, collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data.
In another aspect, the present invention also provides a computer program product, where the computer program product includes a computer program, where the computer program can be stored on a non-transitory computer readable storage medium, where the computer program when executed by a processor can perform a method for embedding point in HTML web page visualization provided by the above methods, where the method includes:
s21, receiving a target page opened by a user.
S22, acquiring the buried point configuration scheme of the target page, which is obtained by the buried point method according to any one of the above steps.
S23, caching the buried point configuration scheme according to preset caching time.
S24, collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data.
The apparatus embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present invention without undue burden.
From the above description of the embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by means of software plus necessary general hardware platforms, or of course may be implemented by means of hardware. Based on this understanding, the foregoing technical solution may be embodied essentially or in a part contributing to the prior art in the form of a software product, which may be stored in a computer readable storage medium, such as ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method described in the respective embodiments or some parts of the embodiments.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims (10)
1. An embedded point method for visualizing an HTML web page, comprising:
receiving a target page address input by a user;
opening a target page by using an HTML tag according to the target page address;
checking whether the embedded point SDK is integrated in the target page or not to obtain a checking result;
if the checking result shows that the target page has integrated the embedded point SDK, receiving embedded point elements selected by a user in the target page and configuration information corresponding to the embedded point elements;
analyzing the position information of the embedded point element on the target page;
and obtaining a buried point configuration scheme according to the configuration information and the position information.
2. The method for embedding a visual HTML page according to claim 1, wherein checking whether the embedded SDK is integrated in the target page to obtain a check result comprises:
and checking the target page by using a PostMessage interface, and if successful check data is fed back by the target page, acquiring a check result of the integrated buried point SDK in the target page.
3. The method for embedding a visual HTML page according to claim 1, wherein the step of checking whether the embedded SDK is integrated in the target page, and obtaining the checking result, further comprises:
and if the checking result shows that the target page is not integrated with the embedded point SDK, acquiring a preset embedded point SDK, and integrating the preset embedded point SDK in the target page to obtain the target page integrated with the embedded point SDK.
4. A method for embedding an HTML web page according to any one of claims 1 to 3, wherein if the checking result shows that the target page has an integrated embedded point SDK, receiving an embedded point element selected by a user in the target page and configuration information set corresponding to the embedded point element, includes:
obtaining buried point elements and position information according to the horizontal coordinate position of the user relative to the user screen when the mouse event happens and the vertical coordinate position of the user relative to the user screen when the mouse event happens;
and after the position information is injected into the target page, receiving configuration information which is set by a user and is associated with the embedded point element.
5. A method for collecting data of an HTML web page, comprising:
receiving a target page opened by a user;
obtaining a buried point configuration scheme of the target page, which is obtained by a buried point method according to any one of claims 1 to 4;
caching the buried point configuration scheme according to preset caching time;
and collecting buried point data in the target page according to the cached buried point configuration scheme to obtain collected data.
6. The method for data collection according to claim 5, wherein the step of caching the buried point configuration scheme according to a preset caching time further comprises:
acquiring the latest buried point configuration scheme in the storage server, and comparing and judging the latest buried point configuration scheme with the cached buried point configuration scheme;
if the two embedding point configuration schemes are inconsistent, canceling the cached embedding point configuration scheme, and re-caching the latest embedding point configuration scheme according to the preset caching time.
7. An HTML web page visualization embedded device, comprising:
the receiving module is used for receiving a target page address input by a user;
the operation module is used for opening the target page by utilizing the HTML tag according to the target page address;
the checking module is used for checking whether the embedded point SDK is integrated in the target page or not to obtain a checking result;
the setting module is used for receiving the embedded point elements selected by the user in the target page and the set configuration information corresponding to the embedded point elements if the checking result shows that the target page has integrated the embedded point SDK;
the analyzing module is used for analyzing the position information of the embedded point element, which is positioned on the target page;
and the buried point configuration module is used for obtaining a buried point configuration scheme according to the configuration information and the position information.
8. A data acquisition device for an HTML web page, comprising:
the receiving module is used for receiving a target page opened by a user;
an acquisition module, configured to acquire a buried point configuration scheme obtained by a buried point method according to any one of claims 1 to 4 for the target page;
the caching module is used for caching the embedded point configuration scheme according to preset caching time;
and the acquisition module is used for acquiring the buried point data in the target page according to the cached buried point configuration scheme to obtain acquisition data.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the embedded method of HTML web visualization of any one of claims 1 to 4 when the program is executed.
10. A non-transitory computer readable storage medium having stored thereon a computer program, which when executed by a processor implements the embedded point method of HTML web page visualization of any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310238693.7A CN116431125A (en) | 2023-03-13 | 2023-03-13 | Method and device for embedding points in HTML webpage visualization and data acquisition method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310238693.7A CN116431125A (en) | 2023-03-13 | 2023-03-13 | Method and device for embedding points in HTML webpage visualization and data acquisition method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116431125A true CN116431125A (en) | 2023-07-14 |
Family
ID=87080583
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310238693.7A Pending CN116431125A (en) | 2023-03-13 | 2023-03-13 | Method and device for embedding points in HTML webpage visualization and data acquisition method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116431125A (en) |
-
2023
- 2023-03-13 CN CN202310238693.7A patent/CN116431125A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP1264261B1 (en) | Monitoring operation of and interaction with services provided over a network | |
| US11704177B2 (en) | Session triage and remediation systems and methods | |
| US8533532B2 (en) | System identifying and inferring web session events | |
| CN107370806B (en) | HTTP status code monitoring method, device, storage medium and electronic equipment | |
| CN110428127B (en) | Automatic analysis method, user equipment, storage medium and device | |
| CN111046317A (en) | Page data acquisition method, device, equipment and computer readable storage medium | |
| CN108595304A (en) | Web monitor method and device | |
| CN111163054B (en) | Method and device for detecting malicious behavior of webpage | |
| CN107085549B (en) | Method and device for generating fault information | |
| CN107483443B (en) | Advertisement information processing method, client, storage medium and electronic device | |
| CN111552633A (en) | Interface abnormal call testing method and device, computer equipment and storage medium | |
| CN114528457A (en) | Web fingerprint detection method and related equipment | |
| CN105637488A (en) | Tracing source code for end user monitoring | |
| US10775751B2 (en) | Automatic generation of regular expression based on log line data | |
| CN112799741A (en) | Application program differentiation method and device, electronic equipment and storage medium | |
| CN109409948B (en) | Transaction abnormity detection method, device, equipment and computer readable storage medium | |
| CN111177623A (en) | Information processing method and device | |
| KR20120071175A (en) | Mobile phone loading web-platform, method for offering log information using the same mobile phone, verification system and method for web-platform | |
| US7653742B1 (en) | Defining and detecting network application business activities | |
| CN115514677B (en) | Method and system for server dial testing | |
| CN111538616A (en) | Method, device and system for positioning abnormity and computer readable storage medium | |
| CN110674045A (en) | Information tracking detection method and device, electronic equipment and storage medium | |
| CN116431125A (en) | Method and device for embedding points in HTML webpage visualization and data acquisition method | |
| CN105405220A (en) | Method and device for automated test | |
| CN112446030B (en) | Method and device for detecting file uploading vulnerability of webpage end |
Legal Events
| 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 |