Microsoftのサイト訪問者分析ツール「Clarity」とは?設定方法や使用方法、注意事項について解説

当サイトは、Amazon.co.jp の商品を宣伝することにより、紹介料を獲得できる Amazon アソシエイト・プログラムの参加者です。

当記事に Amazon へのリンクが含まれている場合、それをクリックし買い物をすると、当サイト(および当サイト管理人)に対して一定の収益が発生します

発生した収益の一部は、持続的なサイト維持のために使用されます。

ちなみに下記リンクをクリックし Amazon内で何かしら買い物をしていただくと、当サイト内で紹介した商品以外の購入でも収益は発生します。

https://amzn.to/3REJQgU

もし「ブログの内容が役になった」「記事のおかげで助かった!」といった方は上記リンクをクリック頂き、Amazon内で買い物をしていただければ幸いです

悩ましいのは、協力頂いた皆さんには持続的なサイト維持以外何の見返りもないということです。せめて皆さんから頂いた額を見て、ブログ読者の方への感謝の気持ちを忘れぬよう日々努めます。

Microsoft が提供する Clarity は、2025年現在、世界中で100,000以上のWebサイトに導入されている1、もっともメジャーなサイト訪問者分析ツールの1つです。

当記事では Clarity に関する基本的な情報や設定方法や使用方法、使用上の注意事項についてまとめて解説していきます。

注意事項

【注意】「ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含む Web サイトでClarityを使用すべきではない」という旨が公式ヘルプ上には記載されています。

これらのデータを含むサイトには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つ存在します。その点についても解説していきます。

Clarityの5つの特徴

5つの特徴については、下記のとおりです。

1.費用は無料

商用サイトであったとしても、無料で登録し利用することが可能です。

2.セッションのレコーディングに対応

Clarity ならではの魅力はなんと言っても「セッションのレコーディング」に対応しているという点にあります。

つまり実際に Clarity を設置すると、実際にどのようにユーザーが記事を読んでいるのかを下記図のように見ることができるようになるのです。

ユーザーのマウスカーソル、スマホの画面タップがレコーディングされ、レコーディングされたものは管理画面上で下記のように確認する事ができます。

また情報漏洩についても対策がなされています。

マスキング機能がデフォルトでONになっており、ユーザーが入力した個人情報などは目隠しがされる仕様になっています。マスキングは3段階での加減調整です。

マスキングについては下記記事にて詳細に解説しているので、興味がある方はそちらをご参照下さい。

3.クリック、スクロール、アテンション、エリアヒートマップ機能も搭載

一 般的なヒートマップツールに搭載されているようなスクロールやクリックヒートマップ機能も搭載されています。

クリック(ヒートマップ)

主に5つのクリックを計測することができるものになります。

  • 全てのクリック(All clicks)(以下5つを含むクリック)
  • 非リンク箇所へのクリック(Dead clicks):リンクが設定されていないがクリックされた箇所
  • フラストレーションにつながるクリック(Rage clicks):他に比べて数多くクリックされた箇所(同じ場所を繰り返しクリックした場所、場合を示す)
  • エラークリック(Error clicks):JavaScriptエラーが発生する直前に行われたクリックされた箇所
  • ファーストクリック(First clicks):ページ上ではじめてクリックされた箇所
  • ラストクリック(Last clicks):ページ上で最後に生じたクリックされた箇所

下記図のような形で、Clarity 管理画面上で確認可能です。

スクロール(ヒートマップ)

ページの長さが最適かどうか、特定箇所以降でユーザーがコンテンツから離脱していないかなどを見るために活用されるものになります。

Clarity 管理画面上では右側に実際のページ、左側にはどの程度のユーザーがどの程度までスクロールしているのかを確認可能です。

アテンション(ヒートマップ)

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

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

エリア(ヒートマップ)

例えば、特定のページの特定のエリアのクリックがどの程度されているのかなどを見る際に活用されます。クリックヒートマップと異なり、例えばカラム別にユーザーがどの程度サイトのコンテンツに対して注視しているのかなどざっくりとした分析をしたい際に重宝します。

以下図のような形で Clarity 管理画面上で確認可能です。

4.ヒートマップで処理されるセッション数は1日あたり1プロジェクト100,000まで

Clarity において、ヒートマップのデータとして処理可能な1日あたり1プロジェクト100,000までのセッションを処理可能5です。

そのためそれを上回るような、比較的流入の多い一部のWebサイトを除きデータ処理が可能です。

ただしセッションによっては記録されたとしてもClarity上では利用できないケースもあるため注意が必要です。

5.Google Analyticsと連携しデータの受け渡しが可能

2020年11月4日から GA との連携が、2021年4月より GA4 との連携も可能になっています。

