GA4とMicrosoft Clarityの違いを比較｜数字で見るか、お客さまの動きで見るか。無料の分析ツールの使い分け

GA4とClarityは、そもそも何が違うのか

GA4（Googleアナリティクス4）は、ホームページに来た人の数や行動を、数字で集計する道具です。何人が来たか、検索・SNS・広告のどこから来たか、どのページがよく見られたか、問い合わせや予約が何件あったか、といったことを、グラフや表で確かめられます。

Microsoft Clarityは、ホームページを訪れた人が、ページの上でどう動いたかを、目で見て確かめられる道具です。公式サイトでは、セッションのレコーディング（実際の操作の録画）、ヒートマップ（クリックやスクロール、離脱が起きた場所の色分け）、AIによる要約などが紹介されていて、無期限で無料で使えると案内されています。

わかることの比較

◎はとくに得意、○はわかる、△は設定や工夫が必要、という目安です。

それぞれが役に立つ場面

GA4が役に立つ場面

• ホームページ全体の勢いを知りたい：月ごとの訪問の数の変化を見る。
• 集客の手段のうち、効いているものを知りたい：検索、SNS、Googleマップ、広告のどこから来た人が多いかを見る。
• ホームページが仕事につながっているかを知りたい：問い合わせや予約の数を、申し込みとして計測する。
• 広告の効果を測りたい：広告から来た人のうち、何人が申し込んだかを見る。

GA4の始め方はGA4でホームページのアクセス解析を始めるで説明しています。

Clarityが役に立つ場面

• ページを見ているのに、問い合わせが来ない理由を知りたい：操作の録画で、どこで迷って帰っているかを見る。
• 大切な情報が読まれているかを知りたい：スクロールのヒートマップで、料金やよくある質問のところまで読まれているかを見る。
• ボタンが押されているかを知りたい：クリックのヒートマップで、押してほしいボタンが押されているかを見る。
• 押せないところが押されていないかを知りたい：リンクではない写真や文字が、何度もクリックされていないかを見る。

ヒートマップの見方の例

Clarityのヒートマップは、ページの上に色を重ねて、お客さまの動きを見せてくれます。よくある見え方と、そこから考えられることの例を紹介します。

スクロールのヒートマップ：料金のところで色が薄くなる

ページの上から下へ、どこまで読まれたかを色で表します。料金の説明のあたりで急に色が薄くなっているなら、多くの人がそこで読むのをやめていることがわかります。料金の書き方がわかりにくい、料金の前の説明が長すぎる、といった理由が考えられます。料金の前に「料金に含まれるもの」を短くまとめる、よくある質問を近くに置く、といった直し方が考えられます。

クリックのヒートマップ：押せない写真がよく押されている

リンクのついていない写真や文字が、何度もクリックされていることがあります。お客さまが「もっと詳しく見たい」と思って押している合図です。写真に詳しいページへのリンクを付けたり、拡大して見られるようにしたりすると、お客さまの期待に応えられます。

クリックのヒートマップ：問い合わせのボタンがほとんど押されていない

押してほしいボタンが、ほとんど押されていないなら、ボタンが目立っていない、ボタンの言葉が具体的でない、ボタンの位置が読み終わった場所にない、といった理由が考えられます。ボタンの色や言葉を変える、ページの途中や最後にもボタンを置く、といった直し方を試してみましょう。

3つのケースで考える

ケース1：料金のページは見られているのに、問い合わせが少ない工務店

GA4で、料金のページがよく見られていることはわかった。でも、問い合わせはあまり増えない。

Clarityで料金のページの動きを見ると、料金の表のあたりで読むのをやめている人が多いことがわかりました。表の前に「建物の大きさや仕様で変わる理由」を短く説明し、表のすぐ下に「無料で見積もりを相談する」のボタンを置くと、問い合わせが増えるきっかけになります。

ケース2：スマホからの予約が少ないサロン

GA4で、見に来る人の8割がスマホからだとわかった。でも、スマホからの予約が少ない。

Clarityの操作の録画で、スマホの画面を見ると、予約のボタンが画面のいちばん下にあり、スクロールしないと見つからないことがわかりました。スマホの画面の下に予約のボタンを固定すると、予約がしやすくなります。

ケース3：ブログはよく読まれているのに、ほかのページに進まない士業の事務所

GA4で、コラムの記事がよく読まれていることはわかった。でも、事務所の案内や相談のページには、あまり進んでいない。

Clarityで記事のページを見ると、記事を読み終えたあと、多くの人がそのまま帰っていることがわかりました。記事の最後に「この悩みは、無料相談でお聞きしています」と、相談のページへの案内を入れると、記事から相談につながりやすくなります。

組み合わせて使うと効果的

GA4とClarityは、どちらか一方を選ぶものではなく、組み合わせて使うと効果的です。たとえば、次のような流れで使えます。

GA4で「どのページに問題がありそうか」を見つけ、Clarityで「なぜそうなっているのか」を確かめ、直したあとに、またGA4で結果を確かめる。この流れを繰り返すと、ホームページは少しずつ、問い合わせにつながる形に育っていきます。

操作の録画を見るときの注意

Clarityの録画は、お客さまの迷いが目に見えるので、とても参考になります。ただ、見方を間違えると、思い込みで直してしまうこともあります。

1人の動きで決めつけない

1つの録画で「このボタンがわかりにくい」と感じても、それはたまたまその人だけの動きかもしれません。同じページの録画を10本くらい見て、同じところで迷う人が何人もいるかを確かめてから直すと、外れが少なくなります。

見る録画をしぼる

録画はたくさんたまるので、全部を見るのは大変です。「スマホからの訪問だけ」「料金のページを見た人だけ」「すぐに帰った人だけ」のように条件をしぼって見ると、短い時間で直すところが見つかります。

自分や身内のアクセスを混ぜない

ホームページを作った本人やスタッフが何度もページを開くと、その動きも録画やヒートマップに入ります。とくにお客さまの少ない小さなホームページでは、自分の動きが数字を大きく変えてしまいます。確認のときは別のブラウザを使う、などの工夫をしておくと安心です。

よくある勘違い

「ヒートマップがあればGA4はいらない」

ヒートマップは、1つのページの中の動きを見るのが得意です。でも、どこから来た人が多いのか、どのページからお問い合わせにつながったのか、先月と比べて増えたのか、といった全体の流れはGA4のほうが向いています。片方だけでは見えないことがあるので、両方あると安心です。

「数字が少ないから、見ても意味がない」

アクセスがまだ少ないうちは、GA4の数字は大きく動きません。でも、Clarityの録画は、少ない訪問でも1人ひとりの動きが見えるので、早い段階から直すヒントになります。小さなホームページこそ、録画で「人の動き」を見る価値があります。

「入れておけば、勝手に良くなる」

分析の道具は、見て、考えて、直してはじめて役に立ちます。月に1回、30分だけでも時間を決めて、数字と録画を見る習慣をつけると、少しずつホームページが良くなっていきます。

月に1回、30分の見直しの手順

道具を入れたあと、何を見ればいいか迷わないように、月に1回の見直しの手順の例を紹介します。

1. GA4で、先月と比べて訪問の数とお問い合わせの数がどう変わったかを見る（5分）
2. GA4で、よく見られているページの上位5つを確かめる（5分）
3. Clarityで、その中のいちばん大事なページ（料金やお問い合わせの前のページ）のスクロールのヒートマップを見る（5分）
4. Clarityで、そのページの録画をスマホからの訪問にしぼって5本ほど見る（10分）
5. 気づいたことを1つだけ選んで、直すことを決める（5分）

直すことは、1回に1つだけにするのがコツです。見直しの日をカレンダーに入れておくと、忙しい月でも忘れずに続けられます。気づいたことと直したことを簡単なメモに残しておくと、半年後に振り返るときにも役に立ちます。いくつも同時に変えると、どの変更が効いたのかがわからなくなります。次の月に、直したページの数字と動きがどう変わったかを見れば、少しずつ良くなっていきます。

設定の手間

どちらの道具も、ホームページに計測用のコード（タグ）を入れて使います。

• ホームページ作成サービス：STUDIOのように、Googleアナリティクスとの連携が案内されているサービスなら、設定画面から入れられます。ペライチのように、レギュラー以上でHTMLの埋め込みが使えるサービスなら、コードを貼り付けて入れられます。
• WordPress：テーマの設定や、プラグインを使って入れられます。
• Googleタグマネージャー：複数の計測のタグをまとめて管理したい場合は、Googleタグマネージャーを使う方法もあります。

ホームページ作成サービスで、どの計測のタグを入れられるかは、アクセス解析の比較でまとめています。

個人情報と、プライバシーポリシー

分析の道具は、ホームページを訪れた人の行動の情報を集めます。Clarityの操作の録画も、訪れた人の画面の動きを記録するものです。Clarityは、公式サイトで、GDPRとCCPA（海外の個人情報の決まり）に対応していると案内されています。

日本でも、分析の道具を使う場合は、ホームページのプライバシーポリシーに、アクセスの情報を集めていること、使っている道具、その目的を書いておきましょう。また、フォームに入力された内容など、個人の情報が録画に写り込まないよう、道具の設定（入力欄を隠す設定など）を確かめておくと安心です。プライバシーポリシーの書き方はプライバシーポリシーの作り方で説明しています。

小さな会社やお店での使い分け

数字を見て直すところまで任せたいときは

GA4やClarityを入れても、数字や録画を見て、ホームページを直していく時間がとれない、という人も多いでしょう。ホームページの制作と、公開後の改善までまとめて任せたい場合は、制作から管理まで頼めるサービスもあります。CRAFT WEBは、月額3,000円（税別）で、オリジナルのデザインのホームページを作り、SEOの初期設定と毎月の流入のレポートまで含めて任せられるサービスです。

まとめ

GA4とMicrosoft Clarityは、どちらも無料で使える分析の道具ですが、得意なことが違います。GA4は「何人が、どこから来て、何人が申し込んだか」を数字で見る道具、Clarityは「ページのどこを見て、どこで迷って、どこで帰ったか」を、ヒートマップや操作の録画で見る道具です。

まずはGA4（またはホームページ作成サービスの内蔵の分析）で全体の数字を見て、気になるページが見つかったら、Clarityで動きを確かめる。直したら、またGA4で結果を見る。この流れを繰り返すことで、ホームページは問い合わせにつながる形に育っていきます。