--- title: ヒートマップ description: ヒートマップの利用方法について説明します。 --- [コンテンツまでスキップ](https://support.materialdigital.jp/manual/heatmap#main-content) 日本語 翻訳のサブメニューを表示 [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja) ![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png) メインナビゲーションを開く メインナビゲーションを閉じる - 日本語 翻訳のサブメニューを表示 - [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new) - [サービスサイトへ](https://materialdigital.jp/) [サービスサイトへ](https://materialdigital.jp/) お困りのことは何でしょうか？ - 検索フィールドが空なので、候補はありません。 1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja) 2. [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja) 3. [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97) # ヒートマップ ## ヒートマップの利用方法について説明します。 1. [「ヒートマップ」とは](https://support.materialdigital.jp/manual/heatmap#section1) 2. [利用前の準備](https://support.materialdigital.jp/manual/heatmap#section2) 3. [表示項目について](https://support.materialdigital.jp/manual/heatmap#section3) 4. [使用手順](https://support.materialdigital.jp/manual/heatmap#section4) ### 「ヒートマップ」とは 特定のページ内でのユーザーの行動を視覚的に表現したレポートです。 クリックやスクロールが集中している箇所・注目されているコンテンツなどを色の濃淡で示し、お客様のサイト上の行動を直感的に理解することができます。 また、ページ内の改善点を特定し、具体的なデザイン変更・コンテンツの最適化に活用することも可能です。 ### 利用前の準備 **ヒートマップは無償でご利用いただけますが、ご利用にはオプション申請が必要となります。** 管理画面＞ヒートマップからご利用申請を行ってください。 ※申請後、機能が開放されてから計測が開始いたします。 ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202025-04-16%20at%2009-57-24-png.png?width=670&height=144&name=CleanShot%202025-04-16%20at%2009-57-24-png.png) ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202025-04-14%20at%2019-26-59@2x-png.png?width=670&height=672&name=CleanShot%202025-04-14%20at%2019-26-59@2x-png.png) ### 表示項目について ■管理画面 **ヒートマップ一覧** URL登録で登録したURLを対象にマップデータが集計され表示されます。 ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-33-58-png.png?width=670&height=188&name=CleanShot%202026-07-24%20at%2010-33-58-png.png) | **項目名** | **説明** | | --- | --- | | ①検索窓 | URLを入力いただくことで、確認したい対象のURLを絞り込むことが可能です。（部分一致or完全一致） | | ②全てのデバイス | レポートの数値をデバイス別に確認することが可能です。 プルダウンから確認したいデバイスを選択いただくことで、ご確認いただけます。 | | ③フィルター | ・なし すべてのPVが対象となります。 | | ・コンバージョン コンバージョンしたユーザーのPVが対象となります。 コンバージョンタグごとに選択いただけます。 | | | ・セッション 初訪問・再来訪のユーザーを選択いただけます。 | | | ・シナリオ 選択したシナリオが配信されたPVが対象となります。 セグメントのシナリオを選択していただき、シナリオフィルターから確認したいシナリオを選択してください。 ![CleanShot 2025-03-27 at 12.36.56](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202025-03-27%20at%2012.36.56.png?width=385&height=380&name=CleanShot%202025-03-27%20at%2012.36.56.png) | | | ④日付 | 数値を確認したい期間を指定することが可能です。 日付部分をクリックして「開始日」「終了日」を指定します。 データは過去1ヶ月まで参照できます。 | | ⑤URL | 集計されたURLの一覧です。 ※パラメータを除いたURLで集計されます。 例）https://example.jp/?utm\_source=gogle　 　→https://example.jp/ | | ⑥タイトル | URLに設定されているタイトルが表示されます。 | | ⑦プレビュー | アイコンをクリックすることで、ヒートマップが表示されます。 | | ⑧計測数 | 対象のURLの計測数です。 ※ヒートマップのPV数＝Flipdeskヒートマップ上で有効と判断されたデータ量であり、GA4等での通常のPV数とは差異が生じる仕様となっております。 | | ⑨訪問開始数 | 該当ページが訪問された数です。 | | ⑩直帰率 | 該当のページ以外を閲覧せずに離脱した割合です。 | | ⑪平均滞在時間 | 該当ページの平均滞在時間です。 | レポートデータの反映について： ・管理画面データへの反映には約1日のラグが発生します。 　例）4/1のデータは4/2に管理画面に反映 ・一定のデータ量に満たない場合、マップへの記録がスキップされます。その為、実際のPV数と一致しないケースもございます。   **URL登録** ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-37-57-png.png?width=670&height=218&name=CleanShot%202026-07-24%20at%2010-37-57-png.png) ヒートマップで計測するURLを登録する画面です。 この画面で登録されたURLのみ集計対象になります。 | 項目名 | 説明 | | --- | --- | | URL登録 | 新規のURLを登録します | | URL | 実際に登録されたURLです | | 説明 | URL登録時に任意のテキストを登録できます。 | | 編集アイコン | 説明文を編集できます | | 削除アイコン | URLを削除できます | ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-41-38-png.png?width=542&height=335&name=CleanShot%202026-07-24%20at%2010-41-38-png.png)   | 項目名 | 説明 | | --- | --- | | 対象URL | 集計対象にするURLを登録します URLは**パラメータを除いた完全一致**で入力してください。 例）https://materialdigital.jp/?utm=xxx →https://materialdigital.jp/ | | 説明 | 任意のメモテキストを登録できます | | 登録 | 入力したURLを登録します | **＊URL登録の上限数は100件です** ■ヒートマップ画面（ヘッダーメニュー） ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-24-15-png.png?width=670&height=54&name=CleanShot%202026-07-24%20at%2010-24-15-png.png) | **項目名** | **説明** | | --- | --- | | ①簡易レポート | 期間やフィルターでセグメントされた数値を確認できます。 | | ②プレビュー | クリックヒートマップ、アテンションヒートマップを切り替えることができます。 | | ③期間 | 数値を確認したい期間を指定することが可能です。 日付部分をクリックして「開始日」「終了日」を指定します。 | | ④フィルター | なし・コンバージョン・セッション・シナリオのフィルターを選択することができます。 | | ⑤デバイス | 表示デバイスをPC\<=\>SPで切り替えができます。 | | ⑥再取得・再描画ボタン | フィルターや期間など設定を切り替えた後にクリックする事でマップを描画します。 また、読み込みの具合でマップがサイト下部まで描画されない場合があります。その場合は「再描画」ボタンを押す事で再度マップ描画が行われます。 | | ⑦メニュー格納ボタン | ヘッダーメニューバー右下にある矢印ボタンです。押下することでヘッダーメニューを格納しマップ上部も視認できるようになります | ### 使用手順 - デバイス・セグメント・期間で集計PVの絞り込みを行い、確認したいURLのプレビューアイコンからヒートマップを開く。 ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202025-04-14%20at%2018-30-39-png.png?width=670&height=131&name=CleanShot%202025-04-14%20at%2018-30-39-png.png) **クリックヒートマップ** ユーザーのクリック位置を可視化します。 ヘッダーメニューで確認したい項目を選択できます。 ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-30-31-png.png?width=670&height=305&name=CleanShot%202026-07-24%20at%2010-30-31-png.png) - **アテンションヒートマップ** 　　そのページ内の滞在時間ごとに帯の色を分けて可視化します。 　　ユーザーがページ内のどの地点まで到達したかを確認することができます。 ＊その地点の滞在が5秒以上の場合に集計を行います ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-31-28-png.png?width=670&height=308&name=CleanShot%202026-07-24%20at%2010-31-28-png.png) ・スクロール到達率 ページが表示されたPVのうち、どの位置までスクロールされたかを割合で確認することができます。 %横の数値はそのページの計測数になります ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-32-46-png.png?width=99&height=47&name=CleanShot%202026-07-24%20at%2010-32-46-png.png) ページ下部まで％を維持していた場合、最後まで閲覧されている目安となります。 ![](https://support.materialdigital.jp/hs-fs/hubfs/CleanShot%202026-07-24%20at%2010-32-02-png.png?width=670&height=309&name=CleanShot%202026-07-24%20at%2010-32-02-png.png) 活用事例に関しましては、事例集をご確認ください。 事例集の確認方法は[こちら](https://support.materialdigital.jp/manual/howto_scenario_usecases?hsLang=ja)。   - [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content) - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89) - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE) - [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content) - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA) - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A) - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98) - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86) - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A) - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD) - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD) - [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content) - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88) - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5) - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA) - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97) - [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content) - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89) - [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja) - [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content) - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1) - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3) [![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/) Copyright © Flipdesk Inc. Copyright © 2026, 株式会社マテリアルデジタル