ヒートマップ

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

mouseflowのヒートマップに新機能が追加されました!
その名も「ライブヒートマップ」です。

端的に説明すると、実際のWebサイト上で機能することで動的コンテンツにも対応できるようなったのがライブヒートマップです。
これにより、実際にサイトを訪問したときの外観や動作をmouseflowのヒートマップ上で再現できます。

従来のヒートマップはWebページのスクリーンショットを撮影し、この画像上にヒートスポットを配置して作成されています。
サイトを訪問したユーザのアクティビティが多いほど暖色で表示され、アクティビティが少ない場所は寒色で表示されます。
このように、ヒートマップは数値ベースのサイト分析とは対照的に、ユーザがページ上のどこに興味を示し、どこで興味を失ったのかを明らかにしてくれ、コンテンツやデザインの最適化に貢献します。

しかし、実際のサイトがほとんど動的なページであるにもかかわらず、従来のヒートマップは静的な画像であったために多くの制限がありました。
この制限を取っ払うための解決策としてmouseflowが開発したのが、ライブヒートマップです。

ライブヒートマップは、mouseflowの画面左側にあるサイドメニューから【ヒートマップ】をクリックし、一覧の【LIVE】から見ることができます。
ライブヒートマップ上でコンテンツを変更すると(例えばカートやチェックアウトページに商品を追加するなど)、ヒートマップに表示されるデータが更新されてページのコンテンツが反映されます。
これにより、ヒートマップ上で自由にサイト内を移動しながらデータの追跡を行うことが可能です。

また、ライブヒートマップは以下のような動的要素をサポートしています。(これはほんの一例です。)

  • SPA(シングルページアプリケーション)
  • ドロップダウンメニュー
  • 遅延読み込み
  • Revolution Sliders
  • XHR/AJAX
  • Iframes
  • 視差スクロール

尚、ライブヒートマップを使うのに特別な準備は必要ありません。
お使いのmouseflowアカウントにログインすれば、すでにライブヒートマップのデータが表示され、分析可能な状態になっているはずです。
是非、ヒートマップのニュースター「ライブヒートマップ」を体感してみてください!

ピックアップ記事

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

関連記事

  1. ヒートマップ

    MouseflowをAdobe Analyticsと一緒に使う

    近年、視覚分析ツールの需要が高まっています。ウェブサイトの統計的なロ…

  2. ヒートマップ

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

    個々の訪問者の行動を分析するにはセッション・リプレイが有効ですが、もっ…

  3. ヒートマップ

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

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

  4. ヒートマップ

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

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

  5. ヒートマップ

    アテンション・ヒートマップ

    前回は訪問者がどこまでスクロールしているのかを可視化するスクロール・ヒ…

  6. ヒートマップ

    ヒートマップとは

    Mouseflowのメイン機能の一つであるヒートマップについてご紹介し…

コメント

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

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

CAPTCHA


最近の記事

  1. 回帰分析はかく語りき Part2 重回帰分析
  2. 第14回関西DB勉強会-Snowflake Summit参加…
  3. Open Interpreter+VScode+Docker…
  4. LangChainって何?: 次世代AIアプリケーション構築…
  5. 回帰分析はかく語りき Part1 単回帰分析
  1. Adobe Analytics

    Adobe Analytics:セグメントの落とし穴:意図しないデータが混ざる①…
  2. Matillion Practitioner Certification

    Matillion

    Matillion Practitioner Certification 合格体…
  3. IT用語集

    インジェクション攻撃(Injection Attack)って何?
  4. Google Apps Script(GAS)

    GASを利用してWebスクレイピングをやってみよう②
  5. Adobe Dynamic Tag Manager

    【Adobe Analytics,Launch】進化するDebugger
PAGE TOP