GA と連携させるメリット、具体的な方法や注意点については下記記事にて詳細を解説しているので興味がある方はご参照下さい6

6.データ保有期間は無制限

データの蓄積に期間的な制限がありません。管理画面上「 期間 」では以下のように5つの期間を選択し、該当期間のデータを確認する事が可能です。 

  • Today(今日)
  • Yesterday(昨日)
  • Last_days(直近_日)
  • Custom(期間および時間を指定)

しかし早めに設定しなければ、結局データをストックしておくことはできません。

もし導入を検討されているのであれば早期導入をオススメします。

Clarityの初期設定方法

公式サイトに登録するところから、サイト内にタグを設置するところを含めた初期設定の手順としては、下記の通りです。

  • 公式サイトにアクセス
  • 登録を済ませ情報を入力
  • タグをWebサイトに設置(GTMでの設置可)

ある程度慣れている方であれば数分で設定可能です。タグの発行や GTM 上の設定方法については下記記事にて詳細を解説しているので、興味がある方はそちらをご参照下さい。

Clarity の Copilot を用いた分析

Clarity には Copilot(Microsoft が提供する AI アシスタント)によるヒートマップの結果を分析してくれたり、チャット機能を用いてピンポイントで欲しい情報を提供してもらうことなどが可能です。

詳細は田島さん@amijat_work のブログの下記記事が詳しいので興味がある方はそちらをご参照ください。

Clarity を使用することでできるようになる3つのこと

Clarity を導入しデータを集め分析を行っていくことで、下記3つのことができるようになります。

(1)Webサイトのどこをユーザーがどう見ているのかがよくわかるようになる

セッションの映像を見ると、ユーザーがページをどう見ているのか(正確にはページをどうスクロールしているのか、静止しているのかなど)がわかるようになるため、より具体的にユーザーがWebサイトのどういったところを注視しているかがわかるようになります。

また「アテンションヒートマップ」の結果を見ることによって、特に重点的に見られているところ(おもにページスクロール中に停止などし読み込んでいるところ)がわかるようになります。

それらのデータを元に、記事のリライトやランディングページの改良などを行うことで、より良いコンテンツの制作や手直しが可能となります。

(2)わかりやすい素材で他者に理解を促すことが可能に

リテラシーの高くない決裁権者や意思決定者に伝わりやすい、理解しやすい素材を用意することが可能となります。例えば GA の「ユーザーエクスプローラ」を直接見せるよりも Clarity の「セッションのレコーディング」を直接見せた方が、相手のリテラシー度合いに関係なく理解が容易です。

(3)問題点の明確化、可視化、解釈の余地のない話し合いの場への素材提供

例えばサイトをより良くしていこうとすると、事実ではなく個々人が解釈をぶつけ合い、「自分はこうだと思うんだけど」といった議論に発展してしまうことが多々あります。しかしそういった議論から建設的な議論に発展することは非常に稀で、実際には Clarity 経由で取得したデータを確認し、事実をテーブルの上にのせて話し合いをした方がサイトをより良くしていく上で効率的であったりもします。

導入前に知っておいた方が良い8つのポイント

導入前に知っておいたほうがいい7つのポイントについて、こちらでまとめて紹介しています。

(1)セキュリティ面について

リリース以降1度も脆弱性が指摘されたことはありません。

(2)反映スピードについて

初期設定後の反映スピードは若干個体差のようなものがあるように思います。サイトの規模感などによる影響は殆どないものと思われます。そのため初期設定を行い、2時間待ち数値が一切反映されないようであれば設定ミスを疑いましょう。

(3)レコーディングしたデータの共有方法

レコーディングしたデータを共有することも可能です。共有したいレコーディングを開き、右上部ボタン(下記図赤枠)をクリックするとURL共有が可能です。

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

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

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

有効期限がない録画データを共有したい場合、公式が用意しているもの以外のツールを用いて、例えばツールを用いて画面録画を行いそれを共有するなどの対応が求められます。

Mac なら特定のコマンド操作をすることで画面録画が可能です。

例:Command+Shift+5 で「画面全体を収録」をクリックすることで画面録画が可能

Windows の場合は Chrome の拡張機能を使うことで画面録画が可能になりますので、一例として、ここでそういったものの使用をオススメします。

参照:Getting Started with GA Integration

(4)レコーディングしたものを「お気に入り」に追加

気になったレコーディングは「お気に入り」を使い管理することもできます。

(5)レコーディングしたものをラベル管理

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

(6)権限付与について

権限付与が可能です。詳細は下記別記事にて詳しく解説しているのでご参照下さい。

(7)データ保有期間について

タグ設置後は無制限です。

(8)膨大なレコーディングデータをどのようにマイクロソフトは管理しているのか

