Script per monitorare, tracciare e riprodurre i movimenti del mouse su una pagina web

In questo articolo andremo a vedere come saràpossibile registrare i movimenti che l' utentefarà fare al suo mouse sulla nostra pagina web,movimenti che, una volta rilevati, verranno registratitramite AJAX sul nostro webserver. Per rendere il tuttopiù accattivante, daremo la possibilità diripetere i movimenti del mouse di ciascun utente in qualunquemomento. Registreremo non solo i movimenti, ma anche i clicks(tanto con il tasto destro, quanto con il sinistro).

In cosa potrebbe venirci utile questa funzione?

per monitorare il traffico sul nostro sito; cosa gli utenti fanno e dove guardano
controllare l' usabilità delle nostre applicazioni AJAX
spionaggio ed altre deplorevoli azioni (poco consigliato)

I dati registrati durante lo "spionaggio" vengonoregistrati unicamente nella sessione PHP corrente, il che necauserà la perdita qualora il browser venga chiuso.Ma, naturalmente, questo è solo un esempio dal qualeprendere spunto,non sarà difficile sviluppare migliorie più duraturi sistemi di archiviazione.

Passiamo ora al codice da utilizzare che, moltosemplicemente, è:

<pre>Event.observe($('img-bulb'), 'click', function(){new Effect.Highlight('highlight', {duration:2.0});});</pre>

e che potremo vedere in azione grazie alla demo relativa.

Il codice è in JavaScript ed è scritto traendoparti di codicie da Prototype e script.aculo.us