WordPressで無料ヒートマップ解析！Microsoft Clarityの設定ガイド

ヒートマップ解析はウェブサイトのコンバージョン率向上に欠かせないツールのひとつですよね。
ただ、ヒートマップ解析を行うためのツール「ヒートマップツール」は有料無料問わず、国内外でさまざまな企業から出ていたりプラグインも多数存在しています。

Microsoft 社が提供している無料のヒートマップツール Clarity （クラリティ）もその一つです。

今回は、Clarityの概要や機能の特徴を紹介しながら、設定方法を解説してきますね！

Microsoft Clarity（クラリティ）とは

Microsoft 社が提供する無料のヒートマップツール

Clarityを私自身は最近まで知らなかったのですが、Microsoft 社が2018年に提供を開始した、無料のヒートマップツールだったみたいです。
多くのヒートマップツールと違い有料版はなく、すべての機能が制限なく無料で使用できます。

また、ヒートマップ解析だけでなく、セッションのレコーディング再生など複数の解析機能が搭載されていました！

• ヒートマップの生成
• セッションのレコーディング
• インサイトダッシュボードの生成
• 各種インテグレーション
• ライブ拡張機能

Clarityのすごさは、アクセス数が無制限なこと

一般的にヒートマップツールはページビュー数や、セッション数などアクセスに応じた従量課金が多いものです。
WordPressプラグインなどでも、トップページのみの利用は無料だったりというものもあるし、本格的な機能性の高いマーケティング企業がだしているものだと月額数十万するものまであります。

一方で、Clarity はアクセス数が無制限で無料で使える！
これはフリーランスや個人事業主にとっては嬉しいですよね。

そして、データの保存期限の上限なども定められていませんでした。
これはほんとにすごい！

ただ、実際の機能はためしてみないとわからないなってことで私も導入してみたいと思います。

Clarityの設定方法はこの手順

1. Clarityのアカウントを作成する
2. 新規プロジェクトを作成する
3. WordPressにMicrosoft Clarityのプラグインをインストールする
4. WordPressとClarityプロジェクトを連携
5. Google アナリティクスと連携する

それではそれぞれの詳しいやり方を説明していきます！
ここではWordpressを利用した設定方法を解説していますのでご了承ください。

STEP1．Mirosoftアカウントへ登録する

Clarityを使用するにはMicrosoftのアカウントが必須となるので、公式サイト（https://clarity.microsoft.com/）からアカウントを作成しましょう。
※すでにアカウントをお持ちの方はSTEP2へ進んでください。

まずは『使い始める』をクリック！

アカウント登録には、以下いずれかのアカウントを使う必要があります。

• Microsoftのアカウント使う
• FaceBookのアカウントを使う
• Googleのアカウントを使う

チェックボックスにチェックを入れて『Continue』をクリックします。

STEP2.新規プロジェクトを作成する

次に新規プロジェクトの設定です。
各項目は以下の通り設定します。

• タブはWebsiteを選択
• Name：ウェブサイト名を入力
• Website URL：ウェブサイトのURLを入力

それぞれ入力出来たら『Add new project』をクリックします。

STEP3.ワードプレスにMicrosoft Clarityのプラグインをインストールする

次はワードプレスの設定です。

STEP4.ワードプレスとClarityプロジェクトと連携

次にワードプレスとMicrosoftClarityで作成したプロジェクトを連携していきます！

まずはワードプレスのメニューからClarityを開き、Clarityプロジェクトを選択します。

『接続』ボタンを押してしばらく待つと連携が完了すると、こんな画面になります。
この画面になったらワードプレスの設定は終了です！
※数値は数時間降に反映されます

STEP5.Google アナリティクスと連携する

Microsoft Clarityに戻ってGoogleアナリティクスとの連携をしていきます。

歯車マークの設定からセットアップを選択し、「Googleアナリティクスの統合」から『開始する』ボタンをクリックします。

連携させたいGoogleアカウントを選択しましょう。

「すべて選択」にチェックを入れ『続行』をクリック。

接続するサイトから該当のプロパティを選択して『保存』をクリックします。

この画面になったらGoogleアナリティクスとの連携完了です！

Clarityを使ってみて感じたサイト改善に役立つ機能

MicrosoftClarityを使ってみて、たくさんある機能の中から実際に私が「これはサイト改善に使える！」と思った機能を紹介しますね。

レコーディング

レコーディングは、ウェブサイトへの来訪者がどのページをどんなふうに閲覧していたか、ユーザー行動を録画してくれる機能です。

特に以下の3つの項目に注目して気になるユーザー行動をチェックしてみましょう！

• 期間：ウェブサイトにいた時間
• クリック：ウェブサイト内でクリックした回数
• ページ数：ウェブサイト内の閲覧ページ数

この3つの項目から滞在時間が長いユーザーやページ閲覧数が多いユーザーがどんな行動をしているのかを確認すると、ユーザーが求めていることが可視化されて今後のコンテンツ作りに役立ちそうですね。

スクロール

スクロールはユーザーがページのどこまでスクロールしたか分かる機能です。

もしスクロールがページ下部まで行かずに離脱されている場合、ユーザーの検索意図とページの内容が不一致を起こしている可能性があるので、改善の指標になりますね！

イライラしたクリック・デッドクリック

イライラしたクリック

ユーザーが連続してクリックを行った箇所が分かります。
同じ場所で何度も「カチカチカチカチッ」とクリックしていることがレコーディングデータから確認ができます。

これは「クリックがしにくい場所」や「ページ遷移が遅い場所」や「クリックできるように見えて実際はクリックできない場所」など様々な原因が考えられるので、レコーディングデータを確認してページの改善に役立てられそうですね！

デッドクリック

一定時間内にアクションが返ってこなかったクリックが分かります。

イライラしたクリックと同様に「ページ遷移が遅い場所」や「クリックできるように見えて実際はクリックできない場所」などの原因が考えられます。

レコーディングデータを確認してページの改善に役立てましょう！

最後に

Microsoft Clarityは無料で提供されているヒートマップとは思えないほど高機能なツールです。

もちろん無料のサービスの為、有料のヒートマップと比較すると機能が劣る面があったり、突然機能が使えなくなったり有料化される、などの懸念点はありますが、ヒートマップをお試しで使ってみたい人には十分おススメできると感じました。

もしMicrosoft Clarityを導入してみたいけど、自分で設定するのは難しそう…と感じた方はこんたホームページ製作所で導入のサポートも可能です！
お気軽にお問合せください！