Cómo guardar el rastro de los movimientos del ratón en una página web
SMT (Simple Mouse Tracking) es un sistema basado en Javascript que nos va a permitir guardar el rastro de los movimiento del ratón que realicen nuestros usuarios al navegar por nuestras páginas.
Los pasos detallados para hacer funcionar la librería se encuentran en las páginas del proyecto “Google code“.
En primer lugar tendremos que descargarnos la última versión de los fuente desde este enlace.
- Deberemos dejar los fuentes en un lugar accesible para nuestra aplicación y acceder a través de nuestro navegador a la siguiente URL: http://localhost/smt2/admin/sys/install.php.
- Introduciremos nuestro email y haremos click en el botón "Install “.
- Una vez que la instalación ha terminado, tendremos que loguearnos en el CMS: http://localhost/smt2
Necesitaremos tener corriendo una base de datos MySQL donde se irán guardando las coordenadas de los movimientos del ratón. Si necesitasemos configurar la conexión a dicha base de datos, siempre podremos hacerlo editando el fichero config.php
Para comenzar a guardar el rastro de todos los movimientos del ratón en nuestras páginas, simplemente tendremos que incluir las siguientes 2 líneas en nuestros ficheros:
<script type="text/javascript" src="/smt2/core/js/smt-aux.min.js"></script> <script type="text/javascript" src="/smt2/core/js/smt-record.min.js"></script> |
Un ejemplo completo puede ser el siguiente:
<html> <head> <title>My document title</title> <script type="text/javascript" src="/smt2/core/js/smt-aux.min.js"></script> <script type="text/javascript" src="/smt2/core/js/smt-record.min.js"></script> <script type="text/javascript"> try { smt2.record({ recTime: 300, disabled: Math.round(Math.random()), warn:true, warnText: "We are going to record your mouse movements for a remote usability study." }); } catch(err) {} </script> </head> <body> Your page content goes here... </body> </html> |
Por último, para ver el rastro generado por cada usuario, tendremos que loguearnos en el CMS, y buscar el registro que deseemos. La visualización tendrá lugar mediante una animación en Flash.