Terminé

Mouse tracking and replay

Currently I am tracking a website visitor's mouse movements as follows:

var mm = [];

[login to view URL] = function(e){

[login to view URL]({"x": [login to view URL], "y":[login to view URL]});

};

There are two problems with this:

1. The timestamp of each movement is not being recorded. That means:

a) It's not possible to accurately represent the speed of the mouse movements. For example, if it takes the user 100 milliseconds to move the mouse from (x1, y1) to (x2, y2), currently my code does not know this. That means if I replay the mouse movements, I have to guess the mouse movement speed.

b) It doesn't know if the user has stopped moving the mouse. Perhaps the user moves the mouse for 1 second, pauses for 1 second, and then moves the mouse again.

2. If the user scrolls down the page (e.g. using the keyboard down-arrow key), the mouse position is not correctly recorded. For example, let's say when the page loads the mouse is in the top right corner of the screen. The user then uses the trackpad or down-arrow key to scroll down to the bottom of the page. The recorded x, y values will look something like this:

{

"x": 1280,

"y": 107

},

{

"x": 1280,

"y": 3337

},

As you can see, the y value jumped from 107 -> 3337. It would be much better if the mouse tracked this location change. For example, if it looked something like this:

{

"x": 1280,

"y": 107

},

{

"x": 1280,

"y": 108

},

{

"x": 1280,

"y": 109

},

{

"x": 1280,

"y": 110

},

...

{

"x": 1280,

"y": 3337

},

Therefore if the mouse movements were being replayed, the mouse wouldn't disappear.

An alternative solution might be to make the replay also do the scroll, so it is correctly replicating the visitor's actions. Therefore it would be OK if the mouse temporarily disappeared, as at least I'm still able to see what the user is doing.

Requirements:

Solve the above problems.

A. Mouse tracking must use vanilla Javascript. (No jQuery).

B. Must not slow down the user's browser, or cause any sort of performance issues.

Then update the replay function so it can work with the new output. That means:

i. The mouse movements use the correct speed.

ii. Any pauses in the mouse movements are shown in the replay.

iii. Any scrolling down the page either a) tracks the mouse movement down the page or b) is recorded and shown during the replay.

Compétences : Javascript

en voir plus : mouse tracking website, mouseflow free, how does mouseflow work, mouse flow, mouse recorder, mouse tracking tool, website session recording, mouse heatmap, google flash mouse tracking, car tracking device taxi location, mouse tracking flash, tracking cell phone location, mobile tracking system current location, tracking employees excel location, mouse tracking software problems, mouse tracking software, flash performs disallowed operation mouse tracking, make changes to an indonesian, to make entries in an accounting, i make 10 dollars an hour

Concernant l'employeur :
( 21 commentaires ) Hong Kong, Macau

Nº du projet : #17819315

Décerné à:

mutokvachi

Hi, I know how to help you with this tracking system. I can make an excellent product for you thanks

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 5 jours
(7 Commentaires)
3.0

4 freelance font une offre moyenne de $201 pour ce travail

usamae

Hi there. I understand your idea and its current issues. I am a full stack software engineer and javascript is one of my major skills. I can solve the issues and make sure mosue tracking and replay is according to Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(46 Commentaires)
5.7
touseef722

.........................................................................................................................................................................

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(0 Commentaires)
0.0
ajittopcode

We will give you the best result by using our best academic skill on your project. I am sure you will satisfy after you see how we execute the [login to view URL] can chat with me and lets get started.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
0.0