はい、ごめんください。クラリティだいすきコスギです。

Microsoft Clarity は、ウェブサイトに訪れたユーザーの行動を分析して改善するためのツールです。最近は Copilot（コパイロット）という、ユーザー行動の録画をAIが要約して伝えてくれる機能も追加されました。進化し続けているツールなんです。

ウェブサイトをもっと見て欲しい！お問い合わせを増やしたい！と思っても、どこから手をつければ良いのか分からないことがよくありますよね。今回は、Microsoft Clarity の新機能である「Copilot」と、ChatGPT を活用して解析を行い、具体的な改善策を洗い出すまでの方法をご紹介します。

解析の流れを99％紹介しているため、スマートフォンよりもパソコンでの閲覧を強く推奨します。

まずは、Clarity で分析すべきポイントを特定

まずは、サイトの目的やコンバージョン、KPIに合わせて、Clarityで特に注目すべきポイントを明確にしましょう …… といっても「わからないことがわからない」という状況は多いと思うので、ChatGPT に相談してみましょう。これぞ文明の利器！

そして ChatGPT から返ってきたのが以下。AIが返してくるのは確率論なので、以下とは異なる回答をしてくるかもしれません。「うへぇ、結構多いな」と思うくらいのボリュームがある方が、丁寧に返してくれている証拠です。一つひとつ回答していくと思考が整理されるので、コーヒーでも飲みながら考えていきましょう。ちなみに、最近の GPT-4 さんはお忙しいのか、よく「ごめん、なんかおかしなこと起きてるみたいだから止めとくわ」なんてエラーを返してくるので回答はテキストエディタなどに書いてからコピペすることをオススメします。せっかく書いたものが消えた時の喪失感よ……

上記にすべて回答すると、“ウェブコンサルタントとして” 更にアドバイスしてくれます。

めっちゃアドバイスくれるんですが「いや、それはわかってるんだけどね？」と、Clarity で解析するには今ひとつ表面的な印象が拭えないのと、やることが多すぎるので優先順位を決めましょう。

すると、2つに絞り込めました。回答は想定内（優先事項を聞かれているから当然）なんですが、理由も合わせてテキストにまとめてくれるところがとてもデキる子。「ここを見ておけば大丈夫」という安心感があります。この安心感に慣れると疑うことをしなくなるため、気をつけておく必要はあります。

ここから考えても良いのですが、せっかくなのでまだまだツッコんでいきましょう。

マクロ視点は、サイト全体を量的に捉えて「何が起こっているのか」を把握するものです。これは Google アナリティクスなどの解析ツールが得意な分野です。ミクロ視点は、局所的に質的に捉えて「なぜ起こっているのか」を把握するものです。Microsoft Clarity などの行動分析ツールが得意な分野です。どちらかではなく、どちらも確認するのがオススメ。

これでだいぶ見るべきポイントが絞れました。Clarity は2021年9月（ChatGPTの持っているデータ）以降にもアップデートされているので、それもふまえながら解析を進めてみましょう。

コンバージョンに近いところからの改善は王道なので、まずはひとつめの改善ポイントを深堀りします。なお、ふたつめの「受講者の声や成果事例」に関しては、また次に行います。なぜなら、ひとつめでお腹いっぱいになってしまったから……。

申し込みの現状を、マクロ視点で把握する

早速、マクロ視点とミクロ視点に分けてみていきましょう。

この辺はGAを確認しながらになりますが……率を出すときには分母を何にするのかがキモです。CTAは数箇所にあって把握しきれていないので、まずはコンバージョン率（CVR）から考えます。

コンバージョン率を考える

うちはコーチングの申込フォームを、コーチングの流れのページと一体化させていることと、CVポイントが1つではないため、申し込みフォームのCVRを「コーチングの申込数÷コーチングの流れを見たユーザー数」として考えることにします。GA4のデフォルトで取れるデータを選びました。

