【はてなブログ】Microsoft Clarityの設置方法(ヒートマップ)
はてなブログにMicrosoft Clarityというヒートマップを導入する方法を解説します。
Microsoftが提供している機能です
いまは無料で入れることができるので、入れるだけいれておきましょう。
そのうち有料になってもおかしくない機能です。
目次
はてなブログにMicrosoft Clarityを設置する方法
Microsoft Clarity側の設定
まずは、Microsoft Clarityにアクセスをします。
Microsoftのアカウントがない場合には、アカウントを作成する必要があります。
サインアップをクリックします。
Googleのアカウントでもサインイン(登録)できます。
新しいプロジェクトをクリックして、あなたのはてなブログのブログ名とURLを入力します。
(例:ブログサポート60 https://blog-support.jp/ など)
↓手動でインストールするの「追跡コードをを取得する」をクリックします。
「クリップボードにコピー」をクリック
ここまででMicrosoft Clarity側の作業は完了です。
はてなブログ側の設定
はてなブログの管理画面の「設定」の「詳細設定」をクリック
<head>要素にメタデータを追加 にMicrosoft Clarityの「クリップボードにコピー」したものを貼り付けます。
最後は、必ずはてなブログの一番したにある「変更する」ボタンを押して保存をしてください。
これで完了です。
Microsoft Clarityではてなブログを解析する方法
まずはヒートマップでいいでしょう。
「ヒートマップ」をクリックして、解析したいURLの「ヒートマップを表示」をクリックします
【1】クリック(タップ)されている箇所を特定する
モバイルでアクセスが多いので、「モバイル」→「タップ」を押します。
そうすると、記事のどこがクリックされているかわかります。
間違いでクリックされている部分は修正をしたほうがいいでしょう。
思わぬところのリンクで離脱されているのであれば、そのリンクは削除したほうがいいです。
よくタップされている部分は、リンクと間違えてクリックしている可能性があるので、必要であればリンクを挿入したほうがいいでしょう。
【2】どこで離脱されているかを見る
スクロールをクリックすると、どこで離脱されているかのヒートマップを見ることができます。
離脱が多い部分で、なにか目を引き付ける内容にしたり、読ませる工夫や、次の行動を起こしてもらうリンクを挿入するのがいいでしょう。
離脱が多い部分にGoogleアドセンスの広告を挿入しておくと、広告収入が増えます。
【3】レコーディングでユーザーがどのような動きをしているかを見る
レコーディングとは、実際に読者がどのようにスクロールして読んでいるのかなどを記録したものが見れる機能です。
Microsoft Clarityのレコーディングをクリックして見ることができます
フィルターのボタンなどで、任意の記事のレコーディングを探すこともできます。
どこに興味を持ってもらっているのか、どこは興味を持ってもらっていないのかを把握するのに役に立ちます。
よく読まれている部分は滞在時間が伸びるので、その部分は冒頭のほうにもってきたほうが、離脱率が減ります。
このように仮説を立てて、修正していくようにしましょう。
はてなブログでMicrosoft Clarityを活かす方法
成果がでている記事から優先的にMicrosoft Clarityで解析するようにしましょう。
このように記事を特定しないと、解析には時間がかかるので、いくらい時間があっても足りません。
アフィリエイトの成果がでている記事などを解析して、もっと収益を伸ばすなどの活用方法です。
つまりは、一番大事な記事からMicrosoft Clarityで解析しましょうということです。
※ある程度アクセスがある記事でないと、解析してもあまり意味がありません。余計に記事を悪化させてしまう可能性があるので注意してください。
Microsoft Clarityをはてなブログで使ってみた感想
いままでは、はてなブログにはUser Heatを導入していました。
そのくらいしか情報がなかったからです。
しかし、無料で使える範囲だと、アクセス数が上限になると解析ができなかったりしました。
Microsoft Clarityであれば、アクセスに上限がありません。
ワードプレスでは有料の「Aurora Heatmap」や「Mouseflow(マウスフロー)」を導入していました。
月額3,000円程度と安いですが、はてなブログには導入が難しかったです。
結局、有料のヒートマップは解約して、Microsoft Clarityを導入しています。


最新記事 by 石黒敬太 (全て見る)
- 【はてなブログ】Microsoft Clarityの設置方法(ヒートマップ) - 2023年1月29日
- YouTubeでAmazonのアフィリエイト広告を貼る(もしもアフィリエイト) - 2021年12月30日
- 日記が毎日200アクセスの記事に! - 2021年11月19日