· HARUBOUYA · analytics · 12 min read
Microsoft Clarityの使い方:導入手順と、最初に見る5つの視点
アクセス数は分かるのに、なぜ読まれないのかが分かりません。無料のClarityで訪問者の動きを見る方法を、導入手順、画面の用語、見るべき5つの視点、よくある失敗の順にまとめます。

アクセス数は毎日確認しています。それでも、問い合わせが増えません。どこで帰られているのかが分かりません。
足りないのは、訪問者がページの中で何をしていたかの情報です。Microsoftが無料で提供している「Clarity(クラリティ)」を使うと、クリックやスクロールの様子を、色の地図や再生映像で見られます。
導入の手順と、最初に見るべき視点をまとめます。
公式サイト:Microsoft Clarity
問題:アクセス数だけでは「なぜ」が分からない
| 分かること | アクセス解析(GA4など) | Clarity |
|---|---|---|
| 何人来たか | 得意 | おおまかに分かります |
| どこから来たか | 得意 | 分かります |
| ページのどこまで読まれたか | 一部のみ | 得意 |
| どこがクリックされたか | 設定が必要 | 設定なしで分かります |
| 訪問者が迷った場所 | 分かりません | 得意 |
たとえるなら、アクセス解析は店の入口の「来店者カウンター」、Clarityは店内の「防犯カメラ」です。**数を知るのと、様子を見るのは別の道具です。**両方そろうと判断しやすくなります。
仕組み:Clarityでできること
| 機能 | 内容 | 使いどころ |
|---|---|---|
| レコーディング | 1回の訪問ごとに、マウスの動き・スクロール・クリックを動画のように再生 | 迷った理由を確かめます |
| ヒートマップ | よくクリックされた場所、よく読まれた範囲を色で表示。赤いほど多いです | ページ全体の傾向をつかみます |
| ダッシュボード | 訪問数と「困っているサイン」を数字で一覧 | 最初に全体を見ます |
| AIの要約・チャット | 傾向を文章で要約。質問すると答えが返ります | 忙しいときの当たりづけ |
ヒートマップは3種類です。
| 種類 | 分かること |
|---|---|
| クリックマップ | どこがよく押されたか |
| スクロールマップ | ページのどの位置まで、何%の人が読んだか |
| エリアマップ | 区画ごとの反応の大きさ |
料金はかかりません。アクセス数が増えても無料のままです。パスワードなどの入力内容は、自動で隠して記録されます。
やること:導入の4ステップ
| 手順 | 操作 | 補足 |
|---|---|---|
| 1. アカウントを作ります | 公式サイトで「サインアップ」を押し、Microsoft・Google・Facebookのどれかでログイン | 新しいパスワードは不要 |
| 2. サイトを登録します | 「新しいプロジェクト」を押し、名前とURLを入力して「新しいプロジェクトを追加」 | 名前は自分が分かればよいです |
| 3. 計測用のコードを入れます | 下の表から、サイトに合った方法を選びます | ここが一番の山場 |
| 4. 待ちます | データが出るまで2時間ほど | 翌日に開くくらいでよいです |
計測用のコード(タグ)の入れ方は、サイトの作り方で変わります。
| サイトの作り方 | 入れ方 |
|---|---|
| WordPress | 公式プラグイン「Microsoft Clarity」を入れ、画面の指示に従います |
| Googleタグマネージャー(GTM)を使っています | Clarityの設定画面で「Googleタグマネージャー」を選び、連携します |
| それ以外 | 表示されたコードをコピーし、HTMLの head の中に貼ります |
自分で貼るのが不安な場合は、制作した人に「このコードを head に入れてください」と渡せば伝わります。GTMの基本はGTMの基礎と、最初にやっておくべき設定に書きました。
ダッシュボードの用語
| 用語 | 意味 |
|---|---|
| セッション | 1回の訪問。同じ人が朝と夜に来たら2セッション |
| ページ/セッション | 1回の訪問で見られたページ数の平均 |
| スクロールの深さ | ページのどこまで読まれたかの平均 |
| アクティブな時間 | 実際に操作していた時間。開きっぱなしの時間は含みません |
Clarity特有の「困っているサイン」が4つあります。ダッシュボードで最初に見るのはこの4つです。
| サイン | 起きていること | よくある原因 |
|---|---|---|
| デッドクリック | 押しても何も起きない場所が押されました | 画像や太字がリンクだと思われています |
| レイジクリック(イライラクリック) | 短い時間に同じ場所を連打されました | ボタンが反応しない、表示が遅いです |
| 過剰なスクロール | 普段より多く上下にスクロールされました | 探している情報が見つかりません |
| クイックバック | 開いてすぐ前のページに戻りました | リンクの説明と中身が合っていません |
どのような視点で見ればよいか
全部を見る必要はありません。次の5つを順番に見ます。
| 順番 | 視点 | 見る画面 |
|---|---|---|
| 1 | 最初の画面で帰られていないか | スクロールマップ |
| 2 | 読んでほしい場所まで届いているか | スクロールマップ |
| 3 | 押したいのに押せない場所がないか | クリックマップ(デッドクリック) |
| 4 | スマホとパソコンで違いがないか | フィルターの「デバイス」 |
| 5 | 気になった数字の中身は何か | レコーディング |
1. 最初の画面で帰られていないか
スクロールマップで、最初に見える範囲を過ぎた位置の到達率を見ます。ここで大きく減っていたら、入口の問題です。
| 見えた状態 | 考えられる原因 | 直し方 |
|---|---|---|
| 最初の画面で半分以上が帰ります | タイトルと内容が期待と合っていません | 最初の3行で「誰の何の話か」を書きます |
| 本文にたどり着く前に減ります | 画像が大きく、本文が下に押し出されています | 画像を小さくする、本文を先に出します |
| 何のサイトか分かりません | 見出しが抽象的 | 具体的な言葉に変えます |
2. 読んでほしい場所まで届いているか
問い合わせボタンや、他の記事への案内など、一番読んでほしい部分の到達率を見ます。到達率が低い位置に置いているなら、上へ動かします。
3. 押したいのに押せない場所がないか
クリックマップでデッドクリックが集まる場所を探します。
| 押されている場所 | 訪問者の期待 | 直し方 |
|---|---|---|
| 画像 | 拡大して見たいです | 拡大表示、または詳細ページへのリンクを付けます |
| 太字・色付きの文字 | リンクだと思いました | 強調の色を変える、またはリンクにします |
| 見出し | 詳しいページへ行きたいです | 関連ページへのリンクを置きます |
デッドクリックは「もっと知りたい」の合図でもあります。リンクを足すと、次のページを読んでもらうきっかけになります。
4. スマホとパソコンで違いがないか
画面上部の「フィルター」で、デバイスを切り替えて比べます。個人のサイトやSNSからの訪問は、スマホの割合が高いことが多いです。**まずスマホの見え方から確認します。**ボタンが小さい、文字が詰まっているといった問題は、パソコンでは気づきにくいです。
5. 気になった数字を録画で確かめる
ダッシュボードで気になった数字(レイジクリックが多い、など)をクリックすると、それが起きた訪問の録画だけに絞り込めます。5〜10件見れば、共通する迷い方が見えてきます。数字で当たりをつけ、録画で理由を確かめる順番です。
失敗例
| 失敗 | 起きたこと | 防ぎ方 |
|---|---|---|
| 録画を1件見て判断しました | たまたまの操作に合わせて直してしまいました | 同じ行動が複数の訪問で起きているかを見ます |
| 全部の録画を見ようとしました | 時間がかかり、続きませんでした | 数字で絞り込んでから、数件だけ見ます |
| 直した前後を比べませんでした | 効果があったのか分かりません | フィルターの期間で、直す前と後の1〜2週間を比べます |
| パソコンだけで確認しました | スマホの問題を見落としました | デバイスを切り替えて見ます |
| プライバシーポリシーに書きませんでした | 訪問者への説明が足りません | 「Clarityで利用状況を分析している」旨を書きます |
まとめ
- アクセス解析は「数」、Clarityは「様子」を見る道具です。両方あると判断しやすいです
- 導入は、アカウント作成、サイト登録、コードの設置の3つです。データは2時間ほどで出ます
- ダッシュボードでは、デッドクリック、レイジクリック、過剰なスクロール、クイックバックを最初に見ます
- 視点は5つです。最初の画面、読んでほしい場所、押せない場所、スマホ、録画での確認
- 1件の録画で判断しません。数字で絞り、数件見て、共通点を探します
計測の設計や、分析結果をもとにしたサイト改善の相談も受けています。料金は料金の目安に掲載しています。
アクセスを増やすのと同じくらい、来た人に読んでもらう工夫が効きます。
参考になったら、いいねを押してください。





