Microsoft Clarityの使い方｜ヒートマップ・録画・GA4連携で改善点を見つける

監修: 菊地 将（リブランディング株式会社）

GA4で「どのページの成果が悪いか」は見えても、「なぜそこで止まったのか」までは数字だけで判断しにくいことがあります。Microsoft Clarityは、クリックやスクロールを集計するヒートマップと、訪問者の操作を再現するセッション録画を使い、ページ内で起きている行動を確認できる無料の行動分析ツールです。

改善では、Clarityを眺めること自体を目的にせず、GA4で問題ページを絞り、Clarityで詰まり方を確認し、原因仮説を1つずつ検証する流れが重要です。この記事では、導入、主要機能、ヒートマップと録画の見方、GA4との役割分担、改善仮説の作り方までを実務の順番で整理します。

Microsoft Clarityはページ内の行動を確認する分析ツール

Microsoft Clarityは、Microsoftが提供するユーザー行動分析ツールです。公式では無料で提供されており、ヒートマップ、セッション録画、フィルター、AIによる要約などを利用できます。

GA4がアクセス数、流入元、イベント、コンバージョンなどを数値で把握するのに向いているのに対し、Clarityは「ページのどこがクリックされたか」「どこまでスクロールされたか」「操作中に迷っていないか」といったページ内行動を確認する用途に向きます。

実務では、GA4とClarityのどちらか一方に寄せるより、役割を分けた方が原因を追いやすくなります。

GA4は問題が起きている場所を数値で絞り、Clarityはその場所で起きている行動を確認する役割に分けると、改善仮説を作りやすくなります。

Clarityを導入して計測できているか確認する

Clarityを使うには、分析対象サイトへClarityのトラッキングコードを設置します。Microsoft公式では、サイトのhead内への手動設置のほか、Google Tag Managerなどを使う方法も案内されています。

Clarityでプロジェクトを作成する

Clarityへサインインし、分析するサイトのプロジェクトを作成します。プロジェクトごとにトラッキングコードが発行されるため、対象サイトへ設置します。

すでにGoogle Tag Managerを運用しているサイトであれば、GTM経由で管理すると、テーマファイルを直接編集せずにタグの公開・停止を管理しやすくなります。

計測開始後にデータ送信を確認する

タグを設置したら、Clarityの画面にデータが表示されるかだけでなく、ブラウザの開発者ツールでも送信を確認できます。Microsoft公式は、NetworkタブでClarityの収集先へのPOSTリクエストを確認する方法を案内しています。

確認するときは、次の3点を分けます。

• トラッキングコード自体がページへ読み込まれているか
• Clarityへデータが送信されているか
• Clarityのダッシュボードや録画へデータが反映されているか

「ダッシュボードが空だから設置失敗」と即断せず、タグの読み込みと送信から切り分けると原因を探しやすくなります。

ヒートマップは「見られた場所」と「押された場所」を分けて読む

Clarityのヒートマップでは、ページ内の行動を集計して確認できます。最初は、スクロールとクリックを分けて見ると判断しやすくなります。

スクロールマップで重要箇所への到達を確認する

スクロールマップでは、ページのどこまで利用者が到達したかを確認できます。

たとえば記事下部のCTAがほとんど押されていない場合、「訴求が弱い」と考える前に、その位置までどれくらいの利用者が到達しているかを確認します。CTAの位置まで到達していなければ、ボタン文言だけを変えても改善しない可能性があります。

見る順番は、次の通りです。

1. 改善対象ページを開く
2. PCとスマートフォンを分ける
3. ファーストビューからどこで到達率が大きく落ちるかを見る
4. CTA、フォーム、比較表、料金説明など重要箇所への到達を確認する
5. 到達前に大きく落ちる箇所の内容や長さを見直す

重要なのは「ページ下部ほど数字が低いから悪い」と決めつけないことです。長いページでは下に行くほど到達者が減るため、改善対象は読者に見てほしい重要箇所と照らして決めます。

クリックマップで期待と実際の操作のズレを見る

クリックマップでは、ボタンやリンクなど、どの要素がクリックされたかを確認できます。Clarityには、通常のクリックだけでなく、反応しない場所を押すデッドクリック、短時間に同じ付近を繰り返し押すレイジクリックなどの行動シグナルもあります。

