Microsoft Clarity は、Microsoft社が提供している行動分析ツールです。
サイトに訪れたユーザーのアクションが可視化できるため、Webサイトやページの改善に役立ちます。
導入を検討している企業担当者の方もいますが、使い方がわからなければ意味がありません。
そこで今回は、Microsoft Clarityでできることや始める前の準備、基本的な使い方などを解説していきます。
つまずきやすいポイントや使いこなすためのコツなども紹介していくので、Microsoft Clarityの導入を検討している方は参考にしてください。

■Microsoft Clarityでできること

まずは、Microsoft Clarityでできることを知るためにも、主な機能や初心者が使う上でのメリットをご紹介していきます。

主な機能

主な3つの機能は以下の通りです。

ヒートマップ

ユーザーがコンテンツのどこを見ているのか可視化できる機能です。
ユーザーのクリック位置を温度分布で表示し、赤くなっている場所はクリックが集中している箇所なので、ユーザーが関心を抱きやすいところがすぐにわかります。
また、ページ内のどこまでをスクロールしたのかがわかるスクロールヒートマップ機能も搭載されています。
色で閲覧率を示してくれるのでわかりやすい点が特徴です。

レコーディング

ユーザーの行動を動画として再生してくれる機能です。
マウスの移動やクリック、スクロールや入力などを再現してくれます。
ユーザーが熟読している箇所や問い合わせをするまでの動作などを詳細に把握できる機能です。
デバイス別のフィルタリングでスマホユーザーの問題点を発見することもできます。
モバイルUX改善に効果的です。

インサイト

AIを使ってユーザー行動から自動で問題パターンを検出する機能がインサイトです。
短時間に同じ箇所を連打するイライラしたクリック（レイジクリック）やクリックをしても反応しない要素をクリックしたデッドクリック、何度も上下にスクロールする過剰スクロール、ページを移動した直後に戻るクイックバックなど、ユーザーの4大問題行動を自動検出してくれます。
人間の目で歯見逃しがちな問題がわかるようになり、改善点の特定を効率的に行えます。

向いている用途

Microsoft ClarityはWebサイトの改善に特化したツールです。
前述した機能によって、ユーザーの行動を可視化できるためUI/UXの改善やコンバージョン率の向上などを目指すことができます。
例えば、デッドクリックやレイジクリックをした箇所がわかれば、サイトを使う上でユーザーがイライラした部分を検知できるので、ボタンの配置やデザインの改善に役立ちます。
ユーザーが迷いやすい部分や離脱している箇所もわかりやすいため、課題を抽出して修正へとつなげられます。

初心者が使うメリット

初心者がMicrosoft Clarityを使う上で得られるメリットは以下の通りです。

・無料で利用できる
・直感的な操作が可能
・詳細な分析データをわかりやすく提供している
・Google Analyticsと、より高度な分析ができる

Microsoft Clarityは無料で利用でき、ダッシュボードは直感的に操作できるため、初心者でも簡単に利用できます。
ユーザーの行動に関するデータは詳細で、瞬時にわかるような工夫がされているため、理解しやすい特徴があります。

■Microsoft Clarityを始める前の準備

次に、Microsoft Clarityを始める前に必要な準備をご紹介していきます。
スムーズに利用するためにも事前に理解しておきましょう。

必要なもの

Microsoft Clarityを利用する前に用意すべきものは以下の通りです。

・WebサイトのURL
・アカウント
・サイトの編集権限

WebサイトのURLは、解析対象となるサイトのURLです。
アカウントは、Microsoft・Google・Facebookのいずれかのアカウントが必要です。
登録していない場合は、事前に取得しましょう。
また、タグを設置するためのHTML編集画面、Googleタグマネージャーへのアクセス権限も必要です。

◎事前設定

Microsoft Clarityを導入する際には、事前に以下の設定を終わらせておくのもポイントです。

プライバシーポリシーの設定

個人情報保護の観点から、自社のWebサイトの更新が必要です。
ユーザー行動の記録や分析をするツールとなるMicrosoft Clarityを使用している旨をプライバシーポリシーに明記します。

IPアドレスの除外設定

自分のパソコンや社内からのアクセスを計測から除外したい場合には、事前にIPアドレスを特定しておきましょう。

Google Analyticsとの連携

Microsoft ClarityとGoogle Analyticsを連携すると、ClarityのデータとGoogle Analyticsの数値を照らし合わせることができ、より詳細な分析ができるようになります。
「設定→セットアップ」から、Google Analyticsを連携しましょう。

確認したいポイント

Microsoft Clarityを利用するためにも、まずはどのページを改善すべきなのか目的を明確にする必要があります。
分析目的を事前に明確にすれば、ダッシュボードのデータを見るだけですぐにアクションに移ることができます。
また、チームメンバーにも閲覧権限を与える場合には、メールアドレスの準備も必要です。

Microsoft

■Microsoft Clarityの基本的な使い方

次に、Microsoft Clarityの使い方を解説していきます。
スムーズに使いこなすためにも、参考にしてください。

手順1

最初に、Microsoft Clarityのアカウントを作成します。
Microsoft Clarityの公式サイトにアクセスし、画面の右上にある「サインアップ」または、画面上にある「使い始める」をクリックしてください。
サインアップする方法が表示されるので選んでサインインをしましょう。
サインインが成功すると、メールアドレスの確認画面に移ります。
アドレスを確認したら、「続ける」をクリックしてください。

手順2

