> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/insight/smart-heatmap.md). # スマートヒートマップ {% hint style="info" %} 「内容が多くて、理解には時間がかかります。」 「専門用語多い、理解しづらい」 もしこのような悩みを持ちの方は、**タイトル右上のボタン**をぜひ活用してください！ AIが長い内容を説明していただけます！ {% endhint %} Ptengine のスマートヒートマップは、設置済みのタグから収集したデータをもとに、コンテンツへの**滞在時間 / 離脱 / クリック / コンバージョン**を素早く分析できる機能です。 スマートサマリーでは実際のページ構成を読み取り、収集データと組み合わせて、データの解釈と「それがなぜ起きているか」を AI が自動で分析します。 8 つの機能タブで、ページ上のユーザー行動を多角的に確認できます。

スマートヒートマップのツールバー全体（各機能の入口）

*** ## このツールで分かること（活用シーン） | 知りたいこと | おすすめの機能 | | ------------------------- | --------------------------------------------------------------- | | ページ全体の状況を素早くつかみたい | [スマートサマリー](/insight/smart-heatmap/smart-summary.md) | | ユーザーがどこに注目しているか | [滞在ヒートマップ](/insight/smart-heatmap/stay-heatmap.md) | | どこで離脱が起きているか | [離脱ヒートマップ](/insight/smart-heatmap/exit-heatmap.md) | | どのボタンやリンクが押されているか | [クリックヒートマップ](/insight/smart-heatmap/click-heatmap.md) | | どのコンテンツが成果に効いているか | [コンバージョン貢献ヒートマップ](/insight/smart-heatmap/conversion-heatmap.md) | | ページ・ブロック・要素の数値をまとめて見たい | [数値レポート](/insight/smart-heatmap/numerical-report.md) | | 改修前後／セグメント別／複数視点を並べて比較したい | [比較ヒートマップ](/insight/smart-heatmap/comparison.md) | | ヒートマップ画像を社内資料にそのまま使いたい | [スクリーンショット](/insight/smart-heatmap/screenshot.md) | *** ## 8 つの機能タブ | タブ | 種類 | 概要 | | --------------------------------------------------------------- | ------- | ------------------------------------- | | [スマートサマリー](/insight/smart-heatmap/smart-summary.md) | AI 分析 | AI がページデータを分析し、ページ全体・ブロック単位のサマリーを自動生成 | | [滞在ヒートマップ](/insight/smart-heatmap/stay-heatmap.md) | ヒートマップ | ブロックごとの滞在時間を可視化 | | [離脱ヒートマップ](/insight/smart-heatmap/exit-heatmap.md) | ヒートマップ | ブロックごとの離脱状況を可視化 | | [クリックヒートマップ](/insight/smart-heatmap/click-heatmap.md) | ヒートマップ | 要素ごとのクリック行動を可視化 | | [コンバージョン貢献ヒートマップ](/insight/smart-heatmap/conversion-heatmap.md) | ヒートマップ | ブロック・要素ごとの CV 貢献度を評価 | | [数値レポート](/insight/smart-heatmap/numerical-report.md) | データレポート | ページ・ブロック・要素のパフォーマンスを総合的にレポート化 | | [比較ヒートマップ](/insight/smart-heatmap/comparison.md) | 比較 | 複数のヒートマップを並べて比較 | | [ツールバー機能](/insight/smart-heatmap/toolbar.md) | 共通 | ページ切り替え・期間・セグメント・共有・ページ保存などの共通操作 | *** ## 始める前に — 設定の順番 スマートヒートマップの価値を最大限に引き出すには、以下の順番で設定するのがおすすめです。 ``` ① コンバージョン（CV）を設定 ② ブロックを設定 ③ 要素を設定 ``` | 設定 | 設定すると | | --------- | ------------------------------------------------ | | ① コンバージョン | コンバージョン貢献ヒートマップ・数値レポートでの CV 分析、スマートサマリーの分析精度が上がる | | ② ブロック | 滞在・離脱・コンバージョン貢献のブロック単位分析、スマートサマリーのブロック解釈ができる | | ③ 要素 | クリック・コンバージョン貢献の要素単位分析、CTA 設定が使える | > **完璧を狙わず、まず一度設定してみるのがおすすめです。** 設定はあとからいつでも変更できます。 詳しい手順はこちら： * [はじめに：3 つの設定順序](/insight/smart-heatmap/getting-started.md) * [ブロック・要素の設定方法](/insight/smart-heatmap/block-element-settings.md) *** ## クラシック版・β 版から移行する方へ 旧ヒートマップ（クラシック版）や β 版で使っていた機能の現在地、計算方法の変更点、新機能のショートカットなどを対応表でまとめています。 → [クラシック版・β 版からの変更点](/insight/smart-heatmap/migration-from-classic.md) *** ## 動的サイトへの対応 Ptengine は開発当初からダイナミックヒートマップ技術を採用しており、**動的なページにも対応する描画方式**を備えています。 ハンバーガーメニュー、メガメニュー、スライド、アコーディオンなどの動的コンテンツ、レスポンシブサイト、インタラクティブなデザイン、SPA など、さまざまなサイトに対応しています。 ツールバーの **画面操作モード** を使えば、タブやアコーディオンを開いた状態でもヒートマップを確認できます。詳しくは [ツールバー機能](https://helps.ptengine.com/insight/pages/V0kGYP5UgSSoGxITlE8W#画面操作モード) をご覧ください。 *** ## 注意事項 以下のケースでは、ヒートマップが正しく取得できないことがあります： * iframe を埋め込んでいるページ * JavaScript で動的に ID が生成されるサイト * ページの高さやコンテンツが頻繁に変わる場合 * 同一ページ内で ID 名が重複している場合 対処方法は [特殊ケース・トラブルシュート](/insight/smart-heatmap/special-cases.md) をご覧ください。 推奨ブラウザは Chrome / Microsoft Edge / Firefox です。Chrome 拡張機能の [Ptengine アシスタント](/start-guide/what-is-ptengine/ptengine-assistant.md) を入れておくと、互換性が高まります。