ヒートマップ

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

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

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

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

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

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

分析対象を絞り込むフィルター機能前のページ

Google Tag Manager上でGoogle AnalyticsのclientIDを取得する次のページ

ピックアップ記事

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

関連記事

  1. ヒートマップ

    Mouseflowの新機能:ライブヒートマップで動的なヒートマップ分析が可能に!

    mouseflowのヒートマップに新機能が追加されました!その名も「…

  2. ヒートマップ

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

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

  3. Mouseflow

    mouseflow の フリクションイベント って何?

    Webサイトの訪問者は、様々な理由でコンバージョン[閲覧者による収益…

  4. ヒートマップ

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

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

  5. ヒートマップ

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

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

  6. ヒートマップ

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

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

コメント

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

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

CAPTCHA


カテゴリ
最近の記事
  1. 【dbts25】Snowflake×PostgreSQLのニ…
  2. TROCCO dbt連携編
  3. KARTEの「フレックスエディタ(β)」登場!ノーコードでこ…
  4. dbt Projects on Snowflake使ってみた…
  5. Cortex Analystを使ってみた
  1. Tableau

    動的なリファレンスラインで個別に閾値(しきい値)を設定【Tableau】
  2. Adobe Analytics

    訪問回数 とは-Adobe Analyticsの指標説明
  3. Adobe Analytics

    Launchにおける検証環境の確認方法
  4. Cloud Dataflow

    データアナリスト/データエンジニア向けNext19まとめ
  5. 未分類

    databricksのnotebookを使ってみよう その2
PAGE TOP