Microsoft Clarityの使い方｜ヒートマップと録画で、記事のどこで読むのをやめたかを見る

ClarityはMicrosoftの無料のアクセス解析で、ヒートマップと録画でページ上の動きが見えます。 タグ設置後、別途GA4連携を設定すれば、成果の数字とページ内の操作を照らし合わせて確認できます。 最初は①対象記事のスクロールマップで結論・CTAの到達率を見る→②Dead clickを絞り込む→③同じ条件で成果に進んだ訪問の録画と比べる、の順です。

Microsoft Clarityの機能と無料で使える範囲

Microsoft Clarityでは、ページ全体の傾向と個別の操作を確認できます。

公式料金は全機能無料ですが、保存件数・期間まで無制限ではありません。

録画の概要には、一部の自動選択された録画を最大9か月保持する説明もあります。通常録画は30日を前提に確認し、残したい操作はラベルやお気に入りで管理します。

導入の手順

「Settings → Setup」からタグを設置し、同意設定とマスキングも確認します。

1. Clarity公式サイトでアカウントを作成し、「New project」で名前とサイト情報を登録します。
2. 作成したプロジェクトの「Settings → Setup」を開き、サイトに合う設置方法を選びます。
3. 手動設置では「Get tracking code」を選び、取得したコードをサイトのhead領域へ入れます。
4. 自分で対象ページを操作し、「Recordings」「Dashboard」にデータが出るか確認します。
5. 録画で個人情報が隠れることと、同意の許可・拒否時に想定した通信になることを確認します。

Microsoftは、18歳未満を対象とするサイト・アプリには世界共通で使用すべきではないと案内しています。

GTMは「Settings → Setup」の「Google Tag Manager」から設置します。

1. 「Finish setup」を選び、Googleアカウントで認証して必要な権限を許可します。
2. 対象アカウントとコンテナを選び、「Create and publish」で作成・公開します。
3. 直接設置やCMS連携とタグが重複していないかを確認し、実際のページで動作を確かめます。

GTMの公式テンプレート「Microsoft Clarity – Official」も使えます。全ページ設置例は「All Pages」ですが、同意の取得・伝達は別途確認します。

GA4連携の設定と制限

GA4連携は、Google AnalyticsのデータをClarityに取り込み、行動分析と併せて確認する機能です。

1. タグ設置後の「Settings → Setup」で「Google Analytics integration」を開きます。
2. 「Get Started」でGoogleアカウントの認証を行い、連携するWebプロパティを選びます。
3. 「Save」で保存し、1つのClarityプロジェクトに連携するWebプロパティは1つとして管理します。

GA4のセグメントには非対応で、録画再生URLもGA4へ送りません。

3つのヒートマップの読み方

スクロール・クリック・エリアで、情報への到達と操作の偏りを確認します。

スクロールマップで結論・CTAの到達率を見る

1. 「Heatmaps」で対象記事のURLを選び、期間と端末をそろえます。
2. 「Scroll」に切り替え、結論の見出しにカーソルを合わせて到達率を読みます。
3. CTA（問い合わせや関連記事への案内）の位置でも、到達率を控えます。
4. 「Average fold」を確認し、結論や案内がスクロール前に平均で見える範囲にあるかを見ます。

Average foldは読了位置ではなく、到達率も理解度は示しません。 上部で疑問が解決した場合もあるため、到達が減る位置は録画や成果と照合します。

エリアマップのCTRは「エリア内クリック数 ÷ 対象ページ全体のクリック数」で、訪問者数を分母にしません。 クリック数は人数や購入数とは違うため、到達と成果も確かめます。

録画の絞り込みと操作指標の見方

録画は対象URL・端末・流入元をそろえて絞り込み、問題が疑われる操作の前後を確かめます。

固定のクリック回数・秒数などの判定値は公開情報では確認できません。 指標は問題の手掛かりとして扱い、原因は録画と実際の操作で確かめます。

1. 検索からの訪問は「Entry URL」「Organic Search」と端末を指定し、入口の評価に絞ります。
2. 閲覧した訪問全般は「Visited URL」、最後のページは「Exit URL」で絞ります。
3. 「Dead clicks」などを追加し、押した対象と、その直前・直後の動きを録画で確認します。
4. 同条件で購入や問い合わせへ進んだ録画も見て、正常な操作まで問題扱いしていないか比べます。
5. 繰り返し使う条件は「Save as segment」で保存し、Dashboard・Recordings・Heatmapsで再利用します。画面ごとに非対応のフィルターは無効になるため、切り替え後の条件も確認します。

クリックマップで対象要素を選び、「View recordings」を開くと、その要素をクリックした録画へ進めます。

録画はHTMLと操作イベントからの再構成なので、Canvasや第三者iframe内は同様に取得できません。

