当サイトは、Amazon.co.jp の商品を宣伝することにより、紹介料を獲得できる Amazon アソシエイト・プログラムの参加者です。
当記事に Amazon へのリンクが含まれている場合、それをクリックし買い物をすると、当サイト(および当サイト管理人)に対して一定の収益が発生します。
発生した収益の一部は、持続的なサイト維持のために使用されます。
ちなみに下記リンクをクリックし Amazon内で何かしら買い物をしていただくと、当サイト内で紹介した商品以外の購入でも収益は発生します。
もし「ブログの内容が役になった」「記事のおかげで助かった!」といった方は上記リンクをクリック頂き、Amazon内で買い物をしていただければ幸いです。
悩ましいのは、協力頂いた皆さんには持続的なサイト維持以外何の見返りもないということです。せめて皆さんから頂いた額を見て、ブログ読者の方への感謝の気持ちを忘れぬよう日々努めます。
Microsoft が提供する Clarity は、2025年現在、世界中で100,000以上のWebサイトに導入されている1、もっともメジャーなサイト訪問者分析ツールの1つです。
当記事では Clarity に関する基本的な情報や設定方法や使用方法、使用上の注意事項についてまとめて解説していきます。
【注意】「ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含む Web サイトでClarityを使用すべきではない」という旨が公式ヘルプ上には記載されています。
これらのデータを含むサイトにはClarityの導入今一旦見送る形を推奨します。詳しくはこちらの記事でも解説しています。
目次
Clarity とは 、Microsoft が無償提供しているWebサイト訪問者分析ツールです。
特徴として、完全無料で利用可能なツールでありながらも「セッションのレコーディング」「ヒートマップ」といった機能を有しつつ、Copilot によるそれらのデータの簡易分析2、外部ツールである GA4 や Google 広告 との連携3も可能です。
2018年にベータ版公開、2020年10月29日の一般公開以降、2025年現在100,000 以上の Web サイトに導入、利用されています4。
また一部サイトでは「Microsoft Clarity」という名称で紹介されていますが、公式には「Clarity(クラリティ)」になります。
Clarityには Clarity ならではな特徴が5つ存在します。その点についても解説していきます。
5つの特徴については、下記のとおりです。
商用サイトであったとしても、無料で登録し利用することが可能です。
Clarity ならではの魅力はなんと言っても「セッションのレコーディング」に対応しているという点にあります。
つまり実際に Clarity を設置すると、実際にどのようにユーザーが記事を読んでいるのかを下記図のように見ることができるようになるのです。
ユーザーのマウスカーソル、スマホの画面タップがレコーディングされ、レコーディングされたものは管理画面上で下記のように確認する事ができます。

また情報漏洩についても対策がなされています。
マスキング機能がデフォルトでONになっており、ユーザーが入力した個人情報などは目隠しがされる仕様になっています。マスキングは3段階での加減調整です。
マスキングについては下記記事にて詳細に解説しているので、興味がある方はそちらをご参照下さい。
一 般的なヒートマップツールに搭載されているようなスクロールやクリックヒートマップ機能も搭載されています。
主に5つのクリックを計測することができるものになります。
- 全てのクリック(All clicks)(以下5つを含むクリック)
- 非リンク箇所へのクリック(Dead clicks):リンクが設定されていないがクリックされた箇所
- フラストレーションにつながるクリック(Rage clicks):他に比べて数多くクリックされた箇所(同じ場所を繰り返しクリックした場所、場合を示す)
- エラークリック(Error clicks):JavaScriptエラーが発生する直前に行われたクリックされた箇所
- ファーストクリック(First clicks):ページ上ではじめてクリックされた箇所
- ラストクリック(Last clicks):ページ上で最後に生じたクリックされた箇所
下記図のような形で、Clarity 管理画面上で確認可能です。

