マウスの動きを記録する JavaScript です。 まずこのページを読み込んだ状態でブラウザ上でマウスを動かします。 しばらくカーソルを動かしたりクリックしたり ページをスクロールさせたりしてから 下の記録ボタンを押すとそこまでの動作が記録されます。 再生ボタンを押すと記録した動作を再現します。 また unload イベントに kilrey.tarcer.save() を登録することで 利用者に意識させることなく動作を記録します。 ちなみにライセンスは MIT LICENSE です。 (download)
用途は幾つか考えられます。 例えばスクロールの記録からページのどこを見ていたかが判ります。 最後まで読んだか途中で止めたかという情報は 縦に長いページならば特に重要なのではないでしょうか。 他にもマウスクリックの記録からどのように操作したかが判ります。 AJAX で複雑な UI を作った場合に 利用者が誤ってクリックした箇所を知ることが出来ます。 もちろんこれらの情報は生のデータにすぎません。 このデータから有用な統計を取り出すのはサイト管理者の仕事ということで。
インストールについてです。 まず (download) から一式をダウンロードして適当なディレクトリに展開します。 利用する html ファイルでは recorder.js を読み込み、 必要に応じて kilrey.tracer.save(), kilrey.tracer.load() を呼び出すようにしてください。 あとは利用する html ファイルと recorder.js, recorder.php, cursor.png, recorder/ 以下をサーバにアップロードします。 アクセス権限は recorder/ 777, recorder/recorder.db 666 となるように設定してください。
標準では kilrey.tracer.save(), kilrey.tracer.load() は 呼び出した元の IP と html ファイル名を識別して結果を返します。 recorder.php にそれらを指定したクエリを送れば そのクエリに対応した結果が返ってきます。 ちなみに認証は掲示板その他のサンプルと同じものを流用しています。 解析として利用する場合には 利用者は書き込み権限のみの guest アカウントで記録して 管理者は読み書き両用の admin アカウントで解析すると良いでしょう。