無料の最強ヒートマップツール”Clarity”がおすすめ! -設定方法紹介-

副業・ブログ

無料の最強ヒートマップツール”Clarity”がおすすめ! -設定方法紹介-

こんにちは!まったりです。

ブログで収益を上げるためには重要になる「ユーザーがページのどこを見ているか」という情報を教えてくれるヒートマップツール。

ブログを運営している人の中には

ヒートマップツールを使ってみたいけどインストール方法がわからない…。何がおすすめなんだろう?

と悩んでいる方がいると思います。

本記事ではそのような悩みを解決するために

「無料のヒートマップツール “Clarity”」

について紹介します。

本記事で学べること
  • Microsoft Clarity の設定方法
  • Microsoft Clarity にサイトを登録する方法
記事の執筆者

理系大学院生ブロガー

まったりさんブログ運営中

情報・ネットワーク関係の研究中

▼ブログ初心者をサポートする記事を投稿しています▼

スポンサーリンク

1. microsoft Clarity の登録方法

「Microsoft Clarity」のインストールの手順を説明します。

▼インストールはこちらから▼

公式ページの左下にある「Get Started」を選択します。

Clarity 公式サイト画像

「Get started」を選択するとサインアップするアカウントを選択する画面が表示されます。

まったり
まったり

サインアップするアカウントはどれでも大丈夫です。

自身の持っているアカウントの種類を選択してサインアップしてください。

ログイン選択画面

サインアップが完了すると「My profects」の画面に移ります。

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

Clarityのマイページ画面

次の項目では自身のサイト(ブログ)を”Clarity”に登録する方法を説明します。

スポンサーリンク

2. Microsoft Clarity にサイトを登録する方法

ここからは”Clarity”に自身のサイトを登録する方法を解説します。

画面左上にある「ADD NEW PROJECT」を選択します。

Clarityのマイページ画面

「ADD NEW PROJECT」を選択すると「New project」という画面が表示されます。

入力する内容は以下の通りです。

Nameなんでも可 (ブログ名を入れるのがおすすめ)
WebsiteブログのURL (本ブログの場合は「https://mattarisan.com/」)
Site categoryBlog を選択
ADD NEW PROJECT 選択後の画面

入力が完了したら「Create」を選択してください。

画像にある「Clarity tracking code」をコピーします。

まったり
まったり

左下の「Copy to clipboard」でコピーできます。

Setup画面

コピーしたものはブログの「<head>」部分にペーストします。

ブログテーマに「Cocoon」を使用している場合は

「Cocoon設定」→「アクセス解析・認証」から「ヘッド用コード」にペーストしてください。

Cocoon設定画面
まったり
まったり

ペーストしたら必ず「変更をまとめて保存」を押すのを忘れないようにしてください。

「tracking code」を貼り付けた後は「Google Analytics integration」「Get started」を選択します。

Setup画面

するとサインインするGoogle アカウントを選択する画面になります。

まったり
まったり

選択するGoogleアカウントは「Google Analytics」に登録してあるアカウントにしてください。

Google アカウント選択画面

その後、権限を許可する項目が出てきますが「許可」を選択して進んでください。

許可後はもとの「Set up画面」に戻ります。

すると「Google Analytics integration」「Get started」「Connect to Your Site」に変わるのでこれを選択します。

Setup画面

ここでは自身のブログのURLを登録します。

「Site to connect」の部分にURLを入力して「Save」を選択します。

URL 登録画面

これで設定は完了です。

まったり
まったり

設定が反映されるまで少し時間がかかるので、2時間ほど経過したら再度確認してみてください。

スポンサーリンク

3. 最後に

いかがでしたでしょうか。

今回は

無料ヒートマップツール”Microsoft Clarity”の設定方法について解説しました。

“Clarity”はユーザーがページのどこを重点的にみているかなど様々な情報を得ることができる素晴らしいツールです。

無料で簡単に設定できるので是非使ってみてください!

まったり
まったり

最後までご覧いただきありがとうございました!

にほんブログ村 にほんブログ村へ
にほんブログ村

コメント

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