ページの長さが最適かどうか、特定箇所以降でユーザーがコンテンツから離脱していないかなどを見るために活用されるものになります。
Clarity 管理画面上では右側に実際のページ、左側にはどの程度のユーザーがどの程度までスクロールしているのかを確認可能です。

例えば「このページの中で、特に読まれているところはどこなのか」といったことを分析したい際は、アテンションヒートマップが最適です。

アテンションヒートマップの右側の一覧を確認すると、特に注目されている部分が赤く表示され、あまり見られていない部分は青く表示されます。この機能を使って、例えば記事の場合は「ユーザーがこの記事で最も求めている情報は何か」を、ランディングページの場合は「見込み顧客が知りたいことは何か」を簡単に視覚的に把握できます。

例えば、特定のページの特定のエリアのクリックがどの程度されているのかなどを見る際に活用されます。クリックヒートマップと異なり、例えばカラム別にユーザーがどの程度サイトのコンテンツに対して注視しているのかなどざっくりとした分析をしたい際に重宝します。
以下図のような形で Clarity 管理画面上で確認可能です。

Clarity において、ヒートマップのデータとして処理可能な1日あたり1プロジェクト100,000までのセッションを処理可能5です。
そのためそれを上回るような、比較的流入の多い一部のWebサイトを除きデータ処理が可能です。
ただしセッションによっては記録されたとしてもClarity上では利用できないケースもあるため注意が必要です。
2020年11月4日から GA との連携が、2021年4月より GA4 との連携も可能になっています。
GA と連携させるメリット、具体的な方法や注意点については下記記事にて詳細を解説しているので興味がある方はご参照下さい6。
データの蓄積に期間的な制限がありません。管理画面上「 期間 」では以下のように5つの期間を選択し、該当期間のデータを確認する事が可能です。
- Today(今日)
- Yesterday(昨日)
- Last_days(直近_日)
- Custom(期間および時間を指定)
しかし早めに設定しなければ、結局データをストックしておくことはできません。
もし導入を検討されているのであれば早期導入をオススメします。
公式サイトに登録するところから、サイト内にタグを設置するところを含めた初期設定の手順としては、下記の通りです。
- 公式サイトにアクセス
- 登録を済ませ情報を入力
- タグをWebサイトに設置(GTMでの設置可)
ある程度慣れている方であれば数分で設定可能です。タグの発行や GTM 上の設定方法については下記記事にて詳細を解説しているので、興味がある方はそちらをご参照下さい。
Clarity には Copilot(Microsoft が提供する AI アシスタント)によるヒートマップの結果を分析してくれたり、チャット機能を用いてピンポイントで欲しい情報を提供してもらうことなどが可能です。
詳細は田島さん@amijat_work のブログの下記記事が詳しいので興味がある方はそちらをご参照ください。
Clarity を導入しデータを集め分析を行っていくことで、下記3つのことができるようになります。
セッションの映像を見ると、ユーザーがページをどう見ているのか(正確にはページをどうスクロールしているのか、静止しているのかなど)がわかるようになるため、より具体的にユーザーがWebサイトのどういったところを注視しているかがわかるようになります。
また「アテンションヒートマップ」の結果を見ることによって、特に重点的に見られているところ(おもにページスクロール中に停止などし読み込んでいるところ)がわかるようになります。
それらのデータを元に、記事のリライトやランディングページの改良などを行うことで、より良いコンテンツの制作や手直しが可能となります。
リテラシーの高くない決裁権者や意思決定者に伝わりやすい、理解しやすい素材を用意することが可能となります。例えば GA の「ユーザーエクスプローラ」を直接見せるよりも Clarity の「セッションのレコーディング」を直接見せた方が、相手のリテラシー度合いに関係なく理解が容易です。
例えばサイトをより良くしていこうとすると、事実ではなく個々人が解釈をぶつけ合い、「自分はこうだと思うんだけど」といった議論に発展してしまうことが多々あります。しかしそういった議論から建設的な議論に発展することは非常に稀で、実際には Clarity 経由で取得したデータを確認し、事実をテーブルの上にのせて話し合いをした方がサイトをより良くしていく上で効率的であったりもします。
導入前に知っておいたほうがいい7つのポイントについて、こちらでまとめて紹介しています。
リリース以降1度も脆弱性が指摘されたことはありません。
初期設定後の反映スピードは若干個体差のようなものがあるように思います。サイトの規模感などによる影響は殆どないものと思われます。そのため初期設定を行い、2時間待ち数値が一切反映されないようであれば設定ミスを疑いましょう。
レコーディングしたデータを共有することも可能です。共有したいレコーディングを開き、右上部ボタン(下記図赤枠)をクリックするとURL共有が可能です。

