grayishスキン適用中

Cocoonでヒートマップ分析ツールのClarityを利用する方法

アクセス解析
この記事は約4分で読めます。

無料で使えるWEBサイトヒートマップ分析ツールの「Clarity(クラリティー)」を利用する方法を説明します。

CocoonにClarity設定を行うことで、以下のような「クリック分析」を行ないコンバージョン分析をしたり

Cocoonサイトのクリック分析

「スクロール分析」で何処までサイトを閲覧されているかなどを見たり、

Cocoonサイトのスクロール分析

「エリア分析」でエリアごとの利用状況を見たりできるようになります。

Cocoonサイトのエリア分析

もちろんそれぞれの分析方法は、タブレットやスマホにも対応しています。

Clarityのタブレット分析

以下では、Clarityの設定方法を順を追って説明します。

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

Clarityに登録

まずはClarityに登録します。

Microsoft Clarity - Free Heatmaps & Session Recordings
Clarity is a free user behavior analytics tool that helps you understand how users are interacting w...

「Sign up」ボタンを押してください。

Clarityのトップページからはいサインアップ

すると以下のようなダイアログが表示されるので、MicrosoftかFacebook、もしくはGoogleのアカウントでサインアップしてください。

Microsoft、Facebook、Googleアカウントでサインアップ

メールアドレスの確認画面が表示されるので、問題なければ次に進みます。

Clarityでメールアドレスの確認

プロジェクトの作成

次にプロジェクトの入力です。サイト名とURLを入力しプロジェクトを作成してください。

Clarityでプロジェクトの入力

以下のような画面が表示されたらプロジェクトが作成されました。

Clarityでプロジェクト作成完了

すでに他のプロジェクトがある場合

すでにClarityを利用中で、別のプロジェクトを作成している場合は、「My Projects」から「New Product」を押してください。

Clarityですでに既存のプロジェクトがある場合

プロジェクトIDの取得

「Install manually」項目から「Get tracking code」ボタンを押してください。

Clarityでプロジェクト作成完了

すると以下のようなトラッキングコードが表示されるので、以下の画像中のテキスト選択部分にあたる「プロジェクトID」をコピーしてください。

Clarityでプロジェクトコードを取得

CocoonでClarityの設定

Cocoon側でClarityの設定を行うには、ダッシュボードから「Cocoon設定」を選択し「アクセス解析・認証」タグを選択してください。

「Clarity設定」項目の「プロジェクトID」に先程コピーしたプロジェクトIDを入力し設定を保存してください。

CocoonのClarity設定項目

これでClarityの設定は完了です。

動作確認

ClarityのWEB分析ツールを利用するには、しばらくアクセスデータがたまる必要があります。

最低でも1日、できれば1週間以上データをためるとより分析精度が上がるかと思います。

分析ツールを利用するには、まずはClarityを開きます。

Microsoft Clarity - Free Heatmaps & Session Recordings
Clarity is a free user behavior analytics tool that helps you understand how users are interacting w...

トップページの「My Projects」を選択します。

Clarityトップページからプロジェクトを選択

すると以下のようにプロジェクト一覧が表示されるので、分析対象のプロジェクトを選択します。

Clarityのプロジェクト一覧

すると以下のようなダッシュボード画面が表示されます。ダッシュボード画面ではWEB分析の概要をまとめて見ることができます。

Clarityのダッシュボード画面

 

「Heatmaps」メニューを選択すると、以下のようにヒートマップ対象ページの一覧が表示されるので、対象ページを選択します。

ヒートマップ分析一覧

クリック分析でページ上のどの部分がどの順番でクリックされているかなどを分析したり、

Cocoonトップページのクリック分析

スクロール分析でページのどの部分まで読まれているかなどを確認したり、

Cocoonトップページのどの部分まで読まれているか

エリア分析では、エリアごとの利用状況を確認することもできます

Cocoonトップページをエリア分析

また、「Recordings」では、ユーザーの動作を個別に動画で確認することができます。

Cocoonサイト上での動作動画

サイト上で訪問者がどのような動きをしているか、といったところでイライラしているかなどもとらえることができるので、サイト構造の改善などに有用かと思います。

このClarity、結果を見ているだけでも、かなり楽しめるかと思います。

もっと便利に

Chrome拡張の「Microsoft Clarity Live」を利用すれば、通常のブラウジング中にヒートマップを見たくなった際など手軽に表示させることができます。

アクセス解析

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

\WordPressの情報を発信中!/

わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする

高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】稼働率99.99%以上の高い安定性で、業界トップクラスの高コストパフォーマンスを誇る高品質レンタルサーバーです。

まずは無料お試し10日間。

サービス運営期間:20年

Cocoon
タイトルとURLをコピーしました