【WordPress連携】Microsoft Clarityの導入

この章では、Microsoft Clarityの導入方法と使い方を解説します。

なお、事前にGTM(グーグルタグマネージャー)をWordPressに連携させておく必要があります。
まだの方は下記を参照ください。

GTM(グーグルタグマネージャー)
Webサイトのタグを管理するツールです。これを導入するこでシステムの詳しい知識がなくても、Webサイトと他のシステムを連携させることができます。Googleから無料で提供されています。

Microsoft Clarityのアカウントを作成

下記のリンクを開く

使い始める

Webサイト」→「名前」を入力→「WebサイトURL」を入力→「新しいプロジェクトを追加する

(※)名前は自由に入力

GTM(グーグルタグマネージャー)との連携

 GTM(グーグルタグマネージャー)の設定が完了していれば左の画面が表示されるので「セットアップの開始

今すぐつながりを申請

GTMを設定した時のアカウントを選択

全て選択」にチェックを入れ「続行

GTMを設定した時のアカウントとコンテナをリストから選択し「作成と発行

左の画面になれば OK

 GTMを開きコンテナを選択

タグ」をクリックすると右側に『Microsoft Clarity-Official』と表示されていれば OK

Microsoft Clarityの使い方

ログインすると左記のダッシュボードが開く

レコーディング」の画面を開き、左サイドの記録をクリックすると読者の行動が再生される

レコーディングのデモ画面を見たい方はこちら

ヒートマップ」→デモサイトの URLを選択

クリック」の画面では、クリック数が多い部分が赤く表示

クリック数の多い順に番号が振られ左サイドに並ぶ

直感的にわかりやすいよう色分けされている

スクロール」の画面では、何パーセントの人がどこまでスクロールしたかが色分けされる

パーセンテージ(%)でも表示

領域」の画面では、どの領域がどの程度クリックされているかがわかる

カーソルを合わせるとクリック数だけでなくCTRも表示

各画面はパソコンだけでなくタブレットやスマホでのパフォーマンスも個別に表示

設定完了後からデータが蓄積されていきます。設定以前のデータは表示されません。