最後にレコーディングされたデータをどのようにマイクロソフトが管理しているかについてですが、まずレコーディングされているデータは「単純録画」ではありません

ピクセル単位でのデータのみをレコーディングし( Session Recordings )再生時にレンダリングする仕様となっています。

そのため、動画を単純に撮影するよりもデータ量も少なく、またサイトの読み込みスピードなどにも影響を与えずに機能することを可能としているようです。

(9)IPアドレスを用いた除外設定について

2021年4月より IP アドレスによる除外設定が可能となりました

これにより、社内や特定の個人(管理者など)からのアクセスといった内部トラフィックを除外した上でのデータ収集が可能となります。

IPアドレスの除外は管理画面内「設定」の「IP ブロック」より可能です。

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

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

ちなみに今現在アクセスしている環境を除外したい場合、チェックボックスの「現在のIPをブロックする」をチェックすれば IP アドレスの入力なしに除外設定が可能です。

クライアントのPCを除外したい…といった場合、下記のようなIP アドレス特定サービスをご利用ください。アクセスしてもらい、IPアドレスをコピーして送付してもらえれば、それを設定することで除外登録が可能になります。

参照:アクセス情報【使用中のIPアドレス確認】

例えば上記サービスの場合、赤枠内に IP アドレスが表示されます。そちらを確認の上設定すれば除外されます。

(10)導入できないタイプのサイトについて

ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含むサイトでは使用しないでください」と下記ヘルプ上に記載されている通り、これらに該当するサイトの場合は Clarity を導入してはいけません

Clarity should not be used on sites that contain Sensitive Data including user health care, financial services or government related information.

Clarity 管理画面より引用

(11)Microsoft 広告の UET タグ設定時にチェックを入れるとアカウントが自動生成される

Microsoft 広告にてUETタグを設定する際にチェックを入れると Clarity も自動的に設定されます。

例えば上記「(8)導入できないタイプのサイトについて」にて触れた通り、ユーザーヘルスケア、金融サービス、または政府関連情報を含む機密データを含むサイトの集客の一環で Microsoft 広告を使用する場合はこれを有効にしてしまうと非常に危険です。

この点については下記記事でも詳しく解説しているので、そちらをご参照ください。

Microsoft 広告を運用する上で知っておくべき31の注意事項
https://ppc-log.com/microsoft-advertising/8134/

Clarity を使用する上で注意すべき3つのポイント

Clarity を使用する上で、注意すべきポイントが3つあります。その点についても説明していきます。

(1)意図したデータを作り上げてしまう危険性について

仮説を立ててデータを確認し事実確認をする際に「仮説」に縛られ、仮説を立証するためのデータ集めをしてしまうということはよくあることです。Clarity の「セッションのレコーディング」は数値の羅列のようなデータよりもわかりやすく、誰が見ても明快に見えるため、その傾向を強めてしまう危険性があります。

(2)分析をする際は目的を持って明確かつ計画的に

「データ分析をしよう」とするとついダラダラと見れしまうことは多々ありますが、「セッションのレコーディング」はよりその「ダラダラ」を加速させます。

サイト内のセッション別の行動履歴はGAの「ユーザーエクスプローラ」などでも確認可能でしたが、実際にユーザーの動きが動画として確認できる「セッションのレコーディング」をつい無目的に見続けてしまう人は多いのではないでしょうか。

そのためもしデータを確認する場合、下記のような形で使用される事をオススメします。

  • 確認するサンプルデータ数を事前に明確化した上で確認
  • 分析対象のページを事前に選定しスポットで分析
  • 目的と時間を明確化の上でデータを確認する

(3)無料ツールであることを正しく理解する

無料ツール故データに過度な期待や性能向上を期待するのは避けるべきでしょう。あくまでも無料ツールですから、使用するのであればありがたく利用させてもらいましょう。

(4)Clarityのメンバー権限を有していることで、Google 広告と連携済みであればデータの閲覧が可能に

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/

こちらも利用できるようになっておくことで、より分析作業が容易にできるようになるため導入しておくことをオススメします。

文責:川手遼一

  1. 公式サイト上にて実績として「100k+ sites globally」と記載 ↩︎
  2. Copilotとはチャットを用いた応答も可能
    詳細:Clarity Overview | Microsoft Learn ↩︎
  3. 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/ ↩︎
  4. 公式サイト上にて実績として「100k+ sites globally」と記載 ↩︎
  5. ヘルプにて次のように記載”Heat maps are limited to up to 100,000 page views per heat map.”
    参照:Frequently asked questions | Microsoft Learn
    ↩︎
  6. Getting started with GA Integration | Microsoft Learn
    https://learn.microsoft.com/en-us/clarity/ga-integration/ga-integration ↩︎