ヒートマップ

クリック・ヒートマップの使い方

個々の訪問者の行動を分析するにはセッション・リプレイが有効ですが、もっと統計的な分析をしたいときはヒートマップが活躍します。ヒートマップは、全体的な傾向を理解するのに役立ちます。
今回はクリック・ヒートマップの機能と使い方をご紹介します。

クリック・ヒートマップ
クリック・ヒートマップでは、クリックが多い箇所ほど色が青→赤へと変化しています。 この例では会社概要にサイト利用者のクリックが集中していることがわかります。
Google Analyticsなどの解析ツールでも、各ページへの流入数はわかりますが、クリック・ヒートマップを見るとページ内の各ボタンがどのくらいクリックされているかが一目でわかります。 ページ上部にあるナビゲーションメニューの中で、どのボタンがクリックされ、どのボタンがクリックされていないかが分かるので、人気のない項目はフッターに移動するなど、訪問者の注目が分散することを防ぐことができます。

クリックできない場所のクリック
またこの部分では、リンクが設置されていない箇所がクリックされていることが分かります。 このような場合、ここに該当コンテンツへのリンクを設置する、もしくはリンクが設置されていると誤解させないようにデザインを変えることで、訪問者のストレスの軽減にもつながります。

ヒートマップのコントロールエリア
ヒートマップの操作画面上部のコントロールエリアでは、ヒートマップの種類やデバイスの種類、集計期間などを変更することができます。
また、リンクが設置されている場所にマウスオーバーをすると、

ポップアップされる詳細情報
このように詳細な指標が表示されます。(リンクアナリティクス) ・クリックは何回あったか、それは全体の何%か ・マウスオーバーは何回あったのか、それは全体の何%か ・マウスオーバーからクリックへ遷移したのは何%か ・マウスオーバーからクリックまでには平均何秒かかっているか ・何秒間マウスオーバーしたか ・何番目にマウスオーバーしたのか ・クリックしたユニークユーザー数 ・マウスオーバーするまで平均何秒かかったのか ・クリックするまでに平均何秒かかったのか
これらを分析することで、訪問者がどのくらいリンクの発見に時間を要しているのか、クリックするのにどのくらい迷っているのか等の情報を導き出すことができます。 このように、クリック・ヒートマップはトップページのようにリンクが多く貼られているページの分析に非常に有用です。
以上、クリック・ヒートマップについてのご説明でした。 高機能ヒートマップツール「Mouseflow」について気になることがありましたら、画面上部の「お問合せ」よりお気軽にお問合せください。

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. ヒートマップ

    Mouseflowアップデート情報 @2019/6/6

    Mouseflowの機能がアップデートされました!今回のアップデート…

  2. ヒートマップ

    ムーブメント・ヒートマップ

    以前の記事で、ページの全体的な傾向を掴むには、レコーディングを一つ一つ…

  3. Mouseflow

    Mouseflowで問題解決① -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  4. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと③

    ユーザビリティ検証の注意点と禁止事項について、前回の続きからご紹介しま…

  5. ヒートマップ

    【Tips】ヒートマップ機能について①~クリック・スクロール編~

    今回はMouseflowのメイン機能であるヒートマップについて、改めて…

  6. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと①

    今回から何回かに分けて、ユーザビリティ検証で気を付けたいこと、やっては…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. 【GA4/GTM】dataLayerを使ってカスタムイベント…
  2. KARTE を使ってサイト外でも接客を
  3. 【GA4/GTM】dataLayerを活用しよう
  4. ジャーニーマップをデジタルマーケティングの視点で
  5. ChatGPT ProからClaude3 Proへ移行した話…
  1. ObservePoint

    ObservePointの活用で自動車メーカー フォードが達成した4つの成果
  2. Adobe Target

    Adobe Target: スマホアプリ上でABテストをする
  3. Adobe Analytics

    訪問者数とは-Adobe Analyticsの指標説明
  4. Adobe Analytics

    Adobe Analytics: データフィードをGoogle Compute …
  5. Adobe Analytics

    Adobe Analytics: SegmentsAPIを使って大量のセグメント…
PAGE TOP