Redazione
a- a+

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' utente farà fare al suo mouse sulla nostra pagina web, movimenti che, una volta rilevati, verranno registrati tramite AJAX sul nostro webserver. Per rendere il tutto più accattivante, daremo la possibilità di ripetere i movimenti del mouse di ciascun utente in qualunque momento. 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" vengono registrati unicamente nella sessione PHP corrente, il che ne causerà la perdita qualora il browser venga chiuso. Ma, naturalmente, questo è solo un esempio dal quale prendere spunto,non sarà difficile sviluppare migliori e più duraturi sistemi di archiviazione.

Passiamo ora al codice da utilizzare che, molto semplicemente, è:

<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 traendo parti di codicie da Prototype e script.aculo.us



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Redazione
Condividi le tue opinioni su questo articolo!