結果、3 ÷ 125 ＝ 2.4％（30日間）ってことになります。一般的なCVRよりずっと高いですが、「100人がコーチングの流れに興味を持っても、申し込むのは2名」というのはもっと改善の余地がありますね。こういう、身近に感じられる指標が一番いいと私は思います。10名くらいになってほしいと考えたら、目標CVRは10％ってことです……まずは、3ヶ月で倍の4%を目指そう。

ウェブサイト独自のKPIを考える

そしてもうひとつのクリック率（CTR）については……色々と解釈の余地があるので、サイトの目的に立ち返って、サイトを訪れた方々が、どれだけコーチングに興味を持ってくれているかを判断するものと考え、KPIを「コーチングの流れを見たユーザー数 ÷ 全体のユーザー数」として考えることにします。これもGA4のデフォルトで取れるデータです。

結果、125 ÷ 4,058 ＝ 3.08%（30日間）ってことになります。「サイトに100人来ても、コーチングに興味を持ってくれるのは3人」という状況なので、これは啓蒙活動が足りていないですね……！100人来たなら10人くらいはコーチングに興味を持ってくれてもええやんと考えて、目標KPIを10%にします。

つまり、ここが10％になれば、コーチングの流れを見るユーザーが約400人になるので、もし上記のCVRが2%でも、CV数（月間申込数）は8になるってことです。上記では「CVRは倍の4％を目指したい」とありますが、CVRが倍になればCV数は16件になるので、1週間に3件程度のコーチングをこなせることになります。まだ増やせるかな。

以上が、マクロ視点です。

申し込みしない現状を、ミクロ視点で観察して改善案を出す

次に、ミクロ視点を見ていきましょう。

「うーん、どんなヒートマップを見たらいいのかな？」というのが率直な感想。ChatGPT さんに問い詰めたいところですが、最新のフィルターを知らない可能性も高いので、こちらで想定してみます。

ヒートマップから問題を発見

まずは「100人がコーチングの流れに興味を持っても、申し込むのは2名」という結果で何が起きているのか、「コーチングの流れ」のページのヒートマップを確認することにしましょう。

PCの閲覧が多いので自動的にPCのヒートマップが表示されましたが……うち、モバイルの割合が半分以上なので、「そもそもモバイルでは申し込みしにくい」という、コンテンツが多いページあるあるの問題点が浮上しました。これは早めに改善します（Clarity のヒートマップで、そもそもフォームが表示されないという状況も……）

それはそれとして、ヒートマップを見ていきましょう。クリックヒートマップを見ると、「そこ！？そこクリックしちゃうの！？」という箇所（フォームの右の青いところ）がクリックされていることがわかります。しかもこのページで一番クリックされているとか。予約プラグインで用意されているデザインが仇となっているようなので、他のデザインがないか確認したり、CSSで対応します。まあ大きな問題ではないと思うのですが、フォームの開かない可能性が問題……。

スクロールヒートマップを見ると、7割くらい（モバイルだと4割なので、やはりモバイル環境からの改善が急務……！）がフォーム付近まで来ていることがわかりました。流れを確認した勢いでフォームまで到達するという動きの想定はうまくいっているようですが、背中を押すためのインフォメーションがあると良さそうです。ちょっと構成を変えてみます。

余談ですが、スクロールヒートマップツールは PtEngine を愛用していた時期があり、ページの途中でも赤くなったり青くなったりしていたのですが、Clarity ではそのようなヒートマップを見たことがありません。これは「スクロール」ヒートマップだからしょうがないのかなと半ばあきらめていますが、ページの途中でも見られている箇所がわかるとありがたいですよね。ある程度、クリックや録画でカバーできるのですが。

では次に、セッション録画の分析と参りましょう。

セッション録画の分析と問題発見（Copilot＋ChatGPTフル活用）

