Microsoft Clarityとは
Microsoft Clarityは、Microsoftが提供する無料のユーザー行動分析ツールです。ヒートマップとセッション録画の2つを主要機能として備えています。
最大の特徴は、データ量やサイト数に制限がなく完全無料で利用できる点です。類似ツールでは無料プランに月間PVの上限が設けられていることが多いですが、Clarityにはそうした制限がありません。
GA4が「数値で何が起きているか」を把握するためのツールだとすれば、Clarityは「ユーザーが実際にどう行動しているか」を映像やビジュアルで確認するためのツールです。
導入手順
Clarityの導入は数分で完了します。以下の4ステップで進めてください。
ステップ1: アカウント作成とプロジェクト追加
- Clarity公式サイトにアクセス
- Sign up → Microsoftアカウント、Googleアカウント、またはFacebookアカウントで登録
- ログイン後、+ New project をクリック
- サイト名・URL・カテゴリを入力して Add をクリック
1つのアカウントで複数のプロジェクト（サイト）を管理できます。クライアントサイトごとにプロジェクトを分けて管理するのがおすすめです。
ステップ2: トラッキングタグの設置
プロジェクト作成後、Settings → Setup にトラッキングコードが表示されます。設置方法は3つあります。
| 設置方法 | 手順 | 推奨場面 |
|---|---|---|
| GTM経由 | カスタムHTMLタグにスクリプトを貼り付け | GTMで他のタグも管理している場合 |
| 直接設置 | HTMLの<head>内にスクリプトを貼り付け | シンプルなサイト構成の場合 |
| プラグイン | WordPress等のCMS向けプラグインで設置 | CMSを使用している場合 |
GTM経由の設置手順:
- Clarityの Settings → Setup でトラッキングコードをコピー
- GTM管理画面 → タグ → 新規
- タグの種類: カスタムHTML
- コピーしたClarityのスクリプトを貼り付け
- トリガー: All Pages を選択
- 保存 → 公開
ステップ3: データ収集の確認
タグを設置したら、Clarityの Settings → Setup に戻ります。
- ステータスが Active に変わっていればデータ収集が開始されています
- データがダッシュボードに反映されるまで、通常2時間程度かかります
- 設置直後はサイトを自分で閲覧して、セッションが記録されるか確認してください
ステップ4: GA4との連携（推奨）
ClarityとGA4を連携すると、Clarityのダッシュボード上でGA4のディメンション（参照元/メディア、ランディングページなど）でフィルタリングできるようになります。
- Clarityの Settings → Google Analytics integration
- Get started をクリック
- Googleアカウントでログインし、連携するGA4プロパティを選択
- Save で完了
ダッシュボードの見方
Clarityのダッシュボードには、ユーザー行動の問題点を素早く発見するための指標が表示されます。
ダッシュボード上部に表示される4つの指標は、UX上の問題を発見する手がかりです。
| 指標 | 意味 | 改善アクション |
|---|---|---|
| Dead clicks | クリックしても反応がない操作の割合 | クリックできないのにリンクに見えるデザインを修正 |
| Rage clicks | 同じ場所を連打するクリックパターン | ボタンの応答速度改善、クリック可能範囲の拡大 |
| Quick backs | ページ遷移後すぐに戻る操作の割合 | 広告文とLPの内容の整合性を見直す |
| Excessive scrolling | 通常より大幅にスクロールしたセッション | 目的の情報へのナビゲーションを改善 |
ヒートマップの活用
ヒートマップは、ページ上のユーザー行動を色の濃淡で可視化する機能です。Clarityでは3種類のヒートマップを利用できます。
ヒートマップの確認手順:
- Clarityのサイドメニューから Heatmaps を選択
- 分析したいページのURLを選択（またはURLで検索）
- 上部タブで Click / Scroll / Area を切り替え
- 期間・デバイス・流入元でフィルタリング
| ヒートマップ | 分かること | 改善ヒント |
|---|---|---|
| Click map | どこがクリックされているか | CTAが見られているか、不要なクリックが発生していないか |
| Scroll map | どこまでスクロールされているか | CTAの位置が適切か、重要コンテンツが読まれているか |
| Area map | ページ内エリアごとのクリック割合 | どのセクションに関心が高いか |
セッション録画の確認方法
セッション録画は、個々のユーザーの操作を動画のように再生できる機能です。ヒートマップが「全体傾向」を示すのに対し、セッション録画は「個別の行動パターン」を深掘りできます。
セッション録画の活用手順:
- Clarityのサイドメニューから Recordings を選択
- フィルタを設定（デバイス、ページURL、行動タイプなど）
- 確認したいセッションをクリックして再生
- タイムライン上のイベント（クリック、スクロール、Rage click）をクリックして該当箇所にジャンプ
効率的な絞り込み方:
- Rage clickありで絞ると、ユーザーがフラストレーションを感じている場面に直接たどり着けます
- 特定のLP URLで絞ると、広告流入ユーザーの行動だけを確認できます
- Quick backありで絞ると、期待とのズレがあるページを特定できます
プライバシーへの配慮
Clarityではユーザーの操作を録画するため、プライバシーへの配慮は重要です。
マスキング設定
テキスト入力フィールドの値はデフォルトで記録されません。マスキングレベルは Settings → Masking から3段階で設定できます。
| マスキングレベル | 対象 | 推奨場面 |
|---|---|---|
| Strict | すべてのテキストコンテンツをマスキング | ECサイト・会員サイトなど個人情報を扱うサイト |
| Balanced（デフォルト） | 入力フィールドのみマスキング | 一般的なコーポレートサイト |
| Relaxed | 機密性の高い要素のみマスキング | 公開コンテンツのみのブログ・メディアサイト |
Cookie同意との連携
EU圏のユーザーを対象とするサイトでは、Cookie同意バナーとの連携を設定してください。
- Settings → Consent management
- 「Track only after consent is given」を有効化
- 同意管理ツール（OneTrust等）との連携を設定
導入前チェックリスト
Clarity導入時に確認すべき項目をまとめました。
| チェック項目 | 確認内容 | 備考 |
|---|---|---|
| GTMの有無 | GTM経由の設置が推奨 | GTMがなければ直接設置でも可 |
| GA4との連携 | GA4プロパティIDを確認 | 連携すると分析の幅が広がる |
| マスキングレベル | サイトに合ったレベルを選択 | 個人情報を扱うならStrictに |
| プライバシーポリシー | Clarity利用の記載を追加 | GDPRやCCPA対象なら同意連携も |
| データ反映の確認 | タグ設置後2時間で確認 | 自分のセッションで動作テスト |
| IPフィルタ | 社内IPの除外を検討 | Settings → IP blocking で設定 |
まとめ
- Clarityは無料・無制限で使えるヒートマップ・セッション録画ツール
- GA4で「問題のあるページ」を特定し、Clarityで「なぜ問題か」を深掘りする組み合わせが効果的
- ダッシュボードの4指標（Dead clicks / Rage clicks / Quick backs / Excessive scrolling）でUX課題を発見
- ヒートマップ3種（Click / Scroll / Area）でページ全体の傾向を把握
- セッション録画はフィルタで絞り込み、週1回の確認を習慣化
まず試すべき1アクション: Clarityを導入したら、広告のメインLPのスクロールマップを確認してください。CTAボタンまでの到達率が分かれば、ファーストビューの改善やCTA位置の最適化にすぐ活かせます。