LPを公開してCVRが期待値に届かないとき、GA4 のセッション数や CVR のような定量データだけでは「なぜ離脱されているか」が見えない場面が多くあります。事業会社マーケが LP を運用するうえで何度も遭遇する場面で、定性データなしでは仮説が空中戦になります。
結論から書きます。無料で導入できる Microsoft Clarity を使えば、ヒートマップ・セッションレコーディング・Insights（Rage / Dead clicks 等）でユーザー行動の定性データが取れます。本記事は BtoB SaaS の実装手順から GA4 / Looker Studio 連携、Clarity Experiments での AB testing、GDPR・サブドメイン計測まで、Pillar 2 HUB として網羅します。
この記事は、GA4 / BigQuery / Looker Studio で BtoB SaaS の計測基盤を回してきた立場から書きます。公開後30日で5つの計測設定を整える話は別記事で扱いました。本記事はその次「ヒートマップで定性データを取る」段階の本格解説です（著者プロフィール）。
私自身、Clarity 未導入の時期、GA4 だけでは「離脱率は分かるが、どこで指が止まったかが見えない」状況に陥り、改善議論が数週間止まった経験があります。後からヒートマップを入れた瞬間、ファーストビューの非リンク要素が誤タップされ続けていた事実が見え、定量だけでは届かない領域があると実感しました。
※本記事には、A8.netを通じたアフィリエイトリンクが含まれます。読者の支払額は変わりません。詳細はサイトポリシーもご参照ください。
結論：Microsoft Clarity は何ができる無料ツールか
Microsoft Clarity は「無料で定性データの欠落を埋める」ツールです。GA4 で見える定量データの補完軸として位置づけると、事業会社マーケが日常で活用する場面が明確になります。本記事は機能解説に加え Looker Studio 連携と Clarity Experiments での AB testing まで踏み込みます。
- ヒートマップ（Click / Scroll / Area）：どこが見られて、どこが押されているか
- セッションレコーディング：個別ユーザーの画面動画を再生
- Insights（Rage / Dead clicks / Quick backs / Excessive scrolling）：ユーザーのフラストレーション指標
BtoB SaaS で Clarity が活きる理由は3つです。計測無制限・料金が無料で PV やセッション上限がないこと、GDPR 準拠でマスキングが標準実装されプライバシー観点で社内合意を取りやすいこと、GA4 / Looker Studio と組み合わせて「定量×定性」の統合分析が組めることです。
本記事は SERP 上位で扱いが薄い「Looker Studio 連携」「Clarity Experiments」「BtoB SaaS の GDPR / サブドメイン / PII / Performance」の4軸を深掘りします。LP公開後30日でやる5つの計測設定の続編として、本格運用への橋渡しを意識した構成です。
Microsoft Clarity の基本機能
Clarity の機能は4ブロックに整理できます。詳細は H2-3 以降の各セクションに譲り、ここでは全体像を押さえます。
- Dashboard：セッション数・ユーザー数・Insights の合算ビュー
- Filter：期間・ブラウザ・OS・国に Insights を組み合わせた絞り込み
- Heatmap：Click / Scroll / Area の3種
- Recording：個別ユーザーのセッション動画
2024年以降、各機能に AI Copilot が組み込まれています。レコーディングの要約、Insights の自然言語クエリで補助されるので、操作スピードを上げたい場面で活用できます。本記事では深掘りしませんが、機能利用時の前提として把握しておくと運用が早くなります。
私自身、最初は Dashboard と Heatmap を別物として捉え、Filter を組み合わせる発想が遅れた経験があります。実務で効くのは「Insights でフラグが立ったセッションを Filter で絞り、Heatmap と Recording を突き合わせる」連動操作で、機能の組み合わせで価値が出ると感じています。
Clarity 導入手順 5ステップ（アカウント作成からタグ設置まで）
導入は5ステップで完了します。GTM を使う事業会社マーケが多い前提で、最後にパフォーマンス影響への補足も入れます。
- アカウント作成：Microsoft / Google / Facebook いずれかのアカウントでサインイン
- プロジェクト作成：サイト URL とカテゴリを登録、プロジェクト名は社内識別しやすい命名で
- 計測タグ取得：JavaScript スニペットを取得（直接設置 / GTM 経由のどちらも可）
- タグ設置：直接設置なら
<head>内、GTM 経由ならカスタムHTML タグで All Pages トリガー - 動作確認：Clarity の Live モードで自分の操作がリアルタイム記録されるかを目視チェック
GTM 経由が事業会社マーケの主流です。理由は Consent Mode 対応がしやすいことと、複数タグ（GA4 / Clarity / 広告タグ等）の管理を1箇所に集約できることの2点。Cookie 同意管理を運用している場合は GTM の Consent Mode で Clarity も連動させます。パフォーマンス影響については H2-9 で別途扱います。
ヒートマップの見方と改善活用（Click / Scroll / Area）
Click ヒートマップはクリックが多い箇所が赤く可視化されます。ファーストビュー外の CTA がクリックされていない場合、配置を見直す材料になります。サイドカラムにクリック数順のボタン名一覧が出るので、定量の裏付けも同時に取れます。
Scroll ヒートマップは平均スクロール地点と各地点の到達率を表示します。CTA より上で離脱が多ければ、ファーストビュー内に主訴求を移すか、CTA をスクロールせず到達できる位置に追加する判断ができます。Area ヒートマップは範囲指定で詳細クリック数を取れるので、CTA やフォーム周辺のミクロな分析で使います。
ヒートマップだけでは「赤くなった理由」までは見えません。レコーディングと組み合わせ、個別セッションで挙動を確認するのが現実解です。
過去に BtoB SaaS の資料請求 LP で、料金表セクションのスクロール到達率が30%程度に止まっていた案件がありました。料金訴求を上に移し CTA をファーストビュー内に追加した結果、フォーム送信率が改善した事例があります。ヒートマップは「仮説の精度を上げる」ためのデータで、改善案を1つに絞らず複数候補を出す材料として使うのが向いている、と実感しています。
セッションレコーディングの活用法
レコーディングではマウスの軌跡、クリック、スクロール、リサイズ、コンソールエラーまで見えます。個別ユーザーがどこで詰まったかを動画で追えるのが強みです。
実務で効くのは「全件を見ない」運用です。Insights でフラグが立ったセッション、または CV 直前で離脱したセッションだけを Filter で絞り、1.5〜2倍速で再生します。1案件 30 件ほど見れば共通パターンが見えてくる体感です。
ヒートマップとの使い分けはシンプルで、ヒートマップは全体傾向、レコーディングは個別深掘りです。CVR 落ちの原因仮説を作るとき、ヒートマップで当たりをつけ、該当セグメントのレコーディングで検証する流れが組み立てやすいです。録画時のユーザー同意やマスキングについては、H2-9 の PII セクションで扱います。
Insights 活用（Rage / Dead clicks / Quick backs / Excessive scrolling）
Insights は Clarity 独自のフラストレーション指標です。和訳と「何を示唆するか／どう改善するか」を対で押さえます。
- Rage clicks（怒りクリック）：同じ箇所を素早く連打。クリックできると誤認した非リンク要素が原因のことが多く、pointer カーソル設定と tap area を点検
- Dead clicks（無反応クリック）：押されたがエフェクトがない箇所。リンク切れ・JS エラー・レスポンシブ崩れなど UX バグの即時修正対象
- Quick backs（即離脱）：ページに来てすぐ戻る。ファーストビューが流入元の期待と違うか、ナビの誤誘導が原因
- Excessive scrolling（過剰スクロール）：期待以上にスクロール。目的の情報が下にあるサインで、コンテンツ構造の見直しヒント
BtoB SaaS マーケが優先するなら、Rage / Dead clicks は即修正対象（UX バグ）、Quick backs はマッチング見直し、Excessive scrolling はコンテンツ構造の改善ヒント、という温度感です。即修正系を先に潰してからコンテンツ改善に進むのが効率的だと感じています。Copilot を使うと「Rage clicks が多いセッションの要約」を自然言語で取れるので、レビュー対象を10件以下に絞ってから動画を見る運用が現実的です。
GA4 連携と Looker Studio 出力手順
GA4 連携手順
GA4 と連携すると、Clarity のセッションを GA4 のオーディエンスやセグメントから絞り込めるようになります。CV ユーザーだけのヒートマップ、特定流入源のレコーディング、などの分析が可能です。
- Clarity 側で Settings > Setup > Google Analytics をON
- GA4 プロパティを選択し、OAuth 認証で連携
- Clarity 側のセッション一覧に GA4 メトリクスが付与され、Filter で組み合わせ可能になる
例えば GA4 で purchase やカスタム CV イベントを発火したユーザーのレコーディングだけを Clarity 側で抽出すると、CV 直前の行動パターンが把握できます。
Looker Studio 出力ダッシュボード設計
Clarity 単体の分析画面はきれいですが、GA4・BigQuery・営業 CRM のデータと並べて経営層や営業組織に共有する文脈では物足りません。Looker Studio に出すことで「定量×定性」の統合ダッシュボードとして機能します。
連携経路は2パターン。GA4 → BigQuery export → Looker Studio（GA4 中継の王道）と、Clarity Export API → Cloud Storage → BigQuery → Looker Studio（指標を一次データとして扱う直接ルート）です。
Looker Studio に出す推奨指標を5つに絞ります。事業会社マーケのダッシュボード設計で実用域に入る組み合わせです。
- ヒートマップ Click 集中度（上位5箇所）：ページ別にクリックが集中している要素 TOP5
- Rage clicks 発生率（ページ別）：Clarity 独自指標、UX バグの優先順位付けに使う
- Dead clicks 発生率（ボタン別）：Clarity 独自指標、改修対象ボタンの特定に使う
- セッション平均スクロール深度：ページ別の到達率、コンテンツ配置の判断材料
- Quick backs 率（ファネル離脱検出）：Clarity 独自指標、流入元とコンテンツのミスマッチ検知
BtoB SaaS のダッシュボードは3レイヤーで設計すると扱いやすいです。経営層向けは KPI サマリ、マーケ向けは改善対象セッション抽出、営業向けは特定リード行動を Looker Studio のページ機能で出し分けます。GA4 + BigQuery を活用した本格的な計測基盤の構築は、別記事で詳しく扱う予定です。
私自身、当初は GA4 だけで完結すると考えていましたが、定性データを Looker Studio に出して営業組織と共有した瞬間、改善議論が変わった経験があります。レコーディング動画のリンクをダッシュボードに埋めると、営業メンバーが「このリードはここで詰まっていた」と具体的に語り始めます。Clarity を Looker Studio に出すのは、組織を巻き込むための投資だと感じています。
Clarity Experiments で始める AB testing（2024機能）
Clarity Experiments は 2024 年に追加された AB testing 機能です。Google Optimize 終了後の無料代替として、BtoB SaaS マーケが第一に検討すべき選択肢になりました。
- できること：Visual editor で要素変更、リダイレクト型テスト、トラフィック配分指定、有意差検定の内蔵
- できないこと：Multi-Armed Bandit（MAB）アルゴリズム、サーバーサイド分岐
- 強み：Insights / Recording と統合され、バリアントごとに Rage clicks や離脱挙動で評価できる
- Experiments > Create new test：新規テストを作成
- URL ターゲット指定 + Visual editor で変更：CSS セレクタやテキスト書き換えで簡易に編集
- ゴール設定：CV ページ到達 / カスタムイベントを指定
- トラフィック分割（50/50 で開始）：内蔵の有意差検定で結果判定
BtoB SaaS の実用シナリオは、LP の CTA 文言テスト、ファーストビュー画像テスト、フォーム項目数の削減テストが代表例です。LP公開後30日でやる5つの計測設定の設定3 AB testing ツール選定の具体的選択肢として、最初の一手として推奨できます。
注意点として、セッションサンプル数が少ない案件では検出力が不足します。月間 PV 1万未満の LP ではテスト期間を長めに取るか、サンプルが溜まる時期を待つ判断が現実的です。BtoB SaaS は BtoC ほどトラフィックが出ないので、テスト設計の段階で必要サンプル数を事前計算しておくのが向いている、と感じています。
BtoB SaaS 実装事例（GDPR + サブドメイン + PII + Performance）
GDPR / CCPA 対応
Clarity は全データを個人を特定できない形で記録します。EU 圏ユーザーへの Consent モーダル設置と、Clarity 側の IP マスキング標準実装で GDPR の要件をカバーします。BtoB SaaS では CookieBot / OneTrust 等の Consent 管理ツールで GA4 と Clarity を制御する構成が王道で、プライバシーポリシーには Clarity の記載を追加します。
日本国内サイトでも改正個人情報保護法で Cookie 経由のトラッキングが「個人関連情報」として扱われる場合があり、エンタープライズ BtoB では Consent モーダル設置が無難です（N6 設定4 で Clarity を選んだ判断軸の続編）。
サブドメイン計測
サブドメイン構成は2パターンです。同一プロジェクトで www.example.com と app.example.com を計測する場合は、Cookie ドメインを .example.com に統一して許可ドメインに両方を登録。別プロジェクトで計測し共通ユーザー ID で BigQuery 結合する場合もあります。LP とアプリでドメインが別の BtoB SaaS では、別プロジェクト + BigQuery 結合が現実解だと感じています。
PII マスキング
Clarity は標準でテキスト入力・パスワード・メールアドレス入力を自動マスクします。それ以外をマスクしたい場合は data-clarity-mask、逆に表示許可は data-clarity-unmask 属性を付与します（unmask は慎重に）。BtoB SaaS では、顧客社名・契約金額・契約日が画面に出るアプリ画面で強制マスク属性を仕込む発注書段階の決定が要ります。
Performance 影響と対策
計測タグの負荷は SDK 約 30KB、初期描画への影響は誤差レベルです。LCP / FID / CLS の悪化はほぼ確認できない範囲で、速度懸念にも合意を取りやすい部類です。さらに低減したい場合は GTM の読み込みを「ページビュー後」に変更するか、<script defer> で直接設置します。
私自身、「Clarity を入れたら速度が落ちないか」を社内で問われた経験が何度かあります。事前に Web Vitals 計測値と defer 読み込み運用を提示すると合意は数日で取れることが多いです。Consent Mode の設定漏れで EU ユーザーから計測されない事象も経験があり、GDPR とパフォーマンスは同じテーブルで設計するのが向いている、と感じています。
比較表：Clarity vs Hotjar vs Mouseflow vs FullStory
ヒートマップツール選定で BtoB SaaS マーケが見る5軸を、4ツールで比較しました。価格・機能は2026年5月時点の情報で、最新は各社公式をご確認ください。
| 軸 | Clarity | Hotjar | Mouseflow | FullStory |
|---|---|---|---|---|
| 価格 | 無料 | $32〜 | $39〜 | $1,000〜 |
| 主要機能 | HM+SR+AI | HM+SR | HM+SR | HM+SR+AI |
| Looker連携 | ✅公式 | △CSV | ❌ | △API |
| GDPR対応 | ✅高 | ✅中 | ✅中 | ✅高 |
| セッション上限 | 無制限 | 有 | 有 | 有 |
結論として、無料で始められる Clarity が第一推奨です。月100万 PV を超え Survey や Funnel まで統合したい場合は Hotjar、フォーム特化なら Mouseflow、エンタープライズで CDP 統合を視野に入れる場合は FullStory が候補です。BtoB SaaS の8割の案件は Clarity 単体で対応できる体感です。
FAQ + まとめ + 次のステップ
Q1. Microsoft Clarity は本当に無料？広告表示は？
はい、執筆時点で無料です。広告表示もありません。Microsoft が広告事業の補完データとして UX 知見を集める戦略との見方が一般的で、永久無料を公式に表明しています。
Q2. ヒートマップを設置するとサイトの表示速度に影響しますか？
SDK は約 30KB、defer 読み込みで初期描画への影響は誤差レベルです。LCP / FID / CLS への悪化はほぼ確認できない範囲です。
Q3. サブドメインも計測できますか？
同一プロジェクトで計測する場合は Cookie ドメインを親ドメインに統一し、Clarity 側に両方を登録します。UX 文脈が違う場合は別プロジェクトで計測し、BigQuery で結合するほうが運用しやすいです。
Q4. データはどれくらい保存されますか？
公式仕様で30日間（執筆時点）。長期保持が必要なら Export API で BigQuery 等に出力します。30日経過分のレコーディングは再生できなくなるため、重要セッションは早めにエクスポートしておきます。
Q5. データを CSV や BigQuery にエクスポートできますか？
Export API（REST）または UI から CSV ダウンロードが可能です。BigQuery 直接連携の公式コネクタは執筆時点では提供されておらず、Cloud Storage 経由か Cloud Functions 中継が現実解です。
まとめ：4段ストーリーで Pillar 2 へ
Microsoft Clarity は「無料で定性データの欠落を埋める」ツールとして BtoB SaaS マーケが第一に検討すべき選択肢です。基本機能に Looker Studio 連携と Clarity Experiments を組み合わせると Pillar 2 の中核ツールとして運用できます。
本記事は4段ストーリーの3段目です。LP外注先選び →発注書テンプレで計測要件化 →公開後30日で5設定で地盤を作り、その次に Clarity 活用を組み込みます。次のステップとして、GA4 と BigQuery を組み合わせた本格的なデータ基盤の構築は、Pillar 2 の本論記事で扱います。
私自身、Clarity を30日運用してみた結果、定性データで多くが見える一方、複数 LP 統合や営業 CRM 紐付けには単体で限界がある、と実感しています。事業会社マーケとして次の一手は、Clarity を起点に GA4 / BigQuery / Looker Studio へ統合する設計が現実解になる、と感じています。