セッション録画は視覚的にわかりやすいのですが、分析に時間がかかってしまうのが難点。そこで Copilot と ChatGPT を使って、録画情報をすべて抽出し、テキストにしたものをまとめましょう。とはいえ、100件分析するとかは大変（やろうと思えばできますが……）なので、フィルターで絞り込みます。

今回は「コーチングの流れのページを見て熱量は高いものの、申し込まない背景には何が起こっているのか？」を知るために、以下の条件を設定しました。

これによって、レコーディングデータが12件に絞り込めました。それぞれの録画データの概要を Copilot さんにお任せしたものをテキストエディタにコピペしておき、準備完了です。以下のようなプロンプトの最後に、まとめた12件の内容をペロッと貼り付けます。

ということで、まずは ChatGPT さんから意見が返ってきました。ディスカッションとは。

……ディスカッションとは。こういうときは、素直に聞いてしまいましょう。

忖度なく、痛いところを突いてくるのがクセになりそうです……実際、申込数だけなら値上げ前のほうが多かったのですよね。それぞれに答えてみます …… と、やりとりしていたら変な汗が出てきたのでこの辺にしておきます。興味のある方は ChatGPTとのやりとりを以下に記載しておきますので、ご確認ください。

めちゃくちゃ長いので、パソコン環境だけに表示させています。

要するに、問題点と改善策の提案をジピるより、データをもとにガチでディスカッションをお願いするのがオススメです。やべぇです

以下のプロンプトをコピペし、赤字の部分を変えて使ってみてください。GPT-4 のほうが、たっぷり付き合ってくれると思います。

以下、Microsoft Clarity の行動分析データをまとめたものです。このデータをもとに「（データを見る目的）」を解明すべく、あなたとディスカッションしたいです。
気になったところを意見したり質問を提案したりしてください。忖度は不要なので、本気でやりましょう。

（Copilotの情報をまとめてコピペ）

まとめ：解析→改善のスピードが格段にアガる時代を実感

「どこから解析したらいいのかわからない」という声を散見しますが、ウェブサイトの目的を達成するポイント（コンバージョンポイント）を改善するのが王道です。スーパーで言えば、レジの動線を改善するようなものですね。レジに並んだお客様を帰らせてしまうのはもったいないですから。

「お問い合わせフォームは一応あるけど、目的っていうのもなあ……」と感じる方もいらっしゃると思います。特に危機感を覚えていないなら、ウェブサイト以外のところでビジネスが成り立っている証拠でもありますから、個人的には何かを強制する必要もないと考えています。実店舗なら、SNS や Google ビジネスプロフィール（要するに Google マップ）に力を入れたほうが良い場合もありますし。

私のように、ウェブサイトで事業が完結しやすい業種は、ユーザーの行動を分析することで得られるものはたくさんあります。今回、ChatGPT を用いてデータをディスカッションしたことで、かなり有意義な時間になりました。

あとは、「解析をしたら、何かやった気になってしまう」のが一番もったいないです。具体的に何から手を付けたらよいのか迷ったら、とにかくジピって、やるべきタスクを分解してもらいましょう。1週間後を楽しみにして、改善策を実施しましょう(/･ω･)/

こんな感じの解析事例となる企業を募集中なので、やってみたい方はお気軽にご相談ください(/･ω･)/

はい、ごめんください。クラリティだいすきコスギです。

Microsoft Clarity は行動分析ツールとして、ユーザーの行動を動画で確認できる機能があるのですが、ついに「Copilot（コパイロット：副操縦士）」が有効になりました！

AIが動画のユーザー行動を自動的に分析し、要約してくれるものです。期待感もアガるってもんです。

とはいえ「で、それ本当に使えるの？」と疑う方も多いと思います。そんなわけで、Copilot が実際に動いている画面を交えながらお伝えします。解析よりは Clarity Copilot の紹介です。

2023年4月追記：Clarity を使っているだけで使えるようになったそうです！（2023年4月21日）

Microsoft Clarity の Copilot 機能を有効化しよう

