ヒートマップ

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

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

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

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

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

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

ピックアップ記事

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

関連記事

  1. ヒートマップ

    【Tips】フリクションとは?

    フリクションとは、Webサイトを訪問したユーザが感じたストレスやフ…

  2. ヒートマップ

    ヒートマップを画像としてキャプチャする

    前回は、Mouseflowで行った分析結果の作成に便利なレコーディング…

  3. ヒートマップ

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

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

  4. ヒートマップ

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

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

  5. ヒートマップ

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

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

  6. ヒートマップ

    スクロール・ヒートマップ

    これまで紹介したクリック・ヒートマップやムーブメント・ヒートマップでは…

コメント

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

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

CAPTCHA


最近の記事

  1. Snowflake の Copilot が優秀すぎる件につい…
  2. Snowflake の新しいData Clean Roomの…
  3. 【GA4/GTM】dataLayerを使ってカスタムイベント…
  4. KARTE を使ってサイト外でも接客を
  5. 【GA4/GTM】dataLayerを活用しよう
  1. Amazon Web Services

    Amazon Redshift ビルド168まとめ
  2. Python

    わかりやすいPyTorch入門⑤(CNNとデータの拡張)
  3. Spread Sheets / GAS / GDS

    スプレッドシートで動的な縦持ちデータを作る〜GAS(GoogleAppsScri…
  4. セッションリプレイ

    【Tips】セッションリプレイについて
  5. ブログ

    ページ作成ツール"Marketo"を使ってみて。
PAGE TOP