# ブロック・要素の設定方法

ブロック・要素を設定すると、ページのどこが効いていて、どこに改善の余地があるかが見えてきます。本ページでは設定画面の操作と、それぞれの設定で広がる分析範囲をご紹介します。

> 設定の順番（① CV → ② ブロック → ③ 要素）と全体像は [はじめに：3 つの設定順序](/insight/smart-heatmap/getting-started.md) でご確認いただけます。

***

## 用語の定義

| 用語       | 定義                 | 例                               |
| -------- | ------------------ | ------------------------------- |
| **ブロック** | ページを論理的なエリアに分割した単位 | ヘッダー / メインビジュアル / お客様の声セクション など |
| **要素**   | ページ上の最小単位のコンテンツ    | ボタン / リンク / 画像 / 入力フォーム など      |

ブロックと要素を組み合わせると、**定量（数値）と定性（ヒートマップ）の両面**からコンテンツの効果が見えてきます。

> **ブロックの自動識別について**：スマートヒートマップは、ページの DOM 構造（`div` などのレイアウト要素）をもとに、ブロックを自動で識別します。ドロップダウンメニューやアコーディオンといった、ページ要素のインタラクティビティも考慮されます。

***

## コンバージョンの設定

コンバージョン目標を設定すると、各ブロック・要素がコンバージョンにどれだけ貢献しているかが分析できます。

### 設定方法（2 通り）

1. ヒートマップ画面右上の「**コンバージョン設定**」ボタンから
2. コンバージョン貢献ヒートマップ内の「**コンバージョン設定**」ボタンから

<figure><img src="/files/FnKfPMy9ek8jXxrme4B4" alt=""><figcaption><p>コンバージョン設定の入口</p></figcaption></figure>

### 設定画面の使い方

* **左側**：追加済みのコンバージョン一覧（新規追加もここから）
* **右側**：レポートに表示するコンバージョンを選択（ドラッグで順序変更）

<figure><img src="/files/rKG6pBRptva9nWaoUtdz" alt=""><figcaption><p>コンバージョン設定画面（左：追加済み一覧、右：レポート表示用の選択）</p></figcaption></figure>

> **💡 一番上のコンバージョンが「主コンバージョン」になります**
>
> 右側パネルの**最上位（1 番目）に並んでいるコンバージョン**が、自動的にこのページの **主コンバージョン**として扱われます。
>
> 主コンバージョンは、[スマートサマリー](/insight/smart-heatmap/smart-summary.md) の「**広告効果分析**」と「**オーディエンス分析**」でコンバージョン率を計算する際の基準になります。複数のコンバージョン目標を設定していても、これらの分析では主コンバージョンだけが参照されます。
>
> 主コンバージョンを変更したい場合は、右側パネルで対象のコンバージョンを**ドラッグして 1 番目に移動**するだけで切り替わります。

設定手順の詳細は [コンバージョンの管理画面](/insight/conversion/management.md) をご覧ください。

***

## ブロックの設定

ページを論理的なエリアに分けると、エリアごとの**滞在・離脱・コンバージョン**が見比べられるようになります。

### 設定方法（3 通り）

1. ヒートマップ画面右上の「**ブロック設定**」ボタンから
2. ヒートマップ内の「**ブロックを編集**」ボタンから
3. ブロック未設定の際に表示されるポップアップから

<figure><img src="/files/KjPDdhhYXcjfmeMb4J8c" alt=""><figcaption><p>ブロック設定の入口</p></figcaption></figure>

<figure><img src="/files/IPiWwUaU5XvujnMWVGy9" alt=""><figcaption><p>ブロック設定画面</p></figcaption></figure>

### ブロック設定画面の主な操作

| 操作         | 説明                       |
| ---------- | ------------------------ |
| 保存         | 設定したブロックを保存              |
| デバイス切り替え   | PC・スマートフォン別に設定           |
| 元に戻す・やり直し  | 操作の取り消し・やり直し             |
| 画面操作モード    | タブ・アコーディオンなど通常は非表示の要素を確認 |
| ブロックの再スキャン | ページ構造が変わったときに再スキャン       |
| ブロック名の変更   | より分かりやすい名前に変更            |

> ページの高さやコンテンツが大きく変わったときは、「**ブロックの再スキャン**」を実行すると最新のレイアウトに合わせて整えられます。詳しくは [特殊ケース・トラブルシュート](https://helps.ptengine.com/insight/smart-heatmap/pages/PYfRoojW3sRjjfMRr5WK#ページの高さが変わった場合) をご覧ください。

***

## 要素の設定

ページ上のインタラクション可能な要素（ボタン・リンク・画像・フォームなど）にタグを付けると、要素単位の挙動が細かく分析できます。

### 設定方法（3 通り）

1. ヒートマップ画面右上の「**要素設定**」ボタンから
2. クリックヒートマップ内の「**要素を編集**」ボタンから
3. クリックヒートマップに切り替えると自動でスキャン

<figure><img src="/files/WAUykyoXG8UXt4QjHV1z" alt=""><figcaption><p>要素設定の入口</p></figcaption></figure>

<figure><img src="/files/0ustQ1tUo4xwJB1QYqxa" alt=""><figcaption><p>要素設定画面</p></figcaption></figure>

### 要素設定画面の主な操作

| 操作          | 説明                                  |
| ----------- | ----------------------------------- |
| 保存          | 設定した要素を保存                           |
| 要素のスキャン     | 要素を再スキャン                            |
| ページ設定のリセット  | 全要素の設定をリセット                         |
| 要素名の変更      | より分かりやすい名前に変更                       |
| **CTA に設定** | 重要な CTA としてマーク。コンバージョンレポートで強調表示されます |
| **固定表示に設定** | スクロールしても常に表示される要素（フローティング要素）として設定   |
| 削除          | 要素マークを削除                            |

### CTA とは

購入ボタン・申し込みボタンなど、ユーザーに行動を促す重要な要素を **CTA（Call To Action）** としてマークしておくと、その後の分析で扱いやすくなります。

* クリックヒートマップとコンバージョン貢献ヒートマップで「CTA のみ表示」フィルターを使うと、関心のある要素に絞れます
* 数値レポートでは CTA クリック数・CTA クリック率という独立した指標で確認できます

### 固定表示要素とは

スクロールしても常に画面に表示される要素（追従ヘッダー、フローティング購入ボタン、サイドバナーなど）を **固定表示要素** として設定しておくと、ヒートマップで多重カウントされず正確な計測につながります。

> **ショートカット操作**：要素設定画面または設定済み画面で要素にマウスを乗せた状態で `Option` キー（Mac）または `Alt` キー（Windows）を押すと、固定表示要素を一時的に表示して確認できます。

***

## β 版から移行する方への注意

ブロックコンバージョンの計算方法が変更されています。

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

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

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

***

## 関連ページ

* [はじめに：3 つの設定順序](/insight/smart-heatmap/getting-started.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/special-cases.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/block-element-settings.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.