以下、ちょっと情報が古いので確認したい方だけのために残しておきますね。

情報が古くなったので確認したい方向け（2023年4月20日以前の情報）

Clarity を使っているだけでは使えません。必要な条件と手順は以下のとおりです。

• Microsoft Clarity を導入する管理者権限
• Google アナリティクスとの連携
• Copilot 機能への申し込み理由

「Google アナリティクスと連携しなきゃなのかー」と思われたかもしれません。理由は、Google アナリティクスのデータも自然言語で探索できるようになる（予定）からです。Copilotでは以下の3つを実現するそうですが、端的に言ってやべぇです。詳細は記事（英語）を参照してください。

1. Microsoft Clarity のデータをもとに、自然言語で探索できる
2. 録画内容を要約してくれる（2023年4月現在実装されている機能）
3. Google アナリティクスのデータをもとに、自然言語で探索できる

https://clarity.microsoft.com/blog/clarity-copilot/

そんなわけで、上記が準備できていたら、以下の手順を確認してください。

STEP

Clarity をウェブサイトに導入する

今回ご紹介している Copilot 機能は Microsoft Clarity（という行動分析ツール）の機能ですから、Clarity が入っていないと使えません。「Google アナリティクスくらいなら……」という方は、アユダンテさんが解説されている動画（YouTube）が丁寧でわかりやすいのでオススメです。

私は Google タグマネージャーを使って導入していますが、WordPress を使っている方なら無料のプラグインもあります。プラグインの日本語化したいな……。

STEP

プロジェクトの「セットアップ」から Google アナリティクスと連携する

Copilot 機能を有効化するには、Google アナリティクスとの連携が必要です。もし、進めるためのボタンが青くなっていなければ、Clarity の管理者にお願いしましょう。

Google へのログイン認証を進め、連携するサイトを選択して［Save（保存）］します（接続先サイトが多いと大変ですが……）。GA4でも使えるようになっていました。

複数連携はできないので、すでにUAを設定済みの方は、GA4のプロパティに変えておいたほうが良いかもしれません。

これで Google アナリティクスとの連携ができました。

画面が変わらなければ再読み込みしてみてください。Connected（ログイン済）となっていれば完了です。

STEP

プロジェクトの「Copilot」から申し込む

最後に、左側のメニューにある「Copilot」を開きます。

すでに Clarity のタグと Google アナリティクスの設定は済んでいるので、あとは「What are you looking forward to with Copilot?（Copilot で何を楽しみにしていますか？）」を入力して［Submit（送信）］するだけです。日本語で表示するメニューがあるくらいなので、日本語で送信しても問題ないでしょう。

STEP

あとは待つだけ（2週間くらい？）

「we will notify you when Copilot is available for you!（使えるようになったらお知らせします！）」って書いてありますが、メールらしいメールは来ていませんでした（メールが多すぎるので埋もれている可能性もありますが……）

録画データにこんなマークが表示されていたら Copilot が有効になっていますので、ぜひ確認してみてください。

ちなみに、画面を日本語で使いたい場合は、右上の名前→［Manage Account］から開く画面にある「Preferences」の項目で Language を変更できます。時々、日本語がよくわからないところがあるので、私は英語で使っていることが多いです。Copilot による動画要約の出力は英語で行われますが、Language を日本語にしておくと日本語での補足が入るようです。

実際の Copilot はこんな感じで動きます（動画）

まずは録画機能の Copilot 機能について。本腰を入れて解析を始めると長くなってしまうので、まずは動作のご紹介。以下、音無し動画です。7日間の中から滞在時間（Duration）でソートし、長時間アクセスしているセッションの録画を選びました（滞在時間が長めなので4倍速にしています）。

コメントマークをクリックすると Copilot による解説がスラスラと出てきます。私は英語の環境で見ているので、選択 → DeepLで翻訳しながら確認しました。本当は動画を見ながら Copilot の解説を確認するのが良いと思います（解説が出てくることに感動して動画を再生しそこねた）。

