3

ウェブサイト上のすべての訪問者のカーソルの動きを追跡するために利用できる分析ツールがたくさんあることを私は知っています. それらはすべてかなり高価です

私は自分のウェブサイト用に開発しようとしています-私のウェブサイトにインストールされた追跡コードと、他のページ/ウェブサイトで表示されるカーソルの動き。

多くの人がドキュメントを開く場合、Googleドキュメントで見ました。さまざまなカーソルが、特定の訪問者に対応するさまざまな色で表示されます。Web サイト用に同様の機能を開発したいと考えています。

Google を試してみましたが、開発を開始できる出発点を見つけることができません。

私を案内してください。

4

2 に答える 2

3

探す必要があるのは、mousemoveイベント リスナーを Web ページのルート要素 (body?) にアタッチし、 addEventListenerへの呼び出しでパラメーターをに設定してキャプチャフェーズを指定することです。詳細については、 DOM イベント モデルを確認してください。ダイアガラムは一目瞭然です。useCapturetrue

簡単で汚い例は次のようになります。

var coords=[];
var callback = function(e) {
    // save your mouse coordinates somewhere
    coords.push({x:e.clientX,y:e.clientY});
}
document.body.addEventListener('mousemove',callback,true);

もちろん、ある時点でこれらの座標をサーバーにプッシュする方法を理解する必要があります (そして、おそらく座標のサンプルを保存するだけです)。

お役に立てれば。

于 2012-05-11T20:02:24.853 に答える
1

http://www.clicktale.com/を試してみてください 。ブログや小さなサイトには無料のオプションがあります。

分析を解読するのは難しい部分です。

jquery でこれを行いたい場合は、$(document).mousemove(...) を使用します。別のタグが伝播を妨げていない限り、ページ全体をマップできます。

警告：

$(document).mousemove(...) はテストしていません。$("body").mousemove(...) または $("html").mousemove(...) の可能性があります。

于 2012-05-11T20:02:12.277 に答える