WordPress ウェブサイトの訪問者分析のために、多くの人がGoogle Analytics（Google Analytics）やJetpack（Jetpack）などの訪問者統計ツールを利用しています。最近、Microsoft Clarityなどの革新的なWebサイト分析ツールが注目されています。 Microsoft Clarityは、訪問者の行動パターンを視覚化し、ユーザーエクスペリエンスを深く理解するのに役立ちます。 WordPressに設置できるのが特徴です。
この記事では、Microsoft Clarityの主な機能を簡単に紹介し、 WordPress サイトにマイクロソフトクラリティトラッキングコードをインストールする方法を紹介します。 SEOの最適化が必要な場合は、Clarityの導入により、より正確なデータ分析とサイトの改善が可能になります。
Microsoft Clarityとは
Microsoft Clarityは、マイクロソフトが無料で提供するウェブサイト分析ツールで、訪問者のセッションを記録し、ヒートマップを介してページ上でのクリック、スクロール、移動パスを視覚的に表示します。これにより、サイト管理者またはマーケティング担当者は、ユーザーがサイト内で実際にどのように行動しているかを視覚的に把握できます。 Clarityはデータ収集が簡単で、インストール後にリアルタイムでさまざまな行動パターンを監視できます。
また、Clarityは、訪問者のプライバシーを保護しながら、ページのレンダリング速度やユーザーエラー（不要なクリック、繰り返しスクロールなど）などの問題を直感的に確認するのに役立ちます。クリックヒートマップ、スクロールヒートマップ、個々のセッションリプレイなど、さまざまな視覚化機能が提供され、Webサイトの改善に必要なインサイトを簡単に取得できます。
- セッション記録（Session Recordings）： ユーザーの実際のサイト利用過程を映像のように確認でき、どこで問題が発生して離脱するのか把握できます。
- ヒートマップ(Heatmaps): ユーザーのクリック、スクロール、マウスの移動パスを視覚的に表示し、ページのどの部分が最もインタラクティブであるかを分析できます。
- Clarity Copilot: インタラクティブなインターフェースを使用すると、録画データとヒートマップデータを要約し、ユーザーのアクションインサイトを自動的に配信できます。
- インサイトとダッシュボード： 無意味なクリック、過度のスクロールなどの問題を自動的に検出し、ダッシュボードを使用して訪問者数、ページパフォーマンス、使用デバイスなどを視覚的に確認できます。
マイクロソフト・クラリティvs。 Google Analytics
Microsoft ClarityとGoogle Analyticsはどちらもウェブサイトのトラフィックと訪問者の行動を分析するために使用されますが、提供するデータとアプローチには違いがあります。 Clarityの主な強みは、視覚的な分析に集中することです。セッションリプレイとヒートマップにより、訪問者の実際の行動の流れを映像のように見ることができ、問題領域を素早く発見することができます。さらに、すべての機能が無料で提供され、インストールと使用法は非常に直感的です。
一方、Google Analyticsは多次元データ分析、カスタマイズされたレポート、高度な分類オプションを提供します。目標追跡、コンバージョン分析、詳細なトラフィックソースの把握など、マーケティングやパフォーマンス測定に最適化されています。ただし、Google Analyticsは学習曲線が高く、初心者が活用するには複雑になる可能性があり、ユーザーの行動に関する洞察はClarityと比較して比較的制限されています。
結論として、2つのツールは相補的に使用でき、サイトの最適化とユーザーエクスペリエンスを向上させるために、Clarityの視覚データとGoogle Analyticsの詳細な統計データを組み合わせて最適な分析環境を構築できます。
一般的にGoogle Analyticsで十分だと思いますが、訪問者がどの部分をたくさんクリックしているかについての洞察を得たい場合は、Microsoftのクラリティを支援することをお勧めします。
WordPressにMicrosoft Clarityトラッキングコードを追加する方法
WordPress サイトにMicrosoft Clarityトラッキングコードを簡単に追加できます。 Microsoft Clarityに会員登録した後に新しいプロジェクトを作成すると、トラッキングコード（スクリプト）を発行できます。このトラッキングコードをヘッダーセクションに追加するだけです。
いくつかの方法でトラッキングコードをヘッダーセクションに挿入できます。
- Microsoft Clarityプラグインのインストール
- GeneratePress テーマや Avada などのテーマを使用する場合（FTPに接続せず）、管理者ページで追加可能
- WPCodeやAd Inserterなどのプラグインを使用してヘッダーセクションに追加する
- テーマファイル（header.phpまたはfunctions.phpファイル）に直接追加する
さまざまな方法の中から、好きな方法でトラッキングコードを追加してください。 トラッキングコードを入力して一日待つと、統計を確認できます。
マイクソフトクラリティに参加してトラッキングコードを作成する
MS Clarityに参加していない場合は、まず Microsoft Clarityのホームページにアクセスして会員登録をします。
시작 ボタンまたは 등록 ボタンを押してから、Microsoft、Facebook、Google ログインから選択して Clarity に参加できます。
マイクロソフトクラリティにログインしている場合 サン・フォートをクリックします。
新しいプロジェクトを追加 ポップアップが表示されたら、プロジェクト名とウェブサイトのURLを入力し、 ウェブサイト業界で適切なカテゴリを選択し、 新しいプロジェクトを追加 ボタンをクリックします。
ほぼ完了しました 画面が表示されたら 手動でインストール 部分の トラッキングコードを入手 ボタンをクリックします。
以下のコードが表示されます。
クリップボードにコピーボタンをクリックしてトラッキングコードをコピーし、サイトのセクションに追加するだけです。または、赤い四角でマークされた Clarify プロジェクト ID を Microsoft Clarity プラグインに入力することもできます。
クラリティトラッキングコードの例：
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "Your-Clarity-Project-ID");
</script>以下のお気に入りの方法を使用してトラッキングコードを追加してください。
WordPressでClarityトラッキングコードを挿入する4つの方法
1) WordPress用の Microsoft Clarity プラグインの使用
WordPressでは、プラグインを使用して簡単にMicrosoft Clarityと連動できます。
プラグイン » プラグインの追加から マイクロソフトクラリティを検索してプラグインをインストールできます。
有効にすると、以下のように「ブラウザで 第三者クッキーがブロックされました」画面が表示されることがあります。
明確にするためにクッキーを使用する ボタンをクリックすると、ClarityにログインしてClarityプロジェクトを WordPress 通知パネルで指定できます。
"第三者のクッキーを有効にしたくない「リンクをクリックすると、 ClarifyプロジェクトIDを入力できる画面が表示されます。
最初の方法で試してもうまくいかない場合は、2番目の方法を選択してクラリティプロジェクトIDを入力してください。
2）テーマがトラッキングコードを追加する機能を提供する場合（例： Avada, GeneratePress)
一部のテーマでは、トラッキングコードをヘッダーセクションに追加する機能も提供しています。
ベストセラーのテーマである Avada(Avada)を使用している場合、 WordPress 管理ページ » Avada » オプション » 詳細 » Code Fields (Tracking etc.)に移動し、 Space before セクションに追加することができます。
上の画面で トラッキングコード セクションに追加することもできますが、このセクションにトラッキングコードを追加すると、テーマのヘッダーテンプレートに追加されます。 태그 내의 코드를 입력하도록 안내하고 있습니다. Space before セクションに入力するとタグのすぐ上にコードが挿入され、 태그와 함께 코드를 추가하면 됩니다.
GeneratePress（ジェネレートプレス）テーマを使用している場合は、次の記事を参照して、トラッキングコードをヘッダーセクションに挿入してください。
新しいElementを作成し、スクリプトを追加してwp_headerフックを指定してコードをヘッダーセクションに追加できます。
設定 タブの 「Hook」から wp_head フックを選択します。
Display Rules（表示ルール）から 所在地을 Entire Site（全サイト）で指定します。
ユーザーから、ログアウトユーザーと特定の役割を持つユーザー（Subscriberなど）にのみコードがロードされるようにすることができます。
3) WPCodeプラグインの使用
WPCodeまたはAd Inserterプラグインを使用して、トラッキングスクリプトをヘッダーセクションに追加できます。
プラグイン » プラグインの追加から WPコード プラグインを検索してインストールして有効にすると、左側に コードスニペット メニューが作成されます。
コードスニペット»ヘッダーとフッターに移動し、 헤더 セクションにコードを追加します。 WPCodeを通じてマルウェア（マルウェア）が流入するケースがありますので、常に最新バージョンにアップデートするなど、セキュリティに気をつけてください。
4) WordPress テーマファイルに直接追加する
プラグインを使用せずにテーマファイルに直接コードを追加することもできます。 FTP / SFTPにアクセスする必要があるため、上級ユーザーにお勧めします。
チャイルドテーマをインストールし、テーマ関数ファイルに次のコードを追加してヘッダーセクションにロードできます。
// Microsoft Clarity 스크립트 삽입 (wp_head)
function add_microsoft_clarity_script() {
?>
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c, l, a, r, i, t, y) {
c[a] = c[a] || function() {
(c[a].q = c[a].q || []).push(arguments);
};
t = l.createElement(r);
t.async = 1;
t.src = "https://www.clarity.ms/tag/your_project_id";
y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "your_project_id");
</script>
<?php
}
add_action('wp_head', 'add_microsoft_clarity_script');Microsoft Clarity統計から特定のIPアドレスを除外する方法
統計から特定のIPアドレス（たとえば、私のIPアドレス）を除外するように設定できます。たとえば、自宅や会社から自分のサイトにアクセスするときに統計情報を取得しないようにしたい場合は、自宅や会社が使用しているインターネット回線のIPアドレスを除外できます。
MSクラリティにログインし、プロジェクトの設定アイコン（歯車のアイコン）をクリックします。
左から IPブロックをクリックして、 IPアドレスのブロック ボタンをクリックします。
名前を付けてIPアドレスを直接入力するか、私の現在のIPブロック「」をチェックして、現在接続されているインターネット回線のIPアドレスを追加します。
参考までに GeneratePress テーマを使用している場合は、Elementを生成してトラッキングコードを追加するとき、 表示ルールでコードがロードされるページやユーザーなどについて詳細に設定することが可能です。
付録: 組織にMS Clarityトラッキングコードを追加する
ティーストーリーを利用する場合は、スキン編集のHTMLタブでタグのすぐ上にトラッキングコードを入力できます。
ブログスポット などを利用する場合でも同様の方法でタグのすぐ上にトラッキングコードを入力してリンクできます。たとえば、ブログスポット（Googleブログ）では テーマを クリックして カスタマイズ 横の逆方向矢印（▼）をクリックして、スキンファイルにコードを追加できます。
コメントを残す