クリック数だけで原因を確定せず、必要に応じて該当セッションの録画まで確認します。

セッション録画は問題がありそうな利用者に絞って見る

セッション録画は、利用者の画面そのものを動画撮影したものではなく、HTMLとクリック、スクロールなどの操作情報からユーザー行動を視覚的に再構成したものです。

Clarityは多数のセッションを記録できるため、最初から順番に全件を見る方法は効率的ではありません。改善テーマに関係する条件で絞ってから録画を確認します。

フィルターで異常行動のあるセッションを絞る

Clarityには、デバイス、ブラウザ、流入、訪問URL、セッション条件、行動シグナルなどのフィルターがあります。Microsoft公式では、レイジクリック、デッドクリック、過剰なスクロール、クイックバックなどの条件でも絞り込めます。

たとえばフォーム改善なら、次のように対象を絞ります。

• フォームページを訪問した
• スマートフォンを利用している
• 送信完了に至っていない
• レイジクリックまたはJavaScriptエラーがある

この条件で録画を見ると、「フォームのどこで止まるか」「戻って説明を読み直しているか」「押したのに反応しないか」など、数値だけでは見えない原因候補を確認できます。

録画から事実と仮説を分ける

録画で見えるのは行動の事実です。原因は1つに決めつけず、複数の仮説を置いて他の録画やヒートマップ、GA4と合わせて確認します。

1件の録画で起きた行動は、そのまま全利用者の傾向ではありません。

たとえば「料金表を何度も上下した」という事実が見えた場合でも、「料金が高いから迷った」とは断定できません。料金体系が分かりにくい、プラン差が見つからない、注意事項を探しているなど、複数の原因候補があります。

同じ症状の録画を複数確認し、ヒートマップやGA4の数値と合わせて改善対象を決めると、1人の特殊な操作に引っ張られにくくなります。

GA4とClarityは「問題箇所の特定」と「原因確認」で使い分ける

GA4とClarityを組み合わせると、分析の順番を作りやすくなります。

基本は、GA4で「どこを調べるか」を決め、Clarityで「その場所で何が起きているか」を見る流れです。

GA4で対象を絞ってからClarityで行動を確認し、観察した事実から改善仮説を作って再測定する流れです。GA4を含むアクセス解析で見るべき指標と分析手順は、「アクセス解析とは」で整理しています。

GA4で改善対象ページを絞る

最初にGA4で、成果に影響しそうなページを絞ります。サイトによって指標は異なりますが、たとえば次のようなページです。

• 流入が多いのに問い合わせへ進まない
• CTAクリック後のフォーム到達が少ない
• フォーム到達後の完了率が低い
• 改修後にCVRが下がった
• スマートフォンだけ成果が低い

ここで重要なのは、サイト全体を同じ優先度で見るのではなく、事業成果への影響が大きいページから見ることです。

Clarityで該当ページの行動を確認する

対象ページが決まったら、Clarityで同じページを開きます。

1. スクロールマップで重要箇所まで到達しているか
2. クリックマップで想定した導線が使われているか
3. デッドクリックやレイジクリックがないか
4. 録画で離脱前の行動を確認する
5. PCとスマートフォン、主要流入元などで差を見る

この順番なら、最初から録画を大量に眺めるより、改善仮説を作るまでの時間を短縮できます。

GA4連携でClarity上から分析をつなげる

ClarityではGoogle Analyticsとの連携機能が用意されています。Microsoft公式によると、ClarityのSettingsからGoogle Analytics連携を開始し、接続するWebプロパティを選択できます。1つのClarityプロジェクトに接続できるWebプロパティは1つです。

ただし、連携してもGA4とClarityが同じツールになるわけではありません。GA4は成果や量を確認する基準として残し、Clarityは行動の確認に使います。

GA4連携には機能上の制約もあります。Microsoftの公式ドキュメントでは、GA4のセグメント利用に制限があり、ヒートマップではGoogle Analyticsのセグメントを使用できないと案内されています。画面や仕様は変更される可能性があるため、設定時にはMicrosoft公式の最新情報も確認してください。

