ヒートマップ

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

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

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

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

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

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

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

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

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

ピックアップ記事

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

関連記事

  1. ヒートマップ

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

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

  2. ヒートマップ

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

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

  3. Mouseflow

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

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

  4. ヒートマップ

    ヒートマップとは

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

  5. ヒートマップ

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

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

  6. Mouseflow

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

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

コメント

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

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

CAPTCHA


最近の記事

  1. Mouseflowのセッションリプレイのしくみ
  2. LangChainって何?: 次世代AIアプリケーション構築…
  3. 1st Party Cookieと3rd Party Coo…
  4. Amplitudeで何が分かる?
  5. SnowflakeのHybrid Tableのマニュアルを読…
  1. Tableau

    Tableauの便利な機能
  2. Adobe Analytics

    デバイスとは-Adobe Analyticsの指標説明
  3. Adobe Analytics

    Adobe Analytics: レガシーs_code.jsのリミッターを解除し…
  4. IT用語集

    ECサイト(Electronic Commerce Site)って何?
  5. Tableau

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