WordPressのヒートマップを知りたいときに使えるサービスのひとつに、Microsoft Clarityがあります。使ってみてやめることもできます。インストール方法をまとめてみます。
Microsoft Clarityとは
Microsoft Clarityは、ウェブサイトのユーザー行動を分析するための無料ツールです。以下の主な機能があります。
ヒートマップ機能
ユーザーがどこをクリックしたか分かります。また、スクロールをどこまでしたかや移動の様子が分かります。コピーするのにダブルクリックしたとか、細かな挙動を知ることができます。
セッションレコーディング
実際のユーザーセッションを動画で再生できます。ユーザーがどのようにページをナビゲートしているかを確認することで、サイト改善に役立ちます。
インサイトとフィルター
特定の行動や属性に基づいてデータをフィルターし、分析を行うことができます。例えば、特定のページの閲覧の様子について知ることができます。
その他
エラーとバグの検出ができます。JavaScriptエラーやデッドリンクなど、遅延など、ユーザー体験に影響を与える問題を検出します。
また、Googleアナリティクスや他の一般的なウェブ分析ツールと簡単に連携できます。上記の様子とその他の機能を統合して分析できます。
利用方法
ログインとトラッキング対象の選定
まずは、Microsoft Clarityのトラッキングコードを設置します。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity1-600x370.jpg)
こちらから同じ画面に入れます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://clarity.microsoft.com/static/Facebook_og_image.png)
「使い始める」をクリックしましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity2-600x484.jpg)
サインアップを求められます。どれか好きなものを選んで進んでください。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity3-600x484.jpg)
今回はMicrosoft IDで行っています。
メール確認画面が来ますので、Continueで進みましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity4-600x336.jpg)
次に、ウェブサイト名とそのURLを入力します。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity5-600x333.png)
今回はWordPressに入れるので、「View all platform」で進みましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity6-scaled.jpg)
次の画面にWordPressを選ぶところがあります。
WordPressを選んで進みます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity7-600x370.jpg)
トラッキングコードの設置
次にトラッキングコードを設置します。
プラグインの追加画面に行きましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity8.png)
検索で「Microsoft Clarity」と入れます。
インストールしたらアクティブ(有効)にしておきます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity14-600x338.png)
Microsoft Clarityの設定からサインインをしましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity10.jpg)
サインインをしたら、先程作成したプロジェクトを選びます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity15-600x338.png)
これで完了です。
WordPressではこのようになります。データ蓄積まで時間がかかります。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity16-600x338.png)
録画例
ヒートマップも見れますが、挙動を知ることもできます。
先ほど作成した画面で、「Clarityの詳細を見る」をクリックしましょう。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity16-600x338.png)
こちらでヒートマップを見ることができます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity17-600x338.png)
また、使い方を知ることもできます。
![WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方 こじま税理士のビジテクブログ | WordPressサイトの解析力アップ!Microsoft Clarityヒートマップの使い方](https://www.ak-up.com/wp-content/uploads/2024/05/Microsoft-Clarity2.gif)
要らなくなったらアンインストールももちろんできます。
マーケティング分析などで必要なときに検討してみてください。
【編集後記】
YouTubeの撮影。撮影自体はそれほど時間がかからないですね。その前後はもう少し短くするべく取り組んでいます。
【運動記録】
ストレッチ○
【子育て日記(息子7歳0ヶ月、息子3歳6ヶ月)】
上の子が漢検のやり直し中です。やり直しはなんとなく気が乗らないものですね。気持ちがよく分かるので、ちょっとずつ日や時間を小分けにして取り組んでみています。