Clarityから改善仮説を作る5ステップ

Clarityの価値は、画面を見ることではなく、改善案に変換することにあります。

Clarityでは最初から全録画を見るのではなく、対象ページを決めてスクロール、クリック、必要な録画の順に絞ると分析しやすくなります。

1. 成果に近いページを選ぶ

問い合わせ、資料請求、購入、応募など、サイトの目的に近いページから見ます。流入が少ないページより、訪問数や成果への影響が大きいページを優先すると改善効果を検証しやすくなります。

2. GA4で問題の位置を絞る

ページ、デバイス、流入元、イベントなどから、どの条件で成果が落ちているかを絞ります。

3. Clarityで行動の症状を探す

スクロール、クリック、録画、レイジクリック、デッドクリックなどを見て、「実際に何が起きているか」を記録します。

4. 症状から原因仮説を1つ作る

「CTAまで到達していない」「押しても反応がない」「フォーム項目で何度も操作している」などの事実から、直す候補を絞ります。

5. 1回の改修で変える要素を絞る

一度に多くの箇所を変えると、成果が動いても何が効いたか判断しにくくなります。

改善前のGA4数値とClarityの状態を残し、改修後に同じ条件で再確認します。Clarityにはヒートマップ比較機能もあるため、同じページの期間違いなどを比較できます。

Clarityで見つけた課題をサイト改善の優先順位や検証サイクルにつなげるには、CROの考え方・改善サイクルを確認してください。

最初に確認したい改善パターン

Clarityを初めて使う場合は、次のような「症状→確認→施策」の型から始めると迷いにくくなります。

改善案は、Clarityだけで決めるのではなく、ページの役割、GA4の成果、問い合わせ内容などと合わせて判断します。

導入時はプライバシーとデータ保持期間を確認する

セッション録画を使う以上、プライバシー設定は導入時に確認が必要です。

Microsoft公式によると、ClarityにはStrict、Balanced、Relaxedのマスキングモードがあり、入力欄とドロップダウンはすべてのモードでマスクされます。また、設定変更は過去の録画へさかのぼって適用されないため、公開後ではなく導入時に確認する方が安全です。

自社のプライバシーポリシー、Cookie同意管理、社内ルールとの整合も確認してください。

データ保持期間も把握しておきます。2026年6月30日更新のMicrosoft公式情報では、再生用データは30日、ラベルまたはお気に入りにしたセッションは9か月、ヒートマップなどの集計データは9か月です。

重要な録画を長期的な改善記録として残したい場合は、録画自体だけに依存せず、「ページ」「発生日」「症状」「改善仮説」「改修内容」を別途記録しておくと運用しやすくなります。

Clarity分析で避けたい3つの使い方

全録画を順番に見る

録画数が増えるほど非効率です。GA4やClarityのフィルターで対象を絞り、問題がありそうなセッションから確認します。

1件の録画だけで原因を断定する

録画は具体的ですが、1件は1人の行動です。複数録画、ヒートマップ、GA4の数値を組み合わせて判断します。

ヒートマップの色だけで改修する

赤い場所は操作が多いことを示しますが、「良い」「悪い」を自動的に意味するわけではありません。想定した行動と実際の行動に差があるかを見ます。

まとめ

Microsoft Clarityは、ヒートマップとセッション録画を使い、GA4だけでは見えにくいページ内行動を確認するためのツールです。

実務では、次の順番で使うと改善につながりやすくなります。

• GA4で成果が悪いページや条件を絞る
• Clarityのスクロールとクリックで症状を確認する
• 必要な録画だけをフィルターして見る
• 観察した事実と原因仮説を分ける
• 1回の改修で変える要素を絞る
• 改修後にGA4とClarityの両方で再確認する

Clarityを入れるだけでは改善は進みません。「どのページを、何の成果のために見るか」を先に決め、行動データを改善仮説へ変換することが重要です。

Webサイト改善の確認項目を手元で整理しながら進めたい場合は、資料ダウンロードページの無料資料もあわせて活用してください。

参考文献・データ元

‹ 親記事: CROとは？コンバージョン率最適化の考え方・KPI・改善サイクル