クリックすると、以下のような画面が表示されます。権限が付与されているメンバーに共有する場合は下記図赤枠内「プロジェクトチームと」を選択し、URL をコピーし共有したい相手に渡すだけで共有可能です。

権限が付与されていないメンバーに共有する場合は「誰とでも」をクリックし、期間を指定し数秒待つ(まれにクリックしないと URL がいつまでたってもコピーできないことがあります)と期間限定でデータを確認できる URL が発行されます。URL を共有したい相手に渡すことで、URL 経由で権限が付与されていないメンバーもデータ確認が可能となります。


ただし権限が付与されていないメンバーに共有する場合は、最大30日しか確認可能な URL を作成することしかできません。

有効期限がない録画データを共有したい場合、公式が用意しているもの以外のツールを用いて、例えばツールを用いて画面録画を行いそれを共有するなどの対応が求められます。
Mac なら特定のコマンド操作をすることで画面録画が可能です。
例:Command+Shift+5 で「画面全体を収録」をクリックすることで画面録画が可能
Windows の場合は Chrome の拡張機能を使うことで画面録画が可能になりますので、一例として、ここでそういったものの使用をオススメします。
参照:Getting Started with GA Integration
気になったレコーディングは「お気に入り」を使い管理することもできます。

レコーディングしたものにラベル付けを行い、管理することも可能です。

権限付与が可能です。詳細は下記別記事にて詳しく解説しているのでご参照下さい。
タグ設置後は無制限です。
最後にレコーディングされたデータをどのようにマイクロソフトが管理しているかについてですが、まずレコーディングされているデータは「単純録画」ではありません。
ピクセル単位でのデータのみをレコーディングし( Session Recordings )再生時にレンダリングする仕様となっています。
そのため、動画を単純に撮影するよりもデータ量も少なく、またサイトの読み込みスピードなどにも影響を与えずに機能することを可能としているようです。
2021年4月より IP アドレスによる除外設定が可能となりました。
これにより、社内や特定の個人(管理者など)からのアクセスといった内部トラフィックを除外した上でのデータ収集が可能となります。
IPアドレスの除外は管理画面内「設定」の「IP ブロック」より可能です。

「+ IP アドレスをブロックする」をクリックします。

「名前」には管理上の名称を、「IP アドレス」には IP アドレスを入力します。

ちなみに今現在アクセスしている環境を除外したい場合、チェックボックスの「現在のIPをブロックする」をチェックすれば IP アドレスの入力なしに除外設定が可能です。
クライアントのPCを除外したい…といった場合、下記のようなIP アドレス特定サービスをご利用ください。アクセスしてもらい、IPアドレスをコピーして送付してもらえれば、それを設定することで除外登録が可能になります。

