# ヒートマップの閲覧方法

{% hint style="success" %}
**ヒートマップとは**\
ヒートマップは、ウェブサイトのユーザーの行動を視覚化するツールです。ユーザーがどの部分をクリックしたか、どのようにページをスクロールしたかを示します。

**ヒートマップの活用シーン**

* ウェブサイトのデザインやユーザビリティの改善
* コンテンツの効果を評価する
* ユーザーの興味や関心を把握する
  {% endhint %}

### **１．Insightの「数値レポート」から**

* ヒートマップアイコンをクリックすると、新しいタブでヒートマップが起動します。

  <figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2F3GnosCs6YlyDiwFegPxA%2Fimage.png?alt=media&#x26;token=97ea8ae4-a73f-45f9-88ce-59b71a703ee7" alt=""><figcaption></figcaption></figure>

### **２．Insightの「ヒートマップ」画面から**

* リスト内の行をクリックすると、新しいタブでヒートマップが起動します。

  <figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2FLBCbrJh9k3nwYezl1nWg%2Fimage.png?alt=media&#x26;token=a7bd6343-8ba2-4e43-80b3-c753d9da68b0" alt=""><figcaption></figcaption></figure>

### **３．ブラウザの拡張機能から**

* 「Ptengine Assistant」ブラウザ拡張機能をインストールすると、Ptengineを起動せずに直接ウェブサイトのヒートマップを表示できます。

  <figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2FXHteRbmX2dIg92OCAq2S%2Fimage.png?alt=media&#x26;token=25ff8f5c-9dac-4c54-9b7d-09c6dc83495a" alt=""><figcaption></figcaption></figure>

### **４．ヒートマップの共有URLから**

* 共有されたヒートマップのリンクをクリックすると、特定の条件で生成されたヒートマップを閲覧できます。ただし、プロジェクトメンバー限定の共有URLの場合、事前にPtengineへの登録が必要です。

## Insightの「ヒートマップ」画面の紹介

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/05/3__2023_5_25%E3%82%88%E3%82%8A%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A%E3%81%AE%E6%8F%90%E4%BE%9B%E3%82%92%E7%B5%82%E4%BA%86%E3%81%97%E3%80%81%E9%A0%86%E6%AC%A1%E3%82%A6%E3%82%A7%E3%83%95%E3%82%99%E3%83%92%E3%82%99%E3%83%A5%E3%83%BC%E3%81%B8%E7%A7%BB%E8%A1%8C%E3%81%97%E3%81%BE%E3%81%99.png)

1. **データの対象期間**
   1. ヒートマップの期間を選択（最大31日間）
   2. 数値レポートとは期間が異なるので注意
2. **対象ページ**
   1. パラメーター除去後、元のページまたはページグループから範囲を指定
3. **ページ検索**
   1. タイトルまたはURLで検索可能
4. **基本数値**
   1. 各ページの基本数値を表示
   2. 昇順・降順で並び替え可能
5. **ヒートマップ**
   1. そのままクリックすると、ヒートマップ画面を起動
6. **ドリルダウン**
   1. クリックで当該URLへのアクセス元ページ一覧を確認
7. **セグメント**
   1. セグメント機能を利用可能

## ログイン必須ページの確認方法 <a href="#betterdocs-entry-title" id="betterdocs-entry-title"></a>

会員専用ページなど、ページを表示するのにログインが必要なページにおいて、「画面操作」モードをご活用してください。

![](https://help.ptengine.jp/wp-content/uploads/2020/09/login-needed_1.png)\
例）\
ログイン前URL：`https://test.com/`\
ログイン後URL：`https://test.com/login`

その他、ECサイトの購入画面や、アコーディオンメニューやクリックしないと表示されない隠し要素をヒートマップで見たい場合にも有効です。

### 手順 <a href="#id-1-toc-title" id="id-1-toc-title"></a>

* ヒートマップ（デフォルト版）を開き、メニューバーから下記のアイコンをクリックし、「画面操作モード」に切り替え

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/01/Ptengine_%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A.png)

* 「画面操作モード」の状態でログイン操作を実行

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/01/Ptengine_%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A-1.png)

* ヒートマップを確認したい画面まで操作を進めたら、「ヒートマップに戻る」ボタンをクリックする

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/01/Ptengine_%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A-2.png)

* 通常のヒートマップの機能をご利用いただけます

![](https://devhelp.ptengine.jp/wp-content/uploads/2023/01/Ptengine_%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%95%E3%82%9A-3.png)

{% hint style="warning" %}
**注意事項**

* ヒートマップの対象期間は最大31日間で、数値レポートとは異なる場合があります。
* ログインが必要なページでは、画面操作モードを利用し、ログイン後にヒートマップを確認できます。
  {% endhint %}