> 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/migration-from-classic.md).

# クラシック版・β 版からの変更点

旧ヒートマップ（クラシック版）や β 版からスマートヒートマップに移ってきた方向けに、それぞれのバージョンとの機能の対応関係や違いをまとめています。

***

## クラシック版機能 → スマートヒートマップでの場所

| クラシック版の機能    | スマートヒートマップでの場所                                                         |
| ------------ | ---------------------------------------------------------------------- |
| クリックヒートマップ   | [クリック](/insight/smart-heatmap/click-heatmap.md) タブ内                    |
| アテンションヒートマップ | [滞在ヒートマップ](/insight/smart-heatmap/stay-heatmap.md) タブ内                 |
| 分析ヒートマップ     | [クリックヒートマップ](/insight/smart-heatmap/click-heatmap.md) → 要素クリック → クリック数 |
| ページ保存        | 各ヒートマップ内、または URL 切り替え欄の「**履歴ヒートマップの保存**」から                             |
| 比較ヒートマップ     | どのヒートマップタイプからでも追加できるようになり、入口が増えました                                     |

### クラシック版「クリックヒートマップ」→ スマート版「クリック」

クラシック版の「クリックヒートマップ」は、スマートヒートマップの「**クリック**」タブ内に移動しています。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-d94ba49677675998a9e07cb460fa699ffe3f10c5%2Finsight-smart-heatmap-migration-01.png?alt=media" alt=""><figcaption><p>クラシック版のクリックヒートマップ</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-655453e3d6bb7609c8201873818690cde488a6b5%2Finsight-smart-heatmap-migration-02.png?alt=media" alt=""><figcaption><p>スマート版のクリックタブ</p></figcaption></figure>

### クラシック版「アテンションヒートマップ」→ スマート版「滞在ヒートマップ」内

クラシック版の「アテンションヒートマップ」は、スマートヒートマップでは「**滞在ヒートマップ**」タブ内のアテンションモードに移っています。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-be1fbf73483d1777eb0cbe2138abf20e549f3e17%2Finsight-smart-heatmap-migration-03.png?alt=media" alt=""><figcaption><p>クラシック版のアテンションヒートマップ</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-b513494144ad52fc9768854b57bf480b747831c0%2Finsight-smart-heatmap-migration-04.png?alt=media" alt=""><figcaption><p>スマート版の滞在ヒートマップ内のアテンションモード</p></figcaption></figure>

### クラシック版「分析ヒートマップ」→ スマート版「クリック」→「要素クリック」→「クリック数」

クラシック版の「分析ヒートマップ」は、スマートヒートマップでは「**クリックヒートマップ**」→ 要素クリック → クリック数の中に統合されています。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-fa4ecc22d79c4228d4fe08d0d021a11d5c10bd2a%2Finsight-smart-heatmap-migration-05.png?alt=media" alt=""><figcaption><p>クラシック版の分析ヒートマップ</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-038b9f22e69c0f5d2ac24e4fd9239995afb4b8b8%2Finsight-smart-heatmap-migration-06.png?alt=media" alt=""><figcaption><p>スマート版の要素クリック画面</p></figcaption></figure>

### ページ保存の入り口

スマートヒートマップでは「**各ヒートマップタイプの中から履歴ヒートマップを追加**できるほか、URL の切り替え時に「**ページ保存**」を選ぶこともできます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-d35115d3ab064ac14d114a58bbd903287f49c174%2Finsight-smart-heatmap-migration-07.png?alt=media" alt=""><figcaption><p>各ヒートマップタイプ内の履歴ヒートマップ追加</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-33dd65bf9c422be28805e787af0781dcfa02133e%2Finsight-smart-heatmap-migration-08.png?alt=media" alt=""><figcaption><p>URL 切り替え欄からのページ保存</p></figcaption></figure>

### 比較ヒートマップの入り口

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

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-1ed69179ed7e95519526d2cff8e22d043c6f13d2%2Finsight-smart-heatmap-migration-09.png?alt=media" alt=""><figcaption><p>比較ヒートマップへの入り口（任意のヒートマップタイプから）</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-79c293bc24e5f9264629da24427fb8ecddc5cea2%2Finsight-smart-heatmap-migration-10.png?alt=media" alt=""><figcaption><p>比較ヒートマップ画面内の入り口</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-740cd0ea29966d9281b6bc38b168ed40148ee07f%2Finsight-smart-heatmap-migration-11.png?alt=media" alt=""><figcaption><p>比較カードの追加</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-c6977a8f9f81be70fa505ef498450eb0d183c274%2Finsight-smart-heatmap-migration-12.png?alt=media" alt=""><figcaption><p>比較ヒートマップの利用例</p></figcaption></figure>

#### 滞在時間の追加とFV離脱率の調整

**滞在時間の追加**

滞在時間とは、スクロールを止め、このブロックに注目した時間の平均です。<br>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-eabc662c995ef77f0148d9718f6101cc00c3eb9b%2Finsight-smart-heatmap-migration-17.png?alt=media" alt=""><figcaption></figcaption></figure>