GA4・Search Consoleと組み合わせて直す場所を決める

Search Consoleで検索時の期待、GA4で成果、Clarityでページ内の行動を調べると修正案が具体化します。

検索語から個々の録画へ直接結び付けられないため、ページ・期間・端末をそろえて傾向を比べます。 計測条件や同意による差もあるため、ツール間の数字の一致を求めません。

GA4の離脱は最後のイベントが起きたページを示し、直帰率はエンゲージメントがなかったセッションの割合です。 標準のscrollは垂直方向の90％が初めて表示されたときなどに発生し、途中の到達減少はClarityで補います。

記事の読了と押せない箇所を改善する手順

改善は「到達率を見る→Dead clickを絞る→録画で確かめる」の順に、1ページずつ進めます。

1. 対象の記事を1本決め、スクロールマップで結論の見出しと案内の位置の到達率を読みます。Average foldの位置も合わせて見ます。
2. 同じURL・端末で、Dead clickとRage clickのあった訪問に絞り込み、どの要素が押されたかを確かめます。
3. 絞り込んだ録画と、案内まで進んだ訪問の録画を数本ずつ見比べ、止まった場所と押した場所の違いを書き出します。
4. 直す場所を1つに決めて改修し、改修日を記録してから、同じ条件で前後の数値を比べます。

見えた症状ごとに、まず疑うことと直す候補を次の表にまとめました。どれも候補であり、録画で確かめてから決めます。

自社では、GA4・Search Console・Clarityのデータを毎日自動で集め、週ごとの推移を社内の画面で見ています。

週ごとに見る順番の例は、Search Consoleで表示が増えた記事を拾い、GA4で訪問を確かめ、Clarityでスクロールの深さとDead clickを見る流れです。 数値を比べるときは、URL・端末・流入元をそろえます。ページの長さや同意設定の変更も記録し、数値の変化をすべて改修の効果とは考えません。

ボットのセッションを読者の行動と混同しない

Clarityの「Bot Traffic」カードでボット由来の訪問を確認できますが、高度なボットなどが検出をすり抜ける可能性もあります。 小規模サイトでは、急な流入増加や似た操作の集中があれば、絞り込み後の件数とボットの可能性を点検します。 GA4は既知のボット・スパイダーを自動除外しますが、除外量は確認できず、Clarityと同じ対象を除外するとは限りません。

プライバシーとマスキングの設定

マスキングは既定値だけに頼らず、実際の録画で保護範囲を確認します。

入力欄とドロップダウンは全モードで隠れますが、氏名・住所・注文情報の表示部分は別途点検します。 管理画面で追加指定し、不要な会員画面は計測対象から外すことも検討します。 変更は新しい録画に適用され、反映まで最大1時間かかる場合があり、過去の録画には遡及できません。 CSS内の内容はマスキングされないため、機微な情報を入れません。

Consent APIとCookie同意の注意点

同意バナーを表示するだけでは足りず、取得した選択と変更・撤回をClarityへ正しく伝える必要があります。

2025年10月31日から、EEA・英国・スイス発の訪問では同意シグナル要件の適用が徹底されています。 日本企業でも対象地域からのアクセスには、有効な同意シグナルを渡します。 推奨のConsent API V2「consentv2」は、分析用と広告用の同意状態を分けて伝える仕組みです。 API自体は同意を取得しないため、同意管理プラットフォーム（CMP）などと接続します。

「拒否したら一切送信しない」と説明するなら、タグ自体を実行しない制御も含めて通信を確かめます。 GA4のデータ連携とGoogle Consent Modeの同意連携は別です。

電気通信事業法の外部送信規律と個人情報保護法

日本での法令対応は、サービスの実態とデータの扱いから確認し、Cookie同意の設定とは分けて整理します。

需要の測り方から記事の書き方、公開後の観測までの全体の流れは『AIで記事を約420本書いて、サイトのアクセスを16倍にした方法』で、当社の実際の数字とあわせて紹介しています。

よくある質問（FAQ）

Microsoft Clarityは本当に無料ですか

公式は全機能無料と案内していますが、録画の件数・期間とヒートマップの対象PVには上限があります。

記事のどこで読むのをやめたか分かりますか

スクロールの到達が減る位置は分かりますが、読んだ内容や理解度、終了した理由までは断定できません。

アクセスが少ないサイトでも使えますか

ヒートマップ生成に最低トラフィック数の制限はありませんが、絞り込み後の件数と再現性を確かめます。

Dead clickが出たら必ず修正が必要ですか

問題の手掛かりとして録画を見て、実際の端末でも再現し、意図された正常な操作かどうかを見分けます。

Cookieを拒否すればデータ送信は止まりますか

拒否してもCookieなしの収集が続き得るため、送信停止を約束する設計ではタグの実行制御も確認します。