Copilot の解説と分析

上記で書かれていたことに対して分析するとこんな感じになります。

このユーザーは、Google検索から同じページを3回訪問し、合計17分36秒をこのページに費やしました。

流入元がわかりますね。Google 検索なら、サーチコンソールでランディングページからクエリを想定できそう。

このページは、自分の才能や強みを特定し、それを伸ばすためのツール「ストレングスファインダー」を使用する際の7つのマイルストーンについて書かれています。

ランディングページを把握できました。まあ入口URLがまさにそれなので、間違ってはいないことがわかります。サーチコンソールで調べてみても「活用方法を知りたい」という意図がありそうですね。

ユーザーはページ冒頭の箇条書きを何度もクリックしており、内容への興味や好奇心を示していると思われます。

ページ冒頭の箇条書きっていうと、おそらく目次のことではないかと思ったので、このセッションに限ったクリックヒートマップを確認してみましょう。こんなこともできちゃう Clarity は、控えめに言ってヤベェですよね……はい、目次っぽいです。活用を目的にしているユーザーなので、目次の「活かす」が目についたようです。

また、ページ内の空白部分を何度かクリックしているが、これはデッドクリックや偶然のクリックの可能性がある。

実は Clarity の録画機能は、ただ動画を確認するだけでなく、イベント（ユーザーの起こす小さなアクション）ごとにチェックすることができます。データの「More details」から進むと、セッションの詳細を確認できるスグレモノ。控えめに言ってヤベェです（再）……はい、クリック箇所を確認できました。どうやらユーザーの立場からの言葉が刺さったと考えてもよさそう。過去の私の言葉でもあるので、ここで内省を促せたのはとても嬉しいです。

ユーザーはページを下にスクロールしたり、リンク、画像、ボタンなど他の要素に触れたりしませんでした。

「えっ、そうなの？」と思いながら、上記同様にイベントごとに確認してみると、たしかにページ内で止まっているのがわかります。じっくり読んでくれているか、読みながら考えているか、画面を開いたままスマホをいじっているか、などが考えられます。読み進めているならスクロールするはずなので、興味を失ったと考えたほうが現実的でしょう。

ユーザーは2回ページを離れ、数秒後に戻り、おそらく別のタブやウィンドウに切り替えている。

ページを離れているのは、接続が悪くなったか別の作業を並行しているかなので、これは検索画面のタブに切り替えているか、そこで表示した別のページを見ている想定ができますね。

ユーザーは、ウェブサイトの他のページにアクセスしたり、他のアクションを実行したりしませんでした。

ということで、「ストレングスファインダーの活用方法を期待してページを開いたけど、具体的にどうしたらいいのかの内容が載ってなかったので、つまんなくなって去った」という一連の流れが考えられます。

適当に選んだページでしたが、予想以上に得られるものが大きかったですね。このページ、実は有資格者向けを想定していたのもあって、ちょっと難しい内容にしていたのですが「活用」で流入するなら、もっと簡単な記事を作って回遊させた方が良さそうです。ちょっと気になる部分を見直したので、また1週間後くらいに「比較」で動きを確認してみます。

まとめ：Copilot は始まったばかり……！

録画の要約だけでも、得るものが大きいことは、なんとなく把握できたのではないかと思います。本当は事業の目的や課題からページを絞り込んで解析するほうが王道なので、次回は（もうちょっとウェブ解析士マスターらしい）解析メインの記事を考えます。

何より、Copilot の機能はあと2つ残っていて、Clarity のデータから自然言語で相談できる機能と、連携した Google アナリティクスの（取り込んだ？）データから自然言語で相談できる機能を提供予定らしいので、そちらも楽しみですね。

そしてやっぱり解析ツールなので、大切なのは以下。

事例となる企業を募集中なので、一緒に改善してみたい方はお気軽にご相談ください(/･ω･)/