例えば上記サービスの場合、赤枠内に IP アドレスが表示されます。そちらを確認の上設定すれば除外されます。
「ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含むサイトでは使用しないでください」と下記ヘルプ上に記載されている通り、これらに該当するサイトの場合は Clarity を導入してはいけません。
Clarity should not be used on sites that contain Sensitive Data including user health care, financial services or government related information.
Clarity 管理画面より引用
Microsoft 広告にてUETタグを設定する際にチェックを入れると Clarity も自動的に設定されます。
例えば上記「(8)導入できないタイプのサイトについて」にて触れた通り、ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含むサイトの集客の一環で Microsoft 広告を使用する場合はこれを有効にしてしまうと非常に危険です。
この点については下記記事でも詳しく解説しているので、そちらをご参照ください。
Microsoft 広告を運用する上で知っておくべき31の注意事項
https://ppc-log.com/microsoft-advertising/8134/
Clarity を使用する上で、注意すべきポイントが3つあります。その点についても説明していきます。
仮説を立ててデータを確認し事実確認をする際に「仮説」に縛られ、仮説を立証するためのデータ集めをしてしまうということはよくあることです。Clarity の「セッションのレコーディング」は数値の羅列のようなデータよりもわかりやすく、誰が見ても明快に見えるため、その傾向を強めてしまう危険性があります。
「データ分析をしよう」とするとついダラダラと見れしまうことは多々ありますが、「セッションのレコーディング」はよりその「ダラダラ」を加速させます。
サイト内のセッション別の行動履歴はGAの「ユーザーエクスプローラ」などでも確認可能でしたが、実際にユーザーの動きが動画として確認できる「セッションのレコーディング」をつい無目的に見続けてしまう人は多いのではないでしょうか。
そのためもしデータを確認する場合、下記のような形で使用される事をオススメします。
- 確認するサンプルデータ数を事前に明確化した上で確認
- 分析対象のページを事前に選定しスポットで分析
- 目的と時間を明確化の上でデータを確認する
無料ツール故データに過度な期待や性能向上を期待するのは避けるべきでしょう。あくまでも無料ツールですから、使用するのであればありがたく利用させてもらいましょう。
Google 広告と Clarity が連携済みであれば、Google 広告の閲覧権限がなくても Clarity の member (メンバー)権限を有していることでデータ閲覧が可能となります。権限を付与する際、連携を行う際は、そういった点について、認識をしておく必要があります。
Google 広告とClarityの連携方法や連携メリット、リスクについて解説
https://ppc-log.com/measurement_tools/microsoft-clarity/15566/
Clarityの権限を第三者に付与する方法について|権限の種類、権限別に実行可能なことについても解説
https://ppc-log.com/measurement_tools/microsoft-clarity/1418/
まずは「面白いおもちゃ」として使ってみる感覚が必要かと思われます。そして事前に改善を行うと想定し設定した場合、有意性のあるデータ収集期間として2〜3か月ぐらいは最低でも必要となりますので、遅くとも具体的な改善アクションを実行する2〜3か月前までには、サイト内に Clarity を設置するといった動きを取るべきです。
また Chrome ウェブストアから「Microsoft Clarity Live」という公式の拡張機能も登場しています。
Microsoft Clarity Live とは?
https://ppc-log.com/measurement_tools/microsoft-clarity/7057/
こちらも利用できるようになっておくことで、より分析作業が容易にできるようになるため導入しておくことをオススメします。
文責:川手遼一
- 公式サイト上にて実績として「100k+ sites globally」と記載 ↩︎
- Copilotとはチャットを用いた応答も可能
詳細:Clarity Overview | Microsoft Learn ↩︎ - Google 広告との連携については下記記事について詳細に記載しています。
https://ppc-log.com/measurement_tools/microsoft-clarity/15566/
UA、GA4との連携については下記記事で詳細に記載しています。
GAとClarityを連携させる方法
https://ppc-log.com/measurement_tools/microsoft-clarity/3891/
GA4とClarityを連携させる方法
https://ppc-log.com/measurement_tools/microsoft-clarity/15617/ ↩︎ - 公式サイト上にて実績として「100k+ sites globally」と記載 ↩︎
- ヘルプにて次のように記載”Heat maps are limited to up to 100,000 page views per heat map.”
参照:Frequently asked questions | Microsoft Learn
↩︎ - Getting started with GA Integration | Microsoft Learn
https://learn.microsoft.com/en-us/clarity/ga-integration/ga-integration ↩︎