それに伴い、アテンションヒートマップの計算ロジックの調整を行いました。

以前のアテンションヒートマップは、ユーザーのスクロール頻度に基づいて計算されていました。今回は、平均滞在時間の追加することで、アテンションヒートマップも平均滞在時間に基づいて算出するようになりました。

![](https://devhelp.ptengine.jp/wp-content/uploads/2024/03/%E6%96%B0%E6%97%A7%E7%83%AD%E5%9B%BE.png)

**FV離脱率の調整**

また、FV離脱の定義を更新し、いかなる操作やアクションも行わなかったユーザーをFV離脱に定義するよう変更しました。

#### スクロール開始位置とスクロール到達率の調整

ユーザーごとに画面解像度は異なるため、以前は固定だった100%の位置設定を、訪問者の画面解像度に基づいて算出する「スクロール開始位置」へとアップデートしました。

ユーザーがページを開いて最初に表示される平均の表示エリアを算出するため、ページの冒頭の重要なコンテンツがユーザーにきちんと表示されているかどうかを知るのに役立ちます。

![](https://devhelp.ptengine.jp/wp-content/uploads/2024/03/%E6%96%B0%E6%97%A7%E7%83%AD%E5%9B%BE2-1.png)

スクロール到達率の数値表記の精度を上げ、表示しているラインの数字は、そのラインに到達した割合となりました。

旧バージョン：各ラインにおける数値は、一つ前のラインとの間で離脱したユーザーも含む。\
新バージョン：各ラインにおける数値は、そのラインに到達したユーザーの割合を指す。\
![](https://devhelp.ptengine.jp/wp-content/uploads/2024/03/E383A9E382A4E383B3.png)

{% hint style="info" %}
**Tip：**\
スクロール到達率が以前よりやや低く算出される可能性がありますが、事実に基づいたより精度の高い数値となります。
{% endhint %}

***

## β 版からの変更点

スマートヒートマップ β 版から正式版への移行で、以下のアップデートが入っています。

### 1. ブロックコンバージョン貢献の計算方法を改善

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-51917818b8bf464d9d88afba6d8abdc00319105f%2Finsight-smart-heatmap-migration-13.png?alt=media" alt=""><figcaption><p>ブロックコンバージョン計算方法の変更</p></figcaption></figure>

|             | 計算対象                                    |
| ----------- | --------------------------------------- |
| 変更前（β 版）    | ブロックを見たすべてのユーザーの CV をカウント               |
| **変更後（現行）** | ブロックで**設定した閾値以上滞在**してから CV に至った場合のみカウント |

閾値は画面右上の「**ページコンバージョン設定**」から変更できます。デフォルトは**5 秒**です。

詳しくは [コンバージョン貢献ヒートマップ — ブロックコンバージョン率の考え方](https://helps.ptengine.com/insight/smart-heatmap/pages/c3rcwHED568CT0BDJA9Q#ブロックコンバージョン率の考え方) をご覧ください。

### 2. 固定表示要素のショートカット操作を追加

設定画面または要素設定画面で要素にマウスを乗せた状態で `Option`（Mac）または `Alt`（Windows）キーを押すと、固定表示要素を表示・確認できるようになりました。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-b80ea09ecd02c090dfc83af366c38ad02d37df8e%2Finsight-smart-heatmap-migration-14.png?alt=media" alt=""><figcaption><p>固定表示要素のショートカット操作</p></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-3c3dfdacfeb2318ed4d8e998283505d335a7873d%2Finsight-smart-heatmap-migration-15.png?alt=media" alt=""><figcaption><p>ショートカット使用時の表示</p></figcaption></figure>

詳しくは [ブロック・要素の設定方法 — 固定表示要素とは](https://helps.ptengine.com/insight/smart-heatmap/pages/nMt0VhjvPFQTPK8rfwck#固定表示要素とは) をご覧ください。

### 3. 多視点比較機能を追加

比較ヒートマップに「**異なる視点の比較**」モードが加わりました。同じ URL・日付・セグメントで、異なるヒートマップタイプを並べて確認できます。

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-5c19ea2a6167e0f13a1644036469286ddf80c769%2Finsight-smart-heatmap-migration-16.png?alt=media" alt=""><figcaption><p>多視点比較機能</p></figcaption></figure>

詳しくは [比較ヒートマップ — 異なる視点を比較](https://helps.ptengine.com/insight/smart-heatmap/pages/49i2QMAl7YXUWrmqZzDX#異なる視点を比較) をご覧ください。

***

## 関連ページ

* [スマートヒートマップ概要](/insight/smart-heatmap.md)
* [比較ヒートマップ](/insight/smart-heatmap/comparison.md)
* [コンバージョン貢献ヒートマップ](/insight/smart-heatmap/conversion-heatmap.md)
* [ブロック・要素の設定方法](/insight/smart-heatmap/block-element-settings.md)