CN104714948A - Method, system and thermodynamic diagram display device for replaying user web page operation behavior - Google Patents
Method, system and thermodynamic diagram display device for replaying user web page operation behavior Download PDFInfo
- Publication number
- CN104714948A CN104714948A CN201310676466.9A CN201310676466A CN104714948A CN 104714948 A CN104714948 A CN 104714948A CN 201310676466 A CN201310676466 A CN 201310676466A CN 104714948 A CN104714948 A CN 104714948A
- Authority
- CN
- China
- Prior art keywords
- page
- event
- user
- information
- operation behavior
- 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
Abstract
The invention provides a method for replaying a user web page operation behavior, the method comprises the steps that according to different event types triggered in the user web page operation, different ways are adopted to collect event information, the collected event information is analyzed, and corresponding operation behavior records of a user are formed; events at all the time points are created according to the operation behavior records, and in the process of replaying, simulated triggering is conducted on the events corresponding to all the time points to display. Accordingly, the invention further provides a system and thermodynamic diagram display device for replaying the user web page operation behavior, and the authenticity and the integrity for replaying the user web page operation behavior are promoted.
Description
Technical field
The present invention relates to Internet technology, particularly relate to the method for a kind of replaying user web page operation behavior, system and thermal map demonstration device.
Background technology
With regard to the promotion and application of website, the demand analyzing user is most important.Current general employing following methods analyzes the operation behavior of unique user in website: the data-> gathering user's access websites resolves the data-> gathered and forms the record of this user of operation behavior record-> playback of this user and analyze its various problems occurred in the process of access websites; usually following content can be shown: user clicks which module of this website in replayed section; carried out the blocked operation of which Shipping Options Page, midway is abandoned or changes which option of operation etc.
At present, with regard to the record of replaying user operation behavior, be typical representative with Clicktale technology (a kind of user behavior analysis instrument), usually can be defined as mouse track simulation playback technology, referred to as trace playback technology.As shown in Figure 1, trace playback, in units of the page, shows mouse track and the KeyEvent of the user institute access websites page.But there is following defect at present in this playback technology:
1) mouse is only obtained in the process of front-end collection mouse event in the operation coordinate of the page and mousebutton positional information, because quantity of information is less, and these information are all relevant with page coordinates position, other important information in shortage event, therefore, the operation behavior of intactly showing user in the replayed section of backstage is unfavorable for;
2) front end cannot gather the character informations such as the Chinese character that user inputs, and causes can not accurately showing during the playback of backstage the character information that user inputs;
3) relevance of rear end playback technology and the page is poor, can not carry out association playback in combining target website, causes the displaying of the playback on the blank page and the playback on target web site page to show not distinct (can contrast accompanying drawing 1 and accompanying drawing 2);
4) can not truly present user in the process of access websites based on mouse and KeyEvent and website carry out mutual after the JS(Javascript that triggers, a kind of script) and Ajax(web development technologies) effect, as these hide menus produced alternately, label switching, ejection layer effect etc.;
5) process that user switches back and forth at multiple web page tag page can not truly be presented.
In addition, except analyzing except the website demand of user by the operation note of replaying user, typically, the operation behavior information of multiple user in this website can also be analyzed by thermodynamic chart, which region as Website page is clicked at most by user, browse the behavioural informations such as maximum.At present, thermodynamic chart of the prior art can only show the heat map data of each website statically, can not realize the heat map data with the mutual of user and self-defined selected zone in thermal map displaying process.
Summary of the invention
For solving the problem, this application provides a kind of method of replaying user operation behavior, thermodynamic chart, player and system, with the more completely also behavior such as original subscriber's browsing on Website page, operation, for the network operation behavior analyzing user better provides data and technical support.
According to an aspect of the present invention, provide the method for a kind of replaying user web page operation behavior, the method comprises the following steps:
A) for the different event type triggered in user network page operations collection event information in different ways, resolve the information gathered, form the operation behavior record that this user is corresponding;
B) according to described web page operation behavior record, create the event of each time point, the event that in replayed section, simulation triggers each time point corresponding is shown.
Wherein, described event information comprises the data message that user operation behavioural information, current operated Website page element information and described Website page ajax respond.
Wherein, described event type is mouse event, adopts and the mode of non-bubbling event binding to bubbling event is carried out.
Wherein, described event type is the event choosing page info, adopt mousedown event and mousemove event to capture choose the range information of the page, or
Described event type is keypad input event, adopts the mode of data type to carry out data acquisition; Or
Described event type switches web page tag event for user, and described collection comprises the following steps:
Judge whether user leaves or enter current page by special attribute;
The judgement of special attribute do not supported by browser as current page place, then by degradation, judge whether user leaves or enter current page to obtain burnt mode out of focus.
Wherein, described step a) comprises:
Often gather the information of certain capacity size, this Information Compression become a packet to be sent to cloud server;
The client that gathered user operation behavioural information accesses current page place by user is initiatively sent to cloud server, and is initiatively captured the current operated web site contents information gathered by cloud server to described client;
Gathered data are carried out matching primitives by high in the clouds, the time order and function order of the current site page is accessed according to user, client resolution sizes when accessing the current site page based on user, the position of operation pages element and the number information of page elements mate the session playback data record that described Website page produces, and form the operation behavior record that this user is corresponding.
Wherein, in described replayed section, by structure Range object, the movement with page cursor represents successively shows chosen Word message.
Wherein, described event type is ajax event, and described replayed section comprises:
The XHR object of the interception rear end playback page, stops the cross-domain ajax request that the described page sends to corresponding page server;
Send ajax by the rear end playback page to acquisition server ask and receive the data that described server returns, wherein, send the event call-back directly triggered according to the ajax data of front-end collection when described ajax asks in this page.
Another aspect of the present invention also provides the system of a kind of replaying user web page operation behavior, comprising:
Collecting unit, for for the different event type triggered in user network page operations collection event information in different ways, resolves the information gathered, forms the operation behavior record that this user is corresponding;
Playback unit, for according to described operation behavior record, creates the event of each time point and the operation behavior of replaying user, and the event that in replayed section, simulation triggers each time point corresponding is shown.
Wherein, described event information comprises the data message that user operation behavioural information, current operated Website page element information and described Website page ajax respond.
Wherein, described event type is mouse event, and described collecting unit adopts and the mode of non-bubbling event binding to bubbling event carried out.
Wherein, described event type is the event choosing page info, described collecting unit adopt mousedown event and mousemove event to capture choose the range information of the page.
Wherein, described event type is keypad input event, and described collecting unit adopts the mode of data type to carry out data acquisition.
Wherein, described event type switches web page tag event for user, and the gatherer process of described collecting unit comprises the following steps:
Judge whether user leaves or enter current page by special attribute;
The judgement of special attribute do not supported by browser as current page place, then by degradation, judge whether user leaves or enter current page to obtain burnt mode out of focus.
Wherein, the gatherer process of described collecting unit comprises:
Often gather the information of certain capacity size, this Information Compression become a packet to be sent to cloud server;
The client that gathered user operation behavioural information accesses current page place by user is initiatively sent to cloud server, and is initiatively captured the current operated web site contents information gathered by cloud server to described client;
Gathered data are carried out matching primitives by high in the clouds, the time order and function order of the current site page is accessed according to user, client resolution sizes when accessing the current site page based on user, the position of operation pages element and the number information of page elements mate the session playback data record that described Website page produces, and form the operation behavior record that this user is corresponding.
Wherein, described playback unit is by structure Range object, and the movement with page cursor represents successively shows chosen Word message.
Wherein, described event type is ajax event, and the replayed section of described playback unit comprises:
The XHR object of the interception rear end playback page, stops the cross-domain ajax request that the described page sends to corresponding page server;
Send ajax by the rear end playback page to acquisition server ask and receive the data that described server returns, wherein, send the event call-back directly triggered according to the ajax data of front-end collection when described ajax asks in this page.
Wherein, described playback unit also comprises player, and wherein, described player specifically comprises:
Playback display unit, shows the operation behavior of user in the mode of audio frequency and video;
Control module, shows process for the operation controlling described player audio frequency and video;
Information display panel, shows the information corresponding with described audio frequency and video for showing.
Wherein, described control module specifically comprises:
Progress monitoring module, for controlling the playing progress rate of described audio frequency and video;
Time shaft and event frame relating module, show described related information for each time point in associated user operation behavior session flow process and event frame.
According to a further aspect of the present invention, the thermal map demonstration device of a kind of replaying user web page operation behavior is also provided, specifically comprises:
Information acquisition module, for for the different event type triggered in user network page operations collection event information in different ways;
Thermodynamic chart generation module, for resolving gathered information, generates the thermodynamic chart of corresponding website;
Wherein, described thermal map demonstration device also comprises interactive module, based on the operation of user to described thermodynamic chart, triggers corresponding event.
Wherein, described event information comprises the data message that user operation behavioural information, current operated Website page element information and described Website page ajax respond.
Compared with prior art, the present invention has the following advantages:
1) with regard to the collection of front end, the present invention intactly acquires the interactive operation behavioral data of user and website, carries out true playback provide Data support for backstage;
2) with regard to the playback of rear end, the website that the present invention is accessed by associated user, creates the event of each time point, and the event that simulation triggers each time point corresponding is shown, continuity and authenticity are improved significantly;
3) with regard to thermal map demonstration device provided by the invention, its interactivity achieving dynamic thermal map is shown, for customer analysis local thermal map provides technical support, and improves the integrality of thermal map displaying.
Accompanying drawing explanation
By reading the detailed description done non-limiting example done with reference to the following drawings, other features, objects and advantages of the present invention will become more obvious:
Fig. 1 shows the page schematic diagram showing user's Visitor Logs in prior art based on trace playback mode in ordinary pages;
Fig. 2 shows in prior art based on the page schematic diagram of trace playback mode at blank page presentation user Visitor Logs;
Fig. 3 shows the schematic diagram showing user click page operation icon in prior art based on trace playback mode;
Fig. 4 shows in prior art and shows that user switches the schematic diagram of page interior label based on trace playback mode;
Fig. 5 shows in prior art and shows that user moves the schematic diagram of page scroll bar based on trace playback mode;
Fig. 6 shows in prior art and shows that user suspends the schematic diagram of page option based on trace playback mode;
Fig. 7 shows in prior art and shows that user chooses the schematic diagram of page info based on trace playback mode;
Fig. 8 shows prior art and shows that user inputs the schematic diagram of Chinese content based on trace playback mode;
Fig. 9 shows the actual schematic flow sheet that user accesses multiple Shipping Options Page;
Figure 10 shows the schematic diagram of the session flow process playback of prior art in units of the page;
Figure 11 shows the method flow diagram of the replaying user operation behavior of a preferred embodiment of the invention;
Figure 12 shows the schematic diagram of the collection ajax event information of a preferred embodiment of the invention;
Figure 13 shows the collection of a preferred embodiment of the invention and the schematic diagram of playback flow process;
Figure 14 shows the schematic diagram showing user click page operation icon in the replayed section of a preferred embodiment of the invention;
Figure 15 shows in the replayed section of a preferred embodiment of the invention and shows that user switches the schematic diagram of page interior label;
Figure 16 shows in the replayed section of a preferred embodiment of the invention and shows that user moves the schematic diagram of page scroll bar;
Figure 17 shows in the replayed section of a preferred embodiment of the invention and shows that user suspends the schematic diagram of page option;
Figure 18 shows the schematic diagram processing ajax event in the replayed section of a preferred embodiment of the invention;
Figure 19 shows in the replayed section of a preferred embodiment of the invention and shows that user chooses the schematic diagram of page info;
Figure 20 shows the schematic diagram showing user input content in the replayed section of a preferred embodiment of the invention;
Figure 21 shows the schematic diagram of the session flow process playback in units of the time of a preferred embodiment of the invention;
Figure 22 shows the interface schematic diagram of the player for replaying user operation behavior of another preferred embodiment of the present invention;
Figure 23 and 24 shows the thermal map for replaying user operation behavior of another preferred embodiment of the present invention.
Embodiment
Below in conjunction with accompanying drawing, the present invention is described in further detail.
According to an aspect of the present invention, a kind of method of replaying user behavior is provided.
Please refer to Figure 11, Figure 11 is the method flow diagram of replaying user operation behavior in accordance with a preferred embodiment of the present invention.As shown in figure 11, the method for replaying user behavior provided by the present invention comprises the following steps:
Step S101, for different event types collection event information in different ways, resolves the information gathered, forms the operation behavior record that this user is corresponding.
Particularly, event information comprises the Dynamic Response Information that user operation behavioural information, current operated Website page element information and described Website page Ajax produce, wherein, described user operation behavioural information comprises user and carries out mutual information in the operation trace of Website page and with website, as action type information (as click, slip etc.), page operation position and operation time of origin etc.; The information of described current site page elements comprises the Serial No. information of page elements operated by user; Described Website page produce Ajax Dynamic Response Information comprise the return data information (as data messages such as responseText, responseXML) of Ajax.
Wherein, event type comprises mouse event (as mouse click, mouse stop operation), KeyEvent (as Keyboard language input, keyboard function key touching operation), focus event (obtaining of page elements is burnt, out of focus) and other abstract event (the change event of select object, the event etc. of div).
With regard to gathered event type, bubbling event and non-bubbling event can be divided into.Described bubbling event typically refers to the interface that trigger event can have nothing to do from event source object along DOM(mono-kind with browser, platform, language) set the event upwards transmitted layer by layer, but not bubbling event is then often referred to the event that trigger event can not transmit layer by layer along dom tree.Typically, the generation of dialog box is there is or clicks the operation being carried out page layout switch by operation pages label in bubbling event as clicked triggering page based on the input tool such as mouse, keyboard, non-bubbling event comprises as to document(document) beyond the scroll bar of page elements to carry out up and down or left and right drags and submit and the reset event of the change event of select object, blur and the focus event of input object and form object in the page, typically as dragged the scroll bar etc. of a certain element of the page.In the present embodiment, the mode being tied to non-bubbling event in the detectaphone of bubbling event is adopted to carry out the data acquisition of non-bubbling event, more event type is gathered to reach, simultaneously, this kind of mode also can gather the non-bubbling event data of dynamic creation object better, as the data of dynamic creation list.
For the submit event of form object, the present embodiment can be briefly described as follows the process that it carries out data acquisition:
Again for scoll rolling event, can be briefly described as follows the process that this event gathers:
Aforesaid way is by judging that in bubbling event event source the condition of scroll occurs and then binds the scroll event of non-bubbling, and achieving prior art (as clicktale) at present cannot to the technical matters of list information.
With regard to special event ajax event, the process of this event being carried out to data acquisition can with reference to Figure 12.As shown in figure 12, on the one hand, user is asked by Website page to providing for this website the server of service to send ajax and obtains the data that described server returns, and on the other hand, gathers code and intercepts and captures ajax and asks the Data Concurrent returned to deliver to acquisition server.
With regard to the operation that user chooses page info, as chosen a section or a line word in the page, the present embodiment obtains by mousedown event (mouse push button event) and mousemove event (mouse moving event) scope (Range) information that the page chooses.
With regard to keypad input event, as inputted Chinese character or English, the present embodiment is carried out data acquisition by the mode of data type (value), such as, when user is when carrying out information input by the such as input tool such as keyboard or touch-screen, both the key information that keyboard inputs had been gathered, also the operating position information (keyboard position as operation) of input tool described in Chinese character information corresponding to this key information is gathered, also the type information (as Chinese or English) that institute input data is gathered, so accurately can catch all kinds of word or the symbolic information of user's input, especially input in Chinese information.
With regard to the event that user switches web page tag, in order to the details that switches perfectly can be carried out by replaying user in rear end at multiple Shipping Options Page, the present embodiment carries out information acquisition in the following way:
1) for not supporting the browser that special attribute (as webkitVisibilityState/msVisibilityState attribute) judges, judge whether user enters or leave current page by the burnt state out of focus that obtains of the page;
2) for supporting the browser that special attribute judges, judged by special attribute, as judged whether user enters or leave current page by visibilitystate attribute.
Preferably, for any browser, first judge that user enters or leave the state of current page, if the judgement of described special attribute do not supported by this browser by special attribute (as visibilitystate), then by degradation, judge to obtain burnt mode out of focus.
Wherein, when user enters or exits certain page or opens the new page, this operation is marked, think that the segmentation carrying out multiple page data in the replayed section of backstage provides front end to support.
During front-end collection information, in order within user's limited running time sooner, more, more accurate collection gives out a contract for a project, and improves (can with reference to Figure 13) as follows to information acquisition process:
1) the operation behavior information gathered is carried out compression transmission, particularly, often gather the information (be preferably close to 1kb) of certain capacity or redirect or before closing current page, be compressed into a bag, be sent to cloud server;
2) different modes is divided to be sent to cloud server gathered user operation behavioural information and current operated Website page content, the client that the former accesses current page place by user is initiatively sent to cloud server, and latter is initiatively captured to client by cloud server.
Further, page elements is carried out serializing calculating, according to order and layer of structure, each page elements is numbered in computation process, be such as [0 by <body><divGreatT .GreaT.GT<a></aG reatT.GreaT.GT</div>LEssT.LTs sT.LT/body>a element number in html page structure, 0], represent first element of first child node of label body.
Further, resolve the content of above-mentioned collection, form the operation behavior record that each user is corresponding, the mode of parsing is not restricted in the present embodiment.In the present embodiment, the process of parsing comprises matching primitives process, as mentioned below:
Gathered data are carried out matching primitives by high in the clouds, the time order and function order of the current site page is accessed, the session playback data record that described in the information matches such as client resolution sizes when accessing the current site page based on user, the position of operation pages element and the numbering of page elements, Website page produces according to user.
Step S102, according to the operation behavior record of user, creates the event of each time point, and the event that in replayed section, simulation triggers each time point corresponding is shown.
Particularly, the present embodiment have employed different mode image data respectively for different event types and after resolving, according to the order of timeline in the process of backstage playback, create the event that each time point is corresponding, analog subscriber operates the scenario triggered dependent event of the corresponding page to be shown (can continue with reference to Figure 13), wherein, the event of described establishment comprises view event.Typically, as shown in figure 14, because user passes through to click " deletion " option in actual mechanical process, the page can eject Option Box " determine from shopping cart, delete this commodity? determine that or cancels ", therefore, before playback is carried out to this Action Events, create the view event of this time point, during playback, the view event that simulation triggers this time point is shown, with rediscover content presentation scene.And in the replayed section of prior art, please refer to Fig. 3, only to user click " deletion " option and illustrate, and not to the bullet frame information occurred in user's actual mechanical process " determine from shopping cart, delete this commodity? determine that or cancels " shown.
Again as shown in figure 15, in the present embodiment, because the switching of label can cause the corresponding change of content under Shipping Options Page, therefore, in the process that playback label switches, trigger content handover event corresponding to this Shipping Options Page by simulation, produce the true effect that label switches.And in the replayed section of prior art, please refer to Fig. 4, although label is switched to " specifications parameter " by " buyer's guide ", the content under label comprises all the elements such as " trade name ", " goods number " and does not all switch, and affects the playback experience of user significantly.
With regard to the playback of mouse rollovers event, can with reference to Figure 16, because scroll bar is when being dragged by operation tools such as mouses, its position can change, therefore, the present embodiment triggers scroll bar by the scene operation response of mouse movement by simulation in replayed section, true responding scene when also original subscriber carries out this operation.And in the replayed section of prior art, please refer to Fig. 5, although scroll bar needs to move from left to right, in playback displaying, the position of scroll bar but remains unchanged, and causes playback to be shown untrue.
With regard to the playback of ajax event, can with reference to Figure 17, when cursor moves to the option of " car that goes shopping clearing " on webpage, in actual scene, the page can show that comprises a shopping combobox single in detail, and contrast existing playback technology, please refer to Fig. 6, illustrate only the clicking operation to option " car that goes shopping clearing ", and the detailed single combobox of shopping shown after this option of click is not shown, namely just show the operation of user clicks on tabs statically, Dynamic Display is not carried out to the response message after click.Therefore, in order to reduce this real scene during playback, the present embodiment adopts playback process method as shown in figure 18:
1) XHR(XmlHttpRequest of the rear end playback page is tackled) object, stop the cross-domain ajax request that the described page sends to corresponding page server;
2) send ajax by the rear end playback page to acquisition server ask and receive the data that described server returns, wherein, send the event call-back directly triggered according to the ajax data of front-end collection when described ajax asks in this page.
With regard to the playback choosing page info to operate of institute's playback, can with reference to Figure 19, by constructing the region that Range(chooses in replayed section) object, chosen Word message is shown in the movement with page cursor successively, and these word contents carry out outstanding displaying to choose rear changed color.And in the replayed section of prior art, please refer to Fig. 7, although in practical operation, user has carried out choosing operation by input tool to contents such as " nationwide quality assurances; complete machine guarantees to keep in good repair a year ", but just show the arrow from the first character to the last character of choosing content in replayed section, do not reduce selected rear the produced change (as character background color) of these contents.
With regard to the playback of the keypad input event of institute's playback, can with reference to Figure 20, because the present embodiment adopts data type mode to gather, therefore, Word message coupling is carried out based on the operating position information of input tool and the data type inputted, with the Word message that also original subscriber is inputted at that time during the playback of backstage.For the input of various character, can truly, exactly display in replayed section.And in the playback of prior art keypad input event, please refer to Fig. 8, although user have input Chinese character " computer " by input tool with the form of spelling, but due to can only English alphabet be gathered in replayed section, can not to the information such as Chinese character, symbol, cause in the process of playback, input information displaying is mess code.
With regard to the playback of institute's replaying user web page tag blocked operation, can first with reference to figure 9, Fig. 9 shows the actual schematic flow sheet that user accesses multiple Shipping Options Page, in actual mechanical process, when user accesses A page 10s, enter the B page, during access B page 20s, enter the B page, and return the A page at the 30s closedown C page, 40s closes the A page afterwards, enters the B page, and 45s closes the B page.Continue with reference to Figure 21 of the present invention, the present embodiment is by the playback of data of syndication users at all participation accession pages of corresponding session, according to the mark entering or leave each page marked in acquisition phase process, the playback of data of each page is split according to the mark entering and leave, such as, 0s is entered page A, 10s leaves page A and enters page B, and 30s back page A, the mark that 40s closes page A operation all marks, thus, in the process of playback, according to this mark, get the playback of data in wherein reciprocal process, synthesize complete data according to time order and function der group and carry out playback, actual display is carried out in the operation of turnover page A, so, truly can reflect that user enters and exit the state of each page in the process switching the page.And contrast represents Figure 10 of the replayed section of prior art, although user is same as above at the blocked operation of the page A, B, C, but, in replayed section, just illustrate the total time section opening the page A or B or C to the final plant closure page A or B or C, all do not have to show in playback as the tandem when having carried out page layout switch and page close.
Compared with prior art, the method of the replaying user behavior that the present embodiment provides has the following advantages: the event information that effectively, intactly can gather user, and in the reciprocal process of playback phase also original subscriber and the page truly, for precisely dissecting user interactions obstacle and website Drain Causes provides good data and technical support.
According to another aspect of the present invention, additionally provide a kind of system of replaying user behavior, comprising:
Collecting unit, for for different event types collection event information in different ways, resolves the information gathered, forms the operation behavior record that this user is corresponding;
Playback unit, for according to described operation behavior record, creates the event of each time point and the operation behavior of replaying user, and the event that in replayed section, simulation triggers each time point corresponding is shown.
The function provided due to unit each in this system is corresponding with basic skills above, for simplicity, no longer describes in detail for the part described.
Preferably, described playback unit also comprises player, can with reference to Figure 22, Figure 22 shows the player interface schematic diagram of the present invention for replaying user operation behavior, playback viewing area is shown with upper part grey rectangle in figure, the lower left corner shows plays progressive control knob, immediately below show such as " event 1, report an error 1 " equal time axle and event frame related information, lower left shows details viewing area.
Further, the player of the embodiment of the present invention specifically comprises:
Playback display unit, shows the operation behavior of user in the mode of audio frequency and video;
Control module, shows process for the operation controlling described player audio frequency and video;
Information display panel, shows the information corresponding with described audio frequency and video for showing, as miscue information, binding event information etc.
Wherein, described control module specifically comprises:
Progress monitoring module, for controlling the playing progress rate of described audio frequency and video, as startup, time-out, advance, retrogressing etc.;
Time shaft and event frame relating module, show described related information for each time point in associated user operation behavior session flow process and event frame.Preferably, each page occurred in session flow process, as key frame mark, shows such as error identification frame, user at each key frame section and binds other flag of frame such as event flag frame.
Compared with prior art, the system of the replaying user behavior that the present embodiment provides has the following advantages: by the above collection mechanism, the collection of complete information effectively can be carried out for different event type, and carry out playback in the player effectively provided at the present embodiment, improve the experience of user at replayed section.
According to a further aspect of the invention, provide a kind of thermal map demonstration device of replaying user operation behavior, specifically comprise:
Information acquisition module, for for different event types collection event information in different ways;
Thermodynamic chart generation module, for resolving gathered information, generates the thermodynamic chart of corresponding website;
Wherein, the process of described information acquisition module collection event information gathers identical with the temporal information in the method for replaying user operation behavior above, for simplicity, is not described in detail in this.
Wherein, described thermal map demonstration device also comprises interactive module, based on the operation of user to described thermodynamic chart, trigger corresponding event, such as operated the interactive operation option in described thermodynamic chart by click or double-click etc., trigger presenting of bottom Website page, further, by clicking or double-click the operation of Website page, the displaying that localized heat corresponding to this option is tried hard to can be triggered.
Please refer to Figure 23 and 24, illustrated therein is the thermodynamic chart described in the present embodiment, by mouse being moved to certain region in webpage, " creating thermal map region " based on clicking by mouse right button, can the thermal map of newly-built regional area.Further, when after newly-built multiple thermal map, described multiple thermal map exists when intersecting or cover situation, and by such as clicking, double-clicking, the page operation such as slip can successively show each thermal map.Certainly; those skilled in the art will be understood that above-mentioned web page operation instrument---mouse; be only citing; other web page operation instruments; the web page operation instruments such as such as keyboard, telepilot, touch pad are all applicable to the present invention; also within scope should being included in, and this is contained at this with way of reference.Click the interactive operation option (not shown) in described thermodynamic chart, appointed area (comprising the region that event triggers rear displaying contents) can be selected to represent local thermal map.
The thermal map demonstration device that the present embodiment provides can make user can self-defined localized heat try hard to region, conveniently carry out A/BTEST(mono-kind for testing the method for website traffic) comparative analysis.
Above disclosedly be only preferred embodiment of the present invention, certainly can not limit the interest field of the present invention with this, therefore according to the equivalent variations that the claims in the present invention are done, still belong to the scope that the present invention is contained.
Claims (10)
1. a method for replaying user web page operation behavior, the method comprises the following steps:
A) for the different event type triggered in user network page operations collection event information in different ways, resolve the information gathered, form the operation behavior record that this user is corresponding;
B) according to described web page operation behavior record, create the event of each time point, the event that in replayed section, simulation triggers each time point corresponding is shown.
2. method according to claim 1, wherein, described event information comprises the data message that user operation behavioural information, current operated Website page element information and described Website page ajax respond.
3. method according to claim 1, wherein, described event type is mouse event, adopts and the mode of non-bubbling event binding to bubbling event is carried out.
4. method according to claim 1, wherein, described event type is the event choosing page info, adopt mousedown event and mousemove event to capture choose the range information of the page, or
Described event type is keypad input event, adopts the mode of data type to carry out data acquisition; Or
Described event type switches web page tag event for user, and described collection comprises the following steps:
Judge whether user leaves or enter current page by special attribute;
The judgement of special attribute do not supported by browser as current page place, then by degradation, judge whether user leaves or enter current page to obtain burnt mode out of focus.
5. method according to claim 2, wherein, described step a) comprises:
Often gather the information of certain capacity size, this Information Compression become a packet to be sent to cloud server;
The client that gathered user operation behavioural information accesses current page place by user is initiatively sent to cloud server, and is initiatively captured the current operated web site contents information gathered by cloud server to described client;
Gathered data are carried out matching primitives by high in the clouds, the time order and function order of the current site page is accessed according to user, client resolution sizes when accessing the current site page based on user, the position of operation pages element and the number information of page elements mate the session playback data record that described Website page produces, and form the operation behavior record that this user is corresponding.
6. method according to claim 4, wherein, in described replayed section, by structure Range object, the movement with page cursor represents successively shows chosen Word message.
7. method according to claim 1, wherein, described event type is ajax event, and described replayed section comprises:
The XHR object of the interception rear end playback page, stops the cross-domain ajax request that the described page sends to corresponding page server;
Send ajax by the rear end playback page to acquisition server ask and receive the data that described server returns, wherein, send the event call-back directly triggered according to the ajax data of front-end collection when described ajax asks in this page.
8. a system for replaying user web page operation behavior, comprising:
Collecting unit, for for the different event type triggered in user network page operations collection event information in different ways, resolves the information gathered, forms the operation behavior record that this user is corresponding;
Playback unit, for according to described operation behavior record, creates the event of each time point and the operation behavior of replaying user, and the event that in replayed section, simulation triggers each time point corresponding is shown.
9. system according to claim 8, wherein, described event information comprises the data message that user operation behavioural information, current operated Website page element information and described Website page ajax respond.
10. a thermal map demonstration device for replaying user web page operation behavior, specifically comprises:
Information acquisition module, for for the different event type triggered in user network page operations collection event information in different ways;
Thermodynamic chart generation module, for resolving gathered information, generates the thermodynamic chart of corresponding website;
Wherein, described thermal map demonstration device also comprises interactive module, based on the operation of user to described thermodynamic chart, triggers corresponding event.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310676466.9A CN104714948A (en) | 2013-12-11 | 2013-12-11 | Method, system and thermodynamic diagram display device for replaying user web page operation behavior |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310676466.9A CN104714948A (en) | 2013-12-11 | 2013-12-11 | Method, system and thermodynamic diagram display device for replaying user web page operation behavior |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104714948A true CN104714948A (en) | 2015-06-17 |
Family
ID=53414292
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310676466.9A Pending CN104714948A (en) | 2013-12-11 | 2013-12-11 | Method, system and thermodynamic diagram display device for replaying user web page operation behavior |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104714948A (en) |
Cited By (35)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105426168A (en) * | 2015-10-23 | 2016-03-23 | 广东小天才科技有限公司 | Function experience collection method and system, and function design server collection system |
| CN106095886A (en) * | 2016-06-03 | 2016-11-09 | 腾讯科技（深圳）有限公司 | A kind of data processing method and device thereof |
| CN106126573A (en) * | 2016-06-17 | 2016-11-16 | 北京大学 | The characteristic recognition method of the network user |
| CN106446066A (en) * | 2016-09-05 | 2017-02-22 | Tcl海外电子（惠州）有限公司 | User interface-based user operation recording method and apparatus |
| CN106446128A (en) * | 2016-09-20 | 2017-02-22 | 刘志军 | Tracing method and device of webpage access tracks |
| CN106874317A (en) * | 2015-12-11 | 2017-06-20 | 财团法人工业技术研究院 | Data visualization method and data visualization device |
| CN106897347A (en) * | 2016-08-15 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of web page display method, Action Events recording method and device |
| CN106951535A (en) * | 2017-03-22 | 2017-07-14 | 福建中金在线信息科技有限公司 | The method and device of counting user operation behavior in a kind of webpage |
| CN107153599A (en) * | 2017-06-14 | 2017-09-12 | 上海点融信息科技有限责任公司 | A kind of method and apparatus of record and replaying user operation |
| CN107924263A (en) * | 2015-11-25 | 2018-04-17 | 谷歌有限责任公司 | Touch thermal map |
| CN108073597A (en) * | 2016-11-10 | 2018-05-25 | 北京国双科技有限公司 | The page clicks on behavior methods of exhibiting, device and system |
| CN108121802A (en) * | 2017-12-22 | 2018-06-05 | 东软集团股份有限公司 | The thermodynamic analysis method, apparatus and its equipment of web page access |
| CN108228753A (en) * | 2017-12-21 | 2018-06-29 | 国云科技股份有限公司 | A kind of Dynamic Display method of page end real time data |
| CN108459952A (en) * | 2017-02-21 | 2018-08-28 | 网易（杭州）网络有限公司 | The processing method and system of program exception |
| CN108536362A (en) * | 2017-03-02 | 2018-09-14 | 百度在线网络技术（北京）有限公司 | The method, apparatus and server operated for identification |
| CN108900563A (en) * | 2018-03-30 | 2018-11-27 | 世纪龙信息网络有限责任公司 | Sending method, device, computer equipment and the storage medium of data |
| CN109189519A (en) * | 2018-07-26 | 2019-01-11 | 哈尔滨工业大学（威海） | A kind of general user's desktop Behavior modeling system and method |
| CN109446025A (en) * | 2018-10-17 | 2019-03-08 | 北京字节跳动网络技术有限公司 | A kind of back method of operation behavior, device, electronic equipment and readable medium |
| CN109660669A (en) * | 2018-12-25 | 2019-04-19 | 江苏满运软件科技有限公司 | Acquisition method, system, equipment and the storage medium of user's operation information |
| CN109710354A (en) * | 2018-12-13 | 2019-05-03 | 平安普惠企业管理有限公司 | Page monitor method, page restoring method, device, equipment and medium |
| CN110109836A (en) * | 2019-05-06 | 2019-08-09 | 安然 | The operation back method and system of page end |
| CN110278219A (en) * | 2018-03-14 | 2019-09-24 | 吉旗（成都）科技有限公司 | The internet of things equipment simulation tool and analogy method of Process Character |
| CN111104616A (en) * | 2018-10-26 | 2020-05-05 | 阿里巴巴集团控股有限公司 | Webpage processing method and device |
| CN111274105A (en) * | 2018-12-04 | 2020-06-12 | 阿里巴巴集团控股有限公司 | Webpage operation playback and collection method, computing device, storage medium and system |
| CN111309547A (en) * | 2020-01-21 | 2020-06-19 | 北京百度网讯科技有限公司 | Webpage information acquisition method and device and electronic equipment |
| CN111448527A (en) * | 2020-01-14 | 2020-07-24 | 深圳市元征科技股份有限公司 | Vehicle diagnosis process playback method and device and readable storage medium |
| CN111522608A (en) * | 2019-02-03 | 2020-08-11 | 北京数聚鑫云信息技术有限公司 | Method and device for improving execution rate of simulation operation |
| CN111552872A (en) * | 2020-04-15 | 2020-08-18 | 携程旅游网络技术（上海）有限公司 | Method and system for restoring user behavior, electronic device and storage medium |
| CN112015626A (en) * | 2020-08-26 | 2020-12-01 | 支付宝(杭州)信息技术有限公司 | User behavior recording method, device and equipment |
| CN112148571A (en) * | 2020-07-08 | 2020-12-29 | 青岛窗外科技有限公司 | Method and device for recording and playing back webpage operation process |
| CN113377634A (en) * | 2021-05-25 | 2021-09-10 | 北京猿力教育科技有限公司 | Monitoring method for backtracking user operation, user operation backtracking method and device |
| CN113377631A (en) * | 2021-05-25 | 2021-09-10 | 北京猿力教育科技有限公司 | User behavior backtracking method and device |
| CN113806648A (en) * | 2020-12-02 | 2021-12-17 | 北京沃东天骏信息技术有限公司 | Information generation method and device and storage medium |
| CN113992503A (en) * | 2021-11-02 | 2022-01-28 | 迈普通信技术股份有限公司 | System event review method, network management system, network management equipment and storage medium |
| CN115098346A (en) * | 2022-06-17 | 2022-09-23 | 天翼数字生活科技有限公司 | Big data-based end-to-end user scene playback method and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101299688A (en) * | 2008-06-13 | 2008-11-05 | 北京缔元信互联网数据技术有限公司 | Method for acquiring touching quantity of web page area |
| CN102142016A (en) * | 2010-01-29 | 2011-08-03 | 微软公司 | Cross-browser interactivity recording, playback and editing |
| US8196118B2 (en) * | 2008-03-27 | 2012-06-05 | Microsoft Corporation | Event set recording |
| CN102841789A (en) * | 2012-06-29 | 2012-12-26 | 北京奇虎科技有限公司 | Method and device for recording and playing back user operations in browser |
-
2013
- 2013-12-11 CN CN201310676466.9A patent/CN104714948A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8196118B2 (en) * | 2008-03-27 | 2012-06-05 | Microsoft Corporation | Event set recording |
| CN101299688A (en) * | 2008-06-13 | 2008-11-05 | 北京缔元信互联网数据技术有限公司 | Method for acquiring touching quantity of web page area |
| CN102142016A (en) * | 2010-01-29 | 2011-08-03 | 微软公司 | Cross-browser interactivity recording, playback and editing |
| CN102841789A (en) * | 2012-06-29 | 2012-12-26 | 北京奇虎科技有限公司 | Method and device for recording and playing back user operations in browser |
Cited By (45)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105426168A (en) * | 2015-10-23 | 2016-03-23 | 广东小天才科技有限公司 | Function experience collection method and system, and function design server collection system |
| CN107924263A (en) * | 2015-11-25 | 2018-04-17 | 谷歌有限责任公司 | Touch thermal map |
| CN106874317A (en) * | 2015-12-11 | 2017-06-20 | 财团法人工业技术研究院 | Data visualization method and data visualization device |
| CN106095886A (en) * | 2016-06-03 | 2016-11-09 | 腾讯科技（深圳）有限公司 | A kind of data processing method and device thereof |
| CN106095886B (en) * | 2016-06-03 | 2020-10-09 | 腾讯科技（深圳）有限公司 | Data processing method and device |
| CN106126573A (en) * | 2016-06-17 | 2016-11-16 | 北京大学 | The characteristic recognition method of the network user |
| CN106126573B (en) * | 2016-06-17 | 2019-04-02 | 北京大学 | The characteristic recognition method of the network user |
| CN106897347B (en) * | 2016-08-15 | 2021-12-24 | 创新先进技术有限公司 | Webpage display method, operation event recording method and device |
| CN106897347A (en) * | 2016-08-15 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of web page display method, Action Events recording method and device |
| CN106446066A (en) * | 2016-09-05 | 2017-02-22 | Tcl海外电子（惠州）有限公司 | User interface-based user operation recording method and apparatus |
| CN106446128A (en) * | 2016-09-20 | 2017-02-22 | 刘志军 | Tracing method and device of webpage access tracks |
| CN108073597A (en) * | 2016-11-10 | 2018-05-25 | 北京国双科技有限公司 | The page clicks on behavior methods of exhibiting, device and system |
| CN108459952A (en) * | 2017-02-21 | 2018-08-28 | 网易（杭州）网络有限公司 | The processing method and system of program exception |
| CN108536362A (en) * | 2017-03-02 | 2018-09-14 | 百度在线网络技术（北京）有限公司 | The method, apparatus and server operated for identification |
| CN108536362B (en) * | 2017-03-02 | 2021-10-19 | 百度在线网络技术（北京）有限公司 | Method and device for identifying operation and server |
| CN106951535A (en) * | 2017-03-22 | 2017-07-14 | 福建中金在线信息科技有限公司 | The method and device of counting user operation behavior in a kind of webpage |
| CN107153599A (en) * | 2017-06-14 | 2017-09-12 | 上海点融信息科技有限责任公司 | A kind of method and apparatus of record and replaying user operation |
| CN107153599B (en) * | 2017-06-14 | 2021-02-26 | 上海点融信息科技有限责任公司 | Method and equipment for recording and playing back user operation |
| CN108228753A (en) * | 2017-12-21 | 2018-06-29 | 国云科技股份有限公司 | A kind of Dynamic Display method of page end real time data |
| CN108121802A (en) * | 2017-12-22 | 2018-06-05 | 东软集团股份有限公司 | The thermodynamic analysis method, apparatus and its equipment of web page access |
| CN110278219A (en) * | 2018-03-14 | 2019-09-24 | 吉旗（成都）科技有限公司 | The internet of things equipment simulation tool and analogy method of Process Character |
| CN110278219B (en) * | 2018-03-14 | 2022-03-04 | 吉旗（成都）科技有限公司 | Procedural Internet of things equipment simulation tool and simulation method |
| CN108900563A (en) * | 2018-03-30 | 2018-11-27 | 世纪龙信息网络有限责任公司 | Sending method, device, computer equipment and the storage medium of data |
| CN109189519B (en) * | 2018-07-26 | 2021-10-19 | 哈尔滨工业大学（威海） | Universal user desktop behavior simulation system and method |
| CN109189519A (en) * | 2018-07-26 | 2019-01-11 | 哈尔滨工业大学（威海） | A kind of general user's desktop Behavior modeling system and method |
| CN109446025A (en) * | 2018-10-17 | 2019-03-08 | 北京字节跳动网络技术有限公司 | A kind of back method of operation behavior, device, electronic equipment and readable medium |
| CN111104616A (en) * | 2018-10-26 | 2020-05-05 | 阿里巴巴集团控股有限公司 | Webpage processing method and device |
| CN111274105A (en) * | 2018-12-04 | 2020-06-12 | 阿里巴巴集团控股有限公司 | Webpage operation playback and collection method, computing device, storage medium and system |
| CN111274105B (en) * | 2018-12-04 | 2023-04-11 | 阿里巴巴集团控股有限公司 | Webpage operation playback and collection method, computing device, storage medium and system |
| CN109710354A (en) * | 2018-12-13 | 2019-05-03 | 平安普惠企业管理有限公司 | Page monitor method, page restoring method, device, equipment and medium |
| CN109660669A (en) * | 2018-12-25 | 2019-04-19 | 江苏满运软件科技有限公司 | Acquisition method, system, equipment and the storage medium of user's operation information |
| CN111522608A (en) * | 2019-02-03 | 2020-08-11 | 北京数聚鑫云信息技术有限公司 | Method and device for improving execution rate of simulation operation |
| CN111522608B (en) * | 2019-02-03 | 2023-09-22 | 北京数聚鑫云信息技术有限公司 | Method and device for improving execution rate of analog operation |
| CN110109836A (en) * | 2019-05-06 | 2019-08-09 | 安然 | The operation back method and system of page end |
| CN111448527A (en) * | 2020-01-14 | 2020-07-24 | 深圳市元征科技股份有限公司 | Vehicle diagnosis process playback method and device and readable storage medium |
| CN111309547A (en) * | 2020-01-21 | 2020-06-19 | 北京百度网讯科技有限公司 | Webpage information acquisition method and device and electronic equipment |
| CN111552872A (en) * | 2020-04-15 | 2020-08-18 | 携程旅游网络技术（上海）有限公司 | Method and system for restoring user behavior, electronic device and storage medium |
| CN112148571A (en) * | 2020-07-08 | 2020-12-29 | 青岛窗外科技有限公司 | Method and device for recording and playing back webpage operation process |
| CN112015626A (en) * | 2020-08-26 | 2020-12-01 | 支付宝(杭州)信息技术有限公司 | User behavior recording method, device and equipment |
| CN113806648A (en) * | 2020-12-02 | 2021-12-17 | 北京沃东天骏信息技术有限公司 | Information generation method and device and storage medium |
| CN113377634A (en) * | 2021-05-25 | 2021-09-10 | 北京猿力教育科技有限公司 | Monitoring method for backtracking user operation, user operation backtracking method and device |
| CN113377631A (en) * | 2021-05-25 | 2021-09-10 | 北京猿力教育科技有限公司 | User behavior backtracking method and device |
| CN113992503A (en) * | 2021-11-02 | 2022-01-28 | 迈普通信技术股份有限公司 | System event review method, network management system, network management equipment and storage medium |
| CN113992503B (en) * | 2021-11-02 | 2024-03-19 | 迈普通信技术股份有限公司 | System event review method, network management system, network management equipment and storage medium |
| CN115098346A (en) * | 2022-06-17 | 2022-09-23 | 天翼数字生活科技有限公司 | Big data-based end-to-end user scene playback method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104714948A (en) | Method, system and thermodynamic diagram display device for replaying user web page operation behavior | |
| US10021001B2 (en) | Providing visualizations of event sequence data | |
| US8930818B2 (en) | Visualization of website analytics | |
| US8504348B2 (en) | User simulation for viewing web analytics data | |
| JP5061104B2 (en) | Web usage overlay for third-party web plug-in content | |
| US9906613B2 (en) | Determining relevant content for keyword extraction | |
| US7003734B1 (en) | Method and system for creating and displaying images including pop-up images on a visual display | |
| EP3776193B1 (en) | Capturing and processing interactions with a user interface of a native application | |
| US20080183858A1 (en) | Retrieval Mechanism for Web Visit Simulator | |
| US11216288B1 (en) | Capturing and processing interactions with a user interface of a native application | |
| TWI427529B (en) | An information processing apparatus, a content determination method, a recording medium for recording a program, and a information providing system | |
| US6959424B1 (en) | System and method for displaying an enabled image associated with a predetermined image in an iframe of a visual display | |
| Lamberti et al. | Supporting web analytics by aggregating user interaction data from heterogeneous devices using viewport-DOM-based heat maps | |
| CN113190512A (en) | Power customer behavior data analysis method based on buried point technology | |
| EP4022481B1 (en) | Protecting user privacy in user interface data collection for native applications | |
| CN105450460B (en) | Network operation recording method and system | |
| US20130036374A1 (en) | Method and apparatus for providing a banner on a website | |
| US11711223B1 (en) | Protecting user privacy in playback of user sessions | |
| Pilarcikova et al. | User experience in the development of the education system | |
| CN116932352A (en) | Service track acquisition method, device, computer equipment and storage medium | |
| CN114840184A (en) | Data acquisition method, device, equipment and storage medium | |
| Banicar | Usability analysis of Campus ONLINE, a web-based course registration system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150617 |
|
| WD01 | Invention patent application deemed withdrawn after publication |