Mouseflowとは？ヒートマップと録画で改善点を探す使い方

Mouseflowを入れたら、たくさんの録画が集まった。

けれど、どれを見ればよいのか分からず、再生して終わってしまう。

Mouseflowを改善に使うときは、調べるページと質問を1つ決めてから、録画とヒートマップを開くと作業が進みます。

たとえば「商品ページを見たスマートフォンの訪問者は、サイズを選んでカートに進めているか」という質問です。

この記事では、機能の選び方、導入前の準備、録画の絞り込み、改善メモの作り方を紹介します。

2026年10月4日に確認した公式資料に基づく手順で、特定の契約アカウントで導入・効果検証を行った体験談ではありません。

Mouseflowでできることを確認する

Mouseflowは、Webサイト上の行動をヒートマップやセッションリプレイなどで確認するサービスです。

クリックされた場所だけでなく、その前後にどのような操作があったかを調べられます。

集計と録画の役割を分ける

公式には、セッションリプレイ、ヒートマップ、フリクション検出、ファネル、ジャーニー分析、フォーム分析、フィードバックなどが案内されています（参考：Mouseflowの機能一覧）。

最初に覚えておきたいのは、集計と個別の記録の違いです。

確認したいこと	主に使う機能
どの位置が押されているか	クリックのヒートマップ
下の説明まで見られているか	スクロールのヒートマップ
どんな順で操作したか	セッションリプレイ
手続きのどの段階で減るか	ファネル
入力のどこで止まるか	フォーム分析
利用者自身が何と答えるか	フィードバック

セッションリプレイは、訪問者のWebカメラを撮る機能ではありません。

ページの状態と操作イベントから、サイト上の利用の様子を再現する仕組みです（参考：セッションリプレイの仕組み）。

ただし、画面の再現から分かるのは操作であり、利用者の気持ちや購入をやめた理由そのものではありません。

課題に必要な機能を選ぶ

最初からすべての機能を使おうとすると、設定項目ばかり増えてしまいます。

調べたいことと、調べた結果に応じて変える場所をセットにします。

商品ページなら「サイズ選択の使い方が伝わっているか」を調べ、必要なら案内やボタンを直すという組み合わせです。

資料請求ページなら「入力エラーの後に修正できているか」を調べ、必要ならエラー表示を直します。

ここで、ツールの導入目的を「録画を集める」だけにしないことが大切です。

Mouseflowの公式分析ガイドも、録画を開く前に調査の質問を決める進め方を紹介しています（参考：セッションリプレイの分析方法）。

AIの分析支援を使う場合も、対象期間とページ、根拠となる操作を自分で確認できる状態にしておきます。

要約だけで修正を決めず、元の記録に戻れるようにしてください。

Mouseflowの導入条件を整理する

導入では、タグを設置する担当者に加え、対象サイト・記録量・見せてはいけない情報を決めます。

公開後の録画に個人情報が含まれていないか、テスト操作で確認するところまでを準備に含めます。

対象サイトと記録量を決める

Mouseflowでは、登録したサイトごとのトラッキングコードを使います（参考：公式インストールガイド）。

HTMLへ設置する場合の流れは、次のとおりです。

1. Mouseflowへログインして、対象サイトのプロジェクトを開く
2. サイト一覧のコードアイコンから設置方法を選ぶ
3. 「Install snippet on your website」で対象サイトのコードを取得する
4. サイトの共通テンプレートへ、管理担当者がコードを設置する
5. 許可されたテスト訪問でクリックやスクロールを行う
6. プロジェクトの「Activate Tracking」が表示されたら設定を確認して有効化する
7. 新しい記録がLive SessionsからRecorded Sessionsへ移ることを確認する

タグマネージャーやWordPressを使っている場合は、同じコードを重複設置せず、公式の対応手順を選びます。

記録対象を限定する場合は、Website SettingsのRecording Controlsでページ条件を設定できます（参考：録画対象と記録率の設定）。

ただし、商品ページだけを記録すると、前のページから何を期待して来たのか、次のページで完了できたのかが分からなくなることがあります。

調査に必要な経路を残しつつ、不要な管理画面などを対象から外します。

記録率を下げる設定はプランによって使える範囲が異なり、記録されなかった訪問は後から再現できません。

マスクと同意を確認する

入力欄だけでなく、マイページの氏名、注文内容、検索結果の表示部分にも、記録したくない情報が出ることがあります。

Mouseflowには、表示内容を隠すマスクと、対象要素を記録から除く設定があります（参考：Visual Privacy Toolの使い方）。

