# 比較ヒートマップ

異なる条件のヒートマップを並べて比較できる機能です。改修前後の効果検証や、セグメント別の行動比較、複数のヒートマップを横断した俯瞰など、いろいろな見せ方が選べます。

***

## この機能で分かること

* ページ改修や A/B テストの前後で、何がどれくらい変わったか
* セグメント別（流入元・デバイス・地域など）のユーザー行動の違い
* 同じページを「滞在 / 離脱 / クリック」など複数視点で同時に俯瞰

<figure><img src="/files/Jy490f6GYoF9JtfevC7j" alt=""><figcaption><p>比較ヒートマップの全体像</p></figcaption></figure>

***

## 2 つの比較モード

| モード          | 内容                                             |
| ------------ | ---------------------------------------------- |
| **異なる条件を比較** | 同じヒートマップタイプを、期間・セグメント・ページバージョンなどの条件違いで並べる      |
| **異なる視点を比較** | 同じ条件・同じページに対し、複数のヒートマップタイプ（滞在・離脱・クリックなど）を同時に表示 |

***

## 異なる条件を比較

**同じページ・同じデバイスを土台に、条件だけを変えて並べる**モードです。本質は「**同じページに来た異なる人たちが、それぞれどう振る舞っているか**」の差を見ること。

「Google 検索から来た人と、Instagram 広告から来た人で、同じ LP の読み方はどう違うか？」「改修前と改修後で、ファーストビュー直下のクリック率は変わったか？」といった問いに、並べて答えを出せます。

複数のヒートマップカードを並べて比較でき、各カードをクリックすると以下の条件を変えられます。

* 期間（日付）
* セグメント条件（流入チャネル / 訪問者タイプ / 地域 など）
* ヒートマップの保存済みバージョン（改修前後）
* 体験バージョン（A/B テストの異なるバリアント）

右側のデータテーブルには、各カードの数値と比率が並んで表示されます。

<figure><img src="/files/fnVsYVGOUbkOFfNGTazz" alt=""><figcaption><p>異なる条件を比較</p></figcaption></figure>

<figure><img src="/files/sFbTAfkEbTDC1K4vEQ2y" alt=""><figcaption><p>カードごとの条件設定</p></figcaption></figure>

> **⚠️ デバイスはカードごとに変えられません**
>
> このモードは「**同一ページ・同一デバイス**」を共通の土台にしているため、PC とスマートフォンを 1 つのカード比較画面に並べることはできません。PC とスマートフォンではヒートマップの背景画像（ページレイアウト）自体が違うので、並べても同じ場所同士を比較できないからです。デバイス間の行動差を見たいときは、ツールバーのデバイス切り替えで、それぞれのデバイス用ヒートマップを別々に開いて見比べるのがおすすめです。

### 活用シーン

* **改修前 vs 改修後**：ページ保存機能で取っておいた旧バージョンと現バージョンを並べて、改善効果を見極める
* **流入チャネル別**：Google 検索 / 広告 / 直接流入など、流入元の違いによる行動の差を発見する
* **新規 vs リピーター**：訪問者タイプ別の関心ポイントの違いを見比べる
* **A/B テストのバリアント比較**：体験バージョンの違いで CTA 周辺の行動がどう変わるかを確認する

***

## 異なる視点を比較

**共通の基準条件**を設定した上で、複数のヒートマップタイプを並べるモードです。

<figure><img src="/files/yAN0XXg91urkjhNUdCyF" alt=""><figcaption><p>異なる視点を比較</p></figcaption></figure>

設定する共通条件：

* ページ URL
* 分析期間（例：4/1〜4/30）
* デバイス種別（PC・スマートフォンなど）

例：「PC ユーザーの 4 月分」で「滞在ヒートマップ」と「コンバージョン貢献ヒートマップ」を同時に表示する、といった使い方ができます。

<figure><img src="/files/gA4yUGfprmTvobsfpAua" alt=""><figcaption><p>視点比較の表示例</p></figcaption></figure>

### 活用シーン

* 「滞在は長いのに CV に貢献していないブロック」を直感的に見つける
* 同じデータで「滞在 / 離脱 / クリック」の各視点を一気に俯瞰する

***

## 入口について

比較ヒートマップは、**どのヒートマップタイプからでも追加できます**。さらに、比較ヒートマップ画面内に、新しく比較ヒートマップを追加するための入り口も用意されています。

詳しくは [クラシック版・β 版からの変更点 — 比較ヒートマップの入り口](/insight/smart-heatmap/migration-from-classic.md) をご覧ください。

***

## 関連ページ

* [ツールバー機能](/insight/smart-heatmap/toolbar.md) — 期間・デバイス・セグメントの設定
* [滞在ヒートマップ](/insight/smart-heatmap/stay-heatmap.md)
* [離脱ヒートマップ](/insight/smart-heatmap/exit-heatmap.md)
* [クラシック版・β 版からの変更点](/insight/smart-heatmap/migration-from-classic.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helps.ptengine.com/insight/smart-heatmap/comparison.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.