1

の中にクリックの累積が表示されている画像（グラフ）がある<div>ので、あちこちにドットが散らばっているように見えます。

これを「見やすく」したいと思い、ヒートマップが最良の選択肢になると考えました。

どうすればそのようなソリューションを実装できますか?

私は PHP や JavaScript に特に精通しているわけではないので、ポインタがあれば役に立ちます。

4

2 に答える 2

0
  • 最初にjQueryライブラリを使用すると、ユーザーがマウスをクリックしたときに位置を選択でき、URLの例を見ることができます
  • 次に、IP またはユーザー、イベントの日付、マウスの位置、クリックされたオブジェクト、ページを示す小さなパケットであるサーバーを常に気にするために、この情報を送信する必要があります。
  • 第三に、たとえば、リストベースのすべてのクリックを合計し、円の色とサイズを強調するなどのアルゴリズムを作成できます（これらを使用する場合）
  • 4 つ目は、PHP GD ライブラリを使用して画像を作成するか、データ ウェアハウスに応じて明るさや色合いなどの CSS プロパティをオーバーレイすることを考えることができます。
于 2011-09-22T15:58:08.490 に答える
0

クリック数の累積に関しては、画像上のどこでクリック イベントが発生したかを判断するクリック ハンドラーを JS に登録するだけで済みます。次に、AJAX (または選択した別の方法) を使用して、これらのクリックを Web サーバーに返し、おそらく何らかの形で保存することができます。

ヒートマップの作成に関しては、2 つの潜在的なルートがあります。

  1. GD や ImageMagick などのライブラリを使用して、PHP でサーバー側のヒートマップ画像を生成し、この画像をグラフに重ねることができます。

    これには、さまざまな JS ソリューションとのブラウザーの互換性について心配する必要がないという利点がありますが、サーバーの負荷が増加することを意味します。

  2. JS でクライアント側のヒートマップを生成することもできます。これを行う方法はたくさんあります。

    これには、面倒な作業をブラウザーに任せて、サーバーをスムーズに実行できるという利点があります。ただし、ブラウザの互換性の問題に直面する場合があります。

この質問に完全に答えるために、あなたがすでに持っているもの、あなたが置かれている制約、そして使用するテクニックについて好みがあるかどうかについて、もう少し知っておくと役に立ちます!

于 2011-09-22T15:55:50.860 に答える