メールアドレスが承認されると、「プロジェクトを作成しましょう」という画面が表示されます。
入力フォームに、計測したいWebサイトの名前やURLを入力し、「新しいプロジェクトを追加する」ボタンへと進んでください。

手順3

計測したいWebサイトにClarityの計測タグを設置します。
設置方法は、手動とタグマネージャーの活用の2種類です。
手動で設置する場合は、「設定→セットアップ→手動でインストールする」にあるClarityトラッキングコードをコピーし、head内に記述します。
その後、本番環境に公開することで計測がスタートします。
タグマネージャーを活用する場合は、「設定→セットアップ→サード パーティのプラットフォームにインストールする」からタグマネージャーを選び、「今すぐつながりを申請」からトラッキングコードの設置ができます。
コードを設置すると自動的にデータ収集が開始される仕組みです。

■よくあるつまずきポイント

Microsoft Clarityを活用する上でつまずきやすいポイントをご紹介します。
あらかじめ把握しておくことで、スムーズな活用につながります。

設定で迷いやすい点

WordPressプラグインを利用する場合、設定方法によってはコードが二重化するケースがあり、正しく計測できないことがあります。
また、Microsoft Clarityではプライバシーマスクの設定が可能ですが、完全に隠したい箇所が漏れるケースもあります。
サイト内でユーザーが入力する個人情報がヒートマップに表示されてしまうリスクがあり、迷いポイントとして挙げられやすいです。

操作で止まりやすい点

Microsoft Clarityを操作する上で注意したいのが「動作が重い」点です。
Microsoft Clarityはブラウザ上で大量のデータを処理するため、ブラウザの負荷が高くなりやすい注意点があります。
「操作がしにくい」「使いにくい」などと感じる要因となるため、対策が必要です。

解決方法

トラッキングコードの二重化では、手動でテーマの<head>に追加しないようにするのが対策として挙げられます。
プライバシーマスクに関しては、「Settings→Masking」で厳格なモードの「Strict」の選択がおすすめです。
動作の重さに関しては、まずはブラウザのキャッシュを試してみてください。
ブラウザのキャッシュとクッキーを削除してから再試行すると解決する可能性があります。
また、多数のセッション録画や長い期間のデータを一気に読み込もうとすると画面が留まりやすいので、分析する期間を短く設定するほか、フィルター機能を使って表示するデータ量を絞り込むのがおすすめです。

■Microsoft Clarityを使いこなすコツ

次に、使いこなすためのコツをご紹介していきます。

時短になる使い方

Microsoft Clarityを利用してWebサイトの分析を時短したいなら「AIヒートマップ要約」の活用を検討してみましょう。
ヒートマップ機能内にある「AI Summary」をクリックすると、スクロール率の低下やクリックの偏りなどをAIが自動で示してくれます。
問題点を箇条書きで表示する以外にも改善案も教えてくれるので、問題解決にも役立つはずです。
自分でデータを見続ける必要がなくなるため、負担軽減にもつながります。

初心者が最初に覚えたい操作

Microsoft Clarityの機能の中でも、「ヒートマップ」と「レコーディング」は最初に覚えるべき項目だと考えられます。
ヒートマップはユーザーの関心度合いを視覚的に理解できる機能です。
リンクじゃない場所をクリックされている形跡がないか、CTAボタンが表示されていないエリアに隠れていないかなど、チェックしてみてください。
一方、レコーディングはユーザーの操作を動画で見ることができる機能です。
画面での動きやサイトの滞在時間などを確認できます。
長く滞在しているのに目的の場所をクリックせずに離脱しているユーザーを探すと、改善のヒントが得られやすいです。

慣れたら試したい機能

慣れたら試したい機能としては「カスタムタグの設定」が挙げられます。
サイト独自のユーザー行動や属性をMicrosoft Clarityに送信できる機能で、購買を完了したユーザーやログイン済みのユーザーなどに絞り込んで行動分析ができます。
特定のボタンをクリックしたセッションのみの抽出も可能です。

■よくある質問

最後に、Microsoft Clarityを使う上で考えられる疑問やその回答をご紹介していきます。

無料で使える？

Microsoft Clarityは完全無料で使えるツールです。
初期費用や月額費用は一切かからないため、コストを抑えたデータ分析が可能です。
費用をかけずにWebサイトの改善を目指したい場合に有効なツールだと考えられます。

スマホでも使える？

Microsoft Clarityはスマホでも利用可能です。
スマホのブラウザ（SafariやChrome）からMicrosoft Clarityのサイトにアクセスすることで、レコーディングやヒートマップをチェックできます。
また、Googleストアでは、スマホで利用できるMicrosoft Clarityの公式アプリも提供されています。

初心者でも大丈夫？

初心者でも問題なく使うことが可能です。
無料で導入でき、ヒートマップやレコーディングアユーザーの行動を視覚的に表してくれるので、直感的に理解できます。
設置もコードを貼り付けるだけなので専門知識を有していなくても簡単に導入できます。

■まとめ

Microsoft Clarity は、Webサイトの改善を行いたい場合に有効なツールです。
使い方も簡単でコストをかけずに導入できるため、活用しやすい点が大きな魅力です。
「Webサイトの問題点を知りたい」「サイト再構築における優先順位を整理したい」など、Webサイトの改善で悩んでいる場合には、ぜひ導入を検討してみてください。

Microsoft Clarity UX改善 Webサイト改善 アクセス解析 ヒートマップ分析