設定はWebsite SettingsのExclude & Whitelistから、Open Visual Privacy Toolを開いて進めます。

対象ページで隠す要素を選び、ツール側の保存に加えて設定画面側でも保存します。

マスクや除外の変更は、すでに記録されたデータへさかのぼって適用されません。

そのため、実データを集める前にテスト用の内容で再生を確認してください。

同意に応じて計測を開始する構成では、利用中の同意管理ツールとMouseflowの開始条件を連動させます（参考：Cookie同意との連携）。

「タグがあるか」だけでなく、同意前・許可後・拒否時に意図した動きになるかを確認します。

具体的な告知や同意の要件は、自社の対象地域と運用に合わせて担当者と整理します。

Mouseflowで見る録画を絞る

録画を見るときは、まず調べるページを選び、次に期間・端末・流入などをそろえます。

条件を増やしすぎて記録がなくなった場合は、どの条件で対象が減ったかを確認します。

問題のあるページを選ぶ

MouseflowのRecorded Sessionsには、特定ページの表示だけに注目する「View by page」があります（参考：ページ単位で録画を見る）。

操作は次の順です。

1. Recorded Sessionsの一覧を開く
2. モードを「View by page」に切り替える
3. 調べるページを選ぶ
4. 期間やデバイスなど、調査に必要な条件を確認する
5. 対象のセッションを再生する

このモードは選んだページの表示を中心に再生し、別のページを飛ばします。

前後の経路まで確認したいときは、一覧へ戻って「Watch full sessions」で見直します。

特定ページを見たことと、そのページを入口にしたことは別なので、必要な条件を混同しないでください。

ページ候補には最近記録されたページが表示されるため、候補にないことだけで過去のデータがないとは判断しません。

公式資料では、候補にない場合に正確なページ名を入力する方法も案内されています。

異常シグナルの前後を確認する

Mouseflowは、短時間の連続クリック、反応のない場所へのクリック、クリック時のエラーなどを、調査の手がかりとして示します（参考：フリクション検出）。

これらの印が付いた記録から見ると、確認すべき操作を探しやすくなります。

ただし、連続クリックの印だけを見て「怒っている」と断定することはできません。

商品数量を増やす操作など、連続クリックが自然な場面もあります。

録画では、印が付く直前の表示、操作した場所、その後の画面変化を順に見ます。

次の3点をメモすると、修正担当者へ渡しやすくなります。

• 何を押したか
• 押した後に何が表示されたか
• その後、目的の操作を続けられたか

記録自体が増えない場合は、ページの問題とは分けて、Recording Statusと記録上限を確認します（参考：新しい録画が表示されない場合）。

Live Sessionsのデータが、まだ他の集計へ反映されていない場合もあります。

Mouseflowのヒートマップを使う

個別の録画で気になる操作が見つかったら、ヒートマップで同じ場所の集計を確認します。

色が強い場所を見つけるだけでなく、何のデータを重ねた地図なのかを確かめます。

問題の広がりを確認する

Mouseflowには、クリック、スクロール、移動、アテンション、フリクション、インタラクティブ、地域のヒートマップが案内されています（参考：ヒートマップの機能）。

最初はクリックとスクロールから見ると、操作と到達の違いを分けやすくなります。

見る地図	調べる内容	決めつけないこと
クリック	どの場所が押されたか	押された場所が必ず役立ったとは限らない
スクロール	説明やボタンの位置まで到達したか	到達しただけで読んだとは限らない
フリクション	調査対象のシグナルがどこに集まるか	印がすべて不具合とは限らない

Heatmapsの一覧から対象ページを開き、ビューアーで地図の種類・期間・端末を選びます（参考：ヒートマップ一覧と操作）。

録画と同じ条件にしたうえで、ページビュー数やクリック数も確認します。

1人が何度も押した結果と、多くの訪問者が押した結果を、クリック数だけで同じものとして扱わないようにします。

また、マウスの移動を表す地図は、目線を測った結果ではありません。

端末ごとの違いを確認する

スマートフォンとPCでは、見えている範囲やメニューの形が違います。

同じURLでも、端末ごとのヒートマップを分けて見てください。

比較機能が使える場合は、ヒートマップ上部のCompareから左右に2つの表示を開けます（参考：ヒートマップの比較）。

左右で期間・端末・対象を個別に指定できるため、同じ期間のスマートフォンとPCを並べると違いを確認しやすくなります。

比較できる地図の種類はプランによって異なり、インタラクティブヒートマップは比較画面の対象外です。

使えない場合は、同じ条件を記録しながら、それぞれを別に開いて確認します。

改修前後を比べるときは、ページの長さやボタンの位置も変わっていないかを確かめてください。

色の位置が変わっただけでは、利用者の行動が改善したとはいえません。

Mouseflowから改善案を作る

録画やヒートマップの確認結果は、観察した事実・考えられる理由・試す変更の3つに分けます。

こうすると、まだ確かめていない推測を、問題の確定事項として伝えずに済みます。

操作事実をメモへ残す

次は、サイズ選択のある商品ページを調べる場合の架空の記入例です。

項目	記入例
調査の質問	スマートフォンでサイズを選んで先へ進めるか
対象	同じ商品ページ・同じ広告・同じ期間
観察した操作	未選択のままカートボタンを押し、その後も同じ場所を押した
実画面の確認	エラー案内がボタンより上に出る構成だった
仮説	エラー案内が見つけにくい可能性がある
試す変更	選択欄の近くにも短い案内を表示する
評価すること	選択後にカートへ進めた割合と、同じ操作の再発

これはMouseflowで観測した実績ではなく、調査メモの作り方を示す例です。

再生位置や対象ページも残すと、担当者が同じ場面を探し直しやすくなります。

共有用の文章には、不要な個人情報や注文内容を転記しないでください。

また、録画の表示が崩れているときは、サイト自体の不具合なのか、記録の再現上の問題なのかを分けて確認します。

同じ端末条件の実ページでも再現するかを確かめてから、修正案へ進みます。

集計で優先度を確認する

不具合らしい操作を見つけても、それがどこまで広がっているかは別の確認が必要です。

同じページを見た対象の数と、問題が疑われる操作の数を並べます。

エラーのある録画だけを選んで見た場合、その中の割合をサイト全体の発生率とは呼べません。

選び方によって偏りがあることを記録し、通常の操作も確認します。

優先度を決めるときは、次の項目を並べると判断しやすくなります。

• 購入や問い合わせを妨げる可能性
• 同じ条件で繰り返し見つかるか
• 実画面でも再現するか
• 修正できる範囲と担当者
• 修正後に確かめる指標

件数が少なくても、手続きを完了できない不具合なら、再現確認を優先する理由があります。

逆に、色が目立つという理由だけで、成果との関係が分からない場所を大きく変える必要はありません。

入力フォームの改善を扱う場合は、EFOの計測項目と進め方も参考になります。

Mouseflowを運用する判断

継続利用では、記録が増えることよりも、担当者が調査して改善判断へつなげられるかを確認します。

分析の担当と設定の担当が別の場合は、誰がどこまで操作できるかを先に決めます。

使う担当と権限を決める

Mouseflowには閲覧、読み書き、管理者、サイトごとのカスタム権限などの区分があります（参考：ユーザーと権限の管理）。

閲覧権限では録画の共有などができず、読み書き権限でもVisual Privacy Toolは開けないため、担当する作業と権限を照合します。

アカウント所有者または管理者が、AccountのUsersから追加対象と必要な範囲を確認します。

クライアントごとに担当が違う場合は、別案件まで見える権限を配らないようにしてください。

録画を共有するときも、共有先と内容を確認します。

運用を始める段階で、次の役割を決めておくと滞りにくくなります。

役割	担当すること
設定担当	タグ・マスク・対象ページの確認
分析担当	条件をそろえて記録を調べる
改修担当	実画面で再現し、変更を実装する
判断担当	成果と作業量を見て継続を決める

少人数なら同じ人が兼ねても構いませんが、設定変更の記録は残します。

費用と試用条件を確かめる

公式料金ページでは、14日間の試用と、月500セッションの無料プランが案内されています（参考：Mouseflowの料金と試用条件）。

試用中に使える範囲と、試用後の無料プランの範囲は同じではありません。

月の記録数だけでなく、サイト数、保存期間、必要な分析機能、比較機能を確認してください。

セッション枠を使い切ると記録が止まるため、記録がない期間を「訪問者に問題がなかった期間」と解釈しないようにします。

有料契約では、画面に表示された通貨・月払いか年払いか・税・請求総額を確かめます。

最初の試用では、次の手順表を1件分埋められるかを目標にしてください。

手順	残す結果
課題を決める	対象ページと調べる質問
記録を準備する	タグ・同意・マスク・対象の確認
録画を絞る	期間・端末・ページ・選んだ条件
ヒートマップを見る	地図の種類と集計対象の数
仮説を作る	事実・理由の仮説・試す変更
運用を判断する	担当者・評価指標・必要な契約範囲

Mouseflowの価値を確かめるには、録画の本数より、1つの課題をどこまで具体的な変更案にできたかを見ると判断しやすくなります。