10月26日と28日は、GoogleアナリティクスとCocoonのつなぎ方、GA4で最初に見るレポートを調べました。じつはこのブログ、サーチコンソールで見ると「cocoon アクセス解析」という言葉で検索結果に出ていて、アクセス解析の記事にいちばん表示が集まっているんです。
ただ、GA4でわかるのは「何人来たか」「どのページが見られたか」まで。私が本当に知りたいのは「記事のどこで読むのをやめちゃったのか」なんですよね。
そこで今回は、無料のヒートマップツール「Microsoft Clarity（クラリティ）」を、AI（Claude）に公式のヘルプで調べてもらいました。まだ入れていません。入れる前の下調べの回です。
GA4だけだと、どこで離れたかがわからない！？
前回までで、GA4の測定IDをCocoonに入れる流れは調べました。でも、測定IDを本当に入れたかどうかは、まだ確かめていません。この順番は大事なので、最後にもう一度書きます。
GA4は「数」を見る道具。ヒートマップは、どこがクリックされたか・どこまでスクロールされたかを色で見せてくれる道具です。役割がちがうので、両方あると記事の直し方が考えやすくなりそうです。
Microsoft Clarityって何ができるの？？
公式のよくある質問によると、Clarityは訪問者の動きを分析する無料のツールで、主な機能はこの3つでした。
| 機能（画面の名前） | わかること |
|---|---|
| セッション録画（Recordings） | 訪問者がページをどう動いたかを、あとから再生して見られる |
| ヒートマップ（Heatmaps） | クリックとスクロールの動き。PC・タブレット・スマホ別に自動で作られる |
| インサイト（ML Insights） | レイジクリック（同じあたりを何度もクリック＝イライラのサイン）、デッドクリック（押したのに何も起きない）など |
「サイトが重くなるのでは？」と心配でしたが、公式には「ヒートマップはClarityがすでに集めているデータを使うので重くならない」と書かれていました。
スクロールのヒートマップなら「この見出しのあたりでみんな帰っちゃう」が色でわかるかも！直す場所を探すのにぴったりだね。
料金はずっと無料！ただし録画は30日で見られなくなる
公式のよくある質問には、はっきり「ずっと無料」とありました。アクセスの量に上限はなく、有料版への切り替えを求められることもないそうです。1つのアカウントで登録できるサイトの数にも上限はありません。
気をつけたいのは、録画を見られるのは記録してから30日間ということ（お気に入りにした録画などは最大9か月）。ヒートマップは最大9か月見られるそうですが、録画はあとでまとめて見ようと思っていると、消えてしまいます。
また、公式の設定ページには「18歳未満を対象にしたサイトやアプリでは使わないこと」とありました。このブログは大人の独立・副業の記録なので、当てはまらないと考えています。
WordPress・Cocoonへの入れ方は2通りありそう
その1：WordPressのプラグイン「Microsoft Clarity」を使う
- 管理画面の「プラグイン」→「新規追加」で「Microsoft Clarity」を検索する
- インストールして有効化する
- メニューからClarityのプラグインを開いて、サインイン（Sign in）する
- 作ってあるプロジェクトを選んで続ける（Continue）か、新しいプロジェクト（New project）を作る
このプラグインの提供元の表記は、公式ページの上では確かめきれませんでした。入れる前に、プラグインの画面で作者名を見ておきます。
その2：トラッキングコードをCocoonの「ヘッド用コード」に貼る
Clarityの公式手順では、プロジェクトの「Settings」→「Setup」で「Get tracking code」を選び、出てきたコードをサイトの<head>に貼ります。コードはサイトごとに別のものが発行されます。
Cocoonでは、Cocoon公式の解説（AdSenseの認証コードの記事）に「Cocoon設定」→「アクセス解析・認証」タブの「ヘッド用コード」に貼るのがいちばん楽、と書かれていました。Clarityのコードも、ここに貼れば入れられそうです。
Clarity専用の入力欄があるかは、公式のマニュアルでは確かめきれなかったよ。「専用の欄があるはず」と決めつけずに、実際の設定画面で見てみよう。
入れたあとの確かめ方と、GA4とのつなぎ方
公式によると、コードを入れるとすぐにデータを見はじめられます。入ったかどうかの確かめ方は2つありました。
- Clarityの「Recordings」や「Dashboard」にデータが出ているか（今見ている人の数も出る）
- ブラウザの開発者ツールで、Clarityへの通信（POSTリクエスト）が出ているか
GA4とつなぐのは、プロジェクトの「Settings」→「Setup」にある「Google Analytics integration」の「Get Started」から。1つのClarityプロジェクトにつなげられるGAのウェブプロパティは1つだけです。
ただしGAのセグメント（条件で分けた訪問者のグループ）が使えるのは「Recordings」タブだけで、ダッシュボードやヒートマップでは使えないそうです。
プライバシーの注意と、自分のアクセスの外し方
録画と聞くと、入力した文字まで見えるのか気になりますよね。公式の説明では、マスク（隠す）の初期設定は「Balanced」で、数字やメールアドレスのような機微な内容は隠され、Clarityには送られないそうです。
| マスクの設定 | 隠すもの |
|---|---|
| Strict | すべて隠す |
| Balanced（初期設定） | 機微な内容だけ隠す |
| Relaxed | 隠さない（ただし入力欄とプルダウンは隠したまま） |
さらに公式のよくある質問では、ClarityのCookieについて訪問者に知らせる必要があると答えていました。EEA（ヨーロッパ経済領域）・英国・スイスからの訪問では、Cookieを置く前にはっきりした同意が必要だそうです。入れるならプライバシーポリシーへの書き足しも考えますが、具体的にどんな文を書けばいいかは公式で確かめきれていません。
自分のアクセスは「Settings」→「IP blocking」→「Block IP address」で外せます（管理者の権限が必要・反映まで約15分）。ただしIPv4だけの対応で、IPv6や変わるIPアドレスには使えません。スマホは固定のIPがないので向かないそうです。
家の回線のIPが固定かどうかは、まだわからないんだ。外せないと、自分の確認の動きも録画に混ざっちゃう。データを見るときは頭に入れておこうね。
今回わかったことと、次にやること
- Clarityはずっと無料。ただし録画は記録から30日（ヒートマップは最大9か月）
- 入れ方はプラグイン「Microsoft Clarity」か、コードを<head>に貼る方法（Cocoonなら「ヘッド用コード」）
- Cocoonに専用の欄があるか、プラグインの提供元は、まだ確かめていない
そして入れる順番は、こう決めました。
- まず、CocoonにGA4の測定IDが入っているかを確かめる（入っていなければ入れる）
- Cocoonの「アクセス解析・認証」の画面で、Clarity専用の欄があるかを見る
- プラグインかヘッド用コードのどちらか1つでClarityを入れ、Recordingsにデータが出るか確かめる
- プライバシーポリシーにClarityとCookieのことを書き足す
GA4もまだ確かめていないのに次の道具に飛びつくと、どちらも中途半端になりそうなので…まずはGA4から。Clarityを入れたら、どの見出しで読むのをやめられているのか、実際の画面で記録しますね！
前回の記録：アナリティクスを入れたら、どこを見ればいいの！？GA4の最初に見るレポートとサーチコンソールとの違いを公式で調べてみた！
コメント