最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WordPress に Microsoft Clarity Analytics をインストールする方法

ウェブサイトの分析を見て、訪問者が*何をしたか*だけでなく、*なぜ*それを行ったのか疑問に思ったことはありませんか?長らくGoogleアナリティクスに頼ってきましたが、数字の裏にあるストーリーを見逃していると感じていました。

そこでMicrosoft Clarityがゲームチェンジャーとなります。ヒートマップやセッション録画などのビジュアルツールを提供し、ユーザーがサイトとどのようにやり取りしているかを正確に示します。これにより、推測を超えて実際の改善を行うことができます。

このガイドでは、WordPressサイトにMicrosoft Clarityをインストールするために使用する簡単な方法を紹介します。これは、オーディエンスをより深く理解するための強力で無料の方法です。

WordPress に Microsoft Clarity Analytics をインストールする方法

準備はいいですか?このチュートリアルでカバーする内容の簡単な概要を以下に示します。


Microsoft Clarityとは何ですか?なぜ使うのですか?

Microsoft Clarityは、ウェブサイト向けの無料分析ツールです。ウェブサイトで最も人気のあるページや、ユーザーがそれらのページをどのようにクリック、スクロール、操作しているかを確認するのに役立ちます。

Microsoft Clarityの最も重要な機能は、ユーザー行動のデータ可視化です。これには、クリックトラッキング、ヒートマップレポート、セッション録画などが含まれます。

従来の指標を超えて分析するのに役立つことがわかりました。Googleアナリティクスはサイトで何が起こったかを教えてくれますが、Clarityはそれがどのように起こったかを正確に示します。

ヒートマップは、ユーザーのマウスの動き、クリック、選択、スクロールの視覚的なレポートを表示します。これらのインサイトを使用して、ボタンの配置を最適化し、コンテンツレイアウトを改善してエンゲージメントを高めました。

ウェブサイト上のユーザーインタラクションを示すヒートマップ

同様に、セッション録画は、ユーザーがコンテンツをどのように表示しているか、どこに時間をより多く費やしているか、そして何がユーザーをWordPressウェブサイトから離れさせているかを確認するのに役立ちます。

この情報は、ユーザーエクスペリエンスの向上、パフォーマンスの改善、および販売コンバージョンの促進に役立ちます。

Microsoft Clarity分析ダッシュボードの表示

注意: Microsoftは、Clarityは、ユーザーの医療金融サービス、または政府関連の情報を含む機密データを含むサイトには使用すべきではないと警告しています。


Microsoft ClarityとGoogle Analytics:違いは何ですか?

WordPressアナリティクスの専門家として、Microsoft ClarityとGoogleアナリティクスのどちらを選ぶべきかという質問をよく受けます。真実は、それらは異なる目的を果たし、一緒に使用すると最も効果的であるということです。

Google Analyticsは、市場で最高の分析ソリューションです。なぜなら、多くの詳細な追跡機能を提供しているからです。一方、Microsoft Clarityは、ヒートマップとセッション録画によるユーザーインタラクションの視覚化に焦点を当てています。

Google Analyticsは、ウェブサイト上のほぼすべてのものを追跡するのに役立ちます。また、拡張eコマース追跡コンバージョン追跡、および詳細なレポートも備えています。

Googleアナリティクスは(例えば、100人がチェックアウトページを離脱した)、何が起こったかを教えてくれますが、Clarityはなぜそれが起こった可能性があるのか(例えば、壊れたボタンが原因で立ち往生していたなど)を示してくれる、と考えると良いでしょう。

Microsoft Clarityは、ヒートマップや訪問者セッション録画などの視覚的な機能をアンロックすることで、Google Analyticsを完璧に補完する専用の行動分析プラットフォームです。

Microsoftの分析機能が登場する前は、多くのウェブサイト所有者がGoogle Analyticsと併せてHotjarやCrazyEggのような有料ヒートマップソリューションを使用していましたが、今ではそれらのツールに代わる無料の選択肢があります。

すべてのウェブサイトにGoogle Analyticsをインストールすることをお勧めします。提供されるデータは、オーディエンスを理解し、SEOを改善し、トラフィックを増やすためのデータに基づいた意思決定を行うために不可欠です。

どちらもウェブサイトの機能に影響を与えることなく、うまく機能します。

Microsoft Clarityをあらゆるウェブサイトに簡単に追加できます。Microsoft Clarityにサインアップし、ウェブサイトにトラッキングコードを追加する必要があります。手順を追ってご説明します。


WordPressにMicrosoft Clarityを追加する

Microsoft Clarityをウェブサイトに追加するには、いくつかの方法があります。ご自身に最適な方法を選択してください。

方法1:公式プラグインを使用してMicrosoft Clarityを追加する(最も簡単)

WordPressにMicrosoft Clarityを追加する最も簡単な方法は、公式Microsoft Clarityプラグインを使用することです。通常、ウェブサイトを離れたり、コードに触れたりする必要がないため、初心者にはこの方法を強くお勧めします。

まず、Microsoft Clarityプラグインをインストールして有効化します。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化すると、自動的にClarityセットアップ画面に移動します。ほとんどの場合、サインインを求められます。既存のGoogle、Microsoft、またはFacebookアカウントを使用してログインできます。

Microsoft Clarity ログインオプション

Safariおよび広告ブロッカーユーザーへの注意:ブラウザがトラッキングスクリプトをブロックする場合、プラグインはログイン画面をスキップし、代わりにClarityプロジェクトIDを尋ねることがあります。これが発生した場合は、アカウントの作成方法とプロジェクトIDの検索方法を学ぶために、下のClarityトラッキングコードの取得セクションにジャンプしてください。その後、そのIDをこのボックスに貼り付けることができます。

通常どおりログインできた場合、ウィザードは「ClarityのCookieを有効にする」という画面を表示する場合があります。

プラグインは、WordPress内でダッシュボードを安全に表示するためにこれらのCookieを必要とします。続行して、それらを有効にするボタンをクリックしてください。

Microsoft Clarity サードパーティCookieの設定

ブラウザがCookieの有効化を妨げる場合は、「サードパーティCookieを有効にしたくありません」というリンクをクリックしてください。Clarityは引き続きウェブサイトを完全にトラッキングします。データを確認するには、メインのMicrosoft Clarityウェブサイトにログインするだけです。

次に、ウィザードはプロジェクトに関するいくつかの簡単な質問をします。画面の指示に従ってください。

これらの質問を完了すると、Clarityは自動的にプロジェクトを作成し、ウェブサイトを接続します。トラッキングコードをコピーまたは貼り付ける必要はありません。

これで完了です。サイトはClarityにデータを送信するようになりました。左側のサイドバーにある新しい「Clarity」メニュー項目をクリックすることで、WordPressダッシュボード内で直接ヒートマップと録画を表示できます。

Clarityトラッキングコードの取得(方法2および3の場合)

まず、Microsoft Clarityのウェブサイトにアクセスし、「開始する」ボタンをクリックします。サインアップするには、Microsoft、Facebook、またはGoogleアカウントが必要です。

サインアップ後、Clarityダッシュボードが表示され、新しいプロジェクトを追加するためのポップアップが表示されます。

プロジェクトの名前を入力してください。ウェブサイトの名前を使用すると、認識しやすくなります。次に、ウェブサイトのURLを入力します。

Microsoft Clarityで新しいプロジェクトを設定する

新しいプロジェクトを作成すると、Clarityをどのようにインストールしたいか尋ねられます。

「トラッキングコードを取得」オプションをクリックする必要があります。

トラッキングコードを使用してClarityをインストールする

これで、WordPressウェブサイトに追加する必要のあるトラッキングコードが表示されます。

「クリップボードにコピー」ボタンをクリックするだけです。

Clarityトラッキングコードのコピー

このコードをWordPressサイトに追加する方法によっては、完全なトラッキングコードまたはプロジェクトIDのみが必要になる場合があります。プロジェクトIDは、トラッキングコードの</script>の直前で見つけることができます。

上のスクリーンショットでは、「ejbjp9k5ge」です。あなたのプロジェクトIDは、異なるユニークなコードになりますのでご注意ください。

このタブを開いたままにするか、コードを安全な場所にコピーすることをお勧めします。このチュートリアルの次のステップで必要になります。

方法2:WPCodeを使用してMicrosoft Clarityコードを追加する

コードをウェブサイトに追加する最も安全で簡単な方法は、最高のWordPressコードスニペットプラグインであるWPCodeです。このプラグインを使用すると、FTPやcPanelなしで、WordPressダッシュボードから直接ウェブサイトのヘッダーまたはフッターに任意のスクリプトを追加できます。

WPCode無料プラグインをインストールして有効化したら、コードスニペット » ヘッダー & フッターページにアクセスする必要があります。

そこに着いたら、Microsoft Clarityのトラッキングコード全体を「ヘッダー」フィールドに貼り付ける必要があります。

Microsoft ClarityトラッキングコードをWPCodeのヘッダーフィールドに貼り付けます

設定を保存するには、「変更を保存」ボタンをクリックすることを忘れないでください。

プラグインは、Microsoft Clarity分析コードをWordPressサイトのすべてのページに自動的に追加するため、ウェブサイトでのウェブサイト訪問者のアクティビティを追跡できます。

方法3:All in One SEOを使用してMicrosoft Clarityコードを追加する

All in One SEOは、WordPressウェブサイトを検索エンジンやソーシャルメディアプラットフォームに簡単に最適化できる最高のWordPress SEOプラグインです。WordPressでAll in One SEOを正しく設定する方法に関するガイドで、その最大限の活用方法を紹介しています。

ウェブサイトにAll in One SEOがインストールされている場合は、それを使用してMicrosoft Clarityトラッキングコードを追加できます。

All in One SEO » General Settings » Webmaster Tools にアクセスし、「Microsoft Clarity」アイコンをクリックするだけです。

ClarityプロジェクトIDを貼り付けることができるフィールドが表示されます。これはClarityトラッキングコードの最後の項目で、「ejbjp9k5ge」のようなものになります。

Microsoft Clarity プロジェクト ID を AIOSEO に貼り付ける

その後、「変更を保存」ボタンをクリックしてください。これにより、WordPressサイトがMicrosoft Clarityに接続されます。

プロのヒント: WordPressキャッシュプラグインを使用している場合は、プロジェクトIDまたは追跡コードを追加した後、WordPressキャッシュをクリアする必要があります。これは、そうしないと、Microsoftが数時間サイトを確認できない可能性があるため重要です。

ボーナス:Microsoft ClarityをGoogle Analyticsに接続する

すでにGoogle Analyticsを使用している場合は、より深い洞察を得るためにClarityアカウントにリンクできます。これにより、Google AnalyticsセグメントでClarityのセッション録画とヒートマップをフィルタリングできます。

たとえば、オーガニック検索訪問者または購入を完了したユーザーからの録画のみを表示できます。

両方を接続するには、Clarityプロジェクトを開き、設定 » 統合に移動します。Google Analyticsオプションをクリックし、GA4測定IDを入力します。

これが見つからない場合は、WordPressにGoogleアナリティクス4をインストールする方法のガイドに従ってください。Googleアナリティクスダッシュボードに移動し、「管理」をクリックして、「データストリーム」の下にあるIDを探します。

ストリームIDと測定IDを表示

保存すると、Clarityは数時間以内にGAデータで録画を強化し始めます。

この連携は完全にオプションですが、特定のトラフィックセグメントがサイトで異なる動作をする理由を理解したい場合に特に役立ちます。


Microsoft Clarity の使用

トラッキングコードをインストールし、WordPressキャッシュをクリアすると、Microsoftは訪問者のセッションデータの記録を開始します。

ただし、Clarityアカウントで結果が表示されるまでには、最大で2時間かかる可能性があります。

Microsoft Clarityダッシュボードの使用

数時間後に Clarity アカウントにログインするだけで、ダッシュボードでアクティビティの概要を確認できるようになります。

Microsoft Clarity分析ダッシュボードの表示

「デッドクリック」が発生したセッションの割合など、役立つインサイトを確認できます。これは、どこにも移動しないクリックのことです。たとえば、ユーザーが画像をクリックしても、それがボタンやリンクだと思っている場合があります。

もう1つの有用な統計は「レイジクリック」で、ユーザーが同じ領域をすばやくクリックまたはタップすることです。これらの指標に細心の注意を払うことで、サイトをよりユーザーフレンドリーにすることができます。

ダッシュボードには、「クイックバック」の数も表示されます。これは、ユーザーがページを離れてから非常にすぐにそのページに戻ってきた場合に発生します。

また、ユーザーが予想以上にページをスクロールした場合の過剰なスクロールも追跡します。Googleアナリティクスと同様に、Microsoftはサイトで最も人気のあるページを簡単に確認できるようにしています。

Microsoft Clarity録画の使用

「録画」タブには、さまざまなユーザーセッションの録画が表示されます。ユーザーのデバイス、オペレーティングシステム、および国に関する詳細を取得できます。

Clarityはまた、訪問したページ数、セッションの期間と時間、クリック数も教えてくれます。

ユーザーセッションの録画を表示するClarity

レコーディングでは、マウスの動きやクリックのアニメーションを視聴できます。上記のスクリーンショットでは、ユーザーがマウスを11月のアーカイブリンクに移動してクリックしたことがわかります。

Microsoft Clarityヒートマップの使用

「ヒートマップ」タブには、ウェブサイトのヒートマップが表示されます。これらは、クリックした人の数に基づいてサイトのどのセクションが人気があるかを確認するのに役立ちます。

マウスクリックを示すClarityのヒートマップ

ヒートマップは、ユーザーがページをどこまでスクロールしたか、およびページ上のどの領域が最も多くのクリックを受けたかも示します。

WordPress内でClarityデータを確認する

公式Microsoft Clarityプラグインの最も便利な機能の1つは、埋め込みダッシュボードです。方法1を使用してClarityをインストールした場合、WordPress管理エリアから直接分析を確認できます。

これにアクセスするには、WordPress管理メニューの左側を確認し、新しいClarityメニュー項目をクリックするだけです。

WordPressのClarityメニューにアクセスする

これにより、ClarityダッシュボードがWordPress内に直接読み込まれます。つまり、訪問者がサイトとどのようにやり取りしているかを確認するために、新しいタブを開いたり、別のWebサイトにログインしたりする必要はありません。

埋め込みビューでは、外部Clarityダッシュボードと同じデータに完全にアクセスできます。サイトを離れることなく、セッション録画を視聴したり、ヒートマップを表示したり、エンゲージメントメトリックやデバイスの内訳を分析したりできます。

テストWebサイトでは、ほぼすぐに役立つ情報が表示され始めました。

WordPressのMicrosoft Clarityダッシュボード
Clarity CopilotとClarity Chat

Microsoft Clarityには、手動で何時間もの録画を確認することなく、簡単に洞察を抽出できる組み込みAI機能も含まれています。

1つ目はClarity Copilotで、セッション録画を自動的に要約し、ユーザー行動パターンの重要なポイントを平易な言葉で提供します。この機能は実際には2つの異なる方法で使用できます。

トラフィックの全体像を把握するには、ダッシュボードの「録画」タブに移動し、画面右上付近にある「録画の要約」ボタンをクリックします。AIが現在の録画リストを分析し、全体的な傾向の簡単な要約を生成します。

WordPressでMicrosoft Clarityの録画を要約する

注意: 新しいWebサイトをお持ちの場合や、Clarityをインストールしたばかりの場合は、「要約を生成するには録画が不足しています」というメッセージが表示されることがあります。AIはパターンを検出するために一定量の実際の訪問者データを必要とします。トラフィックを収集するために数日待つだけで、要約が機能し始めます!

特定のユーザーのジャーニーを理解したい場合は、個々の録画を要約することもできます。特定の録画の下にある「セッションインサイトを生成」ボタンを探してください。これは、2つのスパークルが付いた漫画の吹き出しのように見えます。

WordPressでMicrosoft Clarityのセッションインサイトを表示する

次はインタラクティブチャット機能です。これにより、分析データについて平易な英語で質問できます。たとえば、「最も多くのレイジクリックが発生しているページはどれですか?」や「チェックアウトフローでユーザーはどこで離脱していますか?」と質問して、直接回答を得ることができます。

Microsoft ClarityでCopilotを開く

この機能は、Clarityダッシュボードの右上にあるCopilotアイコンをクリックすることで見つけることができます。

チャットパネルが開き、質問を直接入力できます。

WordPressでMicrosoft ClarityのCopilotとチャットする

最も良い点は、これらのAI機能がすべてClarityダッシュボード内で利用でき、追加のセットアップなしで無料プランに含まれていることです。


Microsoft Clarity分析ツールの最終的な考察

Microsoft Clarityは、初心者向けの素晴らしい機能を備えた強力な分析ツールです。強力なGoogle Analyticsプラットフォームの代替にはなりませんが、無料ヒートマップやセッション録画のような興味深い機能を確かに提供しています。

新しいウェブサイトの所有者は、ヒートマップやセッション録画を見たいと思うことがよくありますが、HotJarやCrazyEggのようなプレミアムソリューションを購入する予算がありません。さて、今Microsoft Clarityを使用できます。

ヒートマップとセッション録画を使用すると、ユーザーエクスペリエンスを向上させ、売上を伸ばすために、ウェブサイトまたはオンラインストアエクスペリエンスを最適化できるようになるはずです。


Microsoft Clarityに関するよくある質問

分析ツールに関するご質問を多くいただきます。皆様のお役に立てるよう、WordPressウェブサイトでMicrosoft Clarityを使用する際のよくある質問とその回答をまとめました。

1. Microsoft Clarityは本当に無料で使用できますか?

はい、Microsoft Clarityは完全に無料です。トラフィック制限や有料プランはなく、ヒートマップやセッション録画などの機能に一切費用をかけずにフルアクセスできます。

2. Microsoft Clarityは私のウェブサイトを遅くしますか?

Clarityのトラッキングスクリプトは非同期で設計されています。これは、独立して読み込まれ、訪問者にとってウェブサイトのコンテンツの読み込みをブロックしないことを意味します。サイト速度への悪影響は観察されていません。

3. Microsoft ClarityとGoogle Analyticsを同時に使用できますか?

はい、もちろんです。実際、これらは一緒に使用すると最も効果的です。Google Analyticsは、ページへの訪問者数や流入元などの数値や傾向を追跡するのに優れています。Clarityは、それらの数値の背後にある視覚的なストーリー(たとえば、訪問者がそのページでどこをクリックし、どこまでスクロールしたかを正確に示すなど)を提供します。

4. Clarityダッシュボードにデータが表示されるまでどのくらい時間がかかりますか?

トラッキングコードをインストールした後、最初の訪問者データがダッシュボードに表示されるまで最大2時間かかる場合があります。最初の処理後は、新しいセッションデータは非常に迅速に、多くの場合ほぼリアルタイムで表示されます。

5. Microsoft ClarityはHotjarよりも優れていますか?

どちらのツールもヒートマップとセッション録画を提供しますが、価格設定と深さが異なります。Hotjarの無料プランは1日35件のセッション録画に制限されていますが、Microsoft Clarityはセッションやトラフィックの制限なしで完全に無料です。

Clarityには、HotjarにはないAI搭載機能(Clarity CopilotとClarity Chat)も含まれています。Hotjarはより強力なアンケートおよびユーザーフィードバックツールを備えているため、オンページアンケートやフィードバックウィジェットが必要な場合は、Clarityと併せて検討する価値があります。

6. Microsoft Clarityを使用してSEOを改善するにはどうすればよいですか?

Clarityは、ユーザーが不満を感じたりエンゲージメントが低下したりしているページを強調表示することで、間接的にSEOを支援します。ページでの高いレイジクリック率は、破損した要素または誤解を招くリンクを示している可能性があり、これらはどちらもユーザーエクスペリエンスシグナルに影響します。

セッション録画では、訪問者がどこで混乱して離脱するかがわかるため、高い直帰率の原因となっている可能性のある薄いまたはわかりにくいコンテンツを特定するのに役立ちます。

7. Clarity CopilotとClarity Chatとは何ですか?

Clarity CopilotとClarity Chatは、Microsoft Clarityのダッシュボードに組み込まれたAI機能です。Copilotはヒートマップとセッション録画の自動要約を生成するため、個々の録画を視聴することなく、行動トレンドをすばやく理解できます。

Clarity Chatは、通常の英語でデータに関する質問をして直接回答を得ることができる会話型インターフェイスです。どちらの機能も無料で、すべてのClarityユーザーが利用できます。


WordPress分析に関する追加リソース

この記事が、WordPressにMicrosoft Clarity Analyticsをインストールする方法を学ぶのに役立ったことを願っています。WordPressアナリティクスに関連する他のガイドも参照したいかもしれません。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

8件のコメント返信する

  1. Microsoft ClarityはGoogle Analyticsと素晴らしい連携をします。ヒートマップはランディングページの最適化においてゲームチェンジャーです!
    デスクトップとモバイルの両方で動作するのは良い点です。ユーザーはデバイスごとに全く異なる行動をとるので、これによりレスポンシブデザインの微調整を的確に行うことができます。
    「レイジクリック」機能も非常に役立ちました。クライアントのサイト全体でUIの問題を非常に迅速に見つけて修正するのに役立ちました。

  2. 私は通常WP Codeを使用し、Clarityコードをヘッダーまたは常に表示されるサイトの別の部分(フッターなど)に直接挿入します。これはかなり安全でシンプルです。今、AIO SEOもこれを行うことができ、さらに簡単な方法でできることがわかりました。Liteバージョンでもできると仮定していますか?コードの追加は簡単ですが、こちらの方が早い方法になるので試してみる必要があります。

  3. 私は、特にeコマースのパフォーマンスを理解するという点で、Google Analyticsの堅牢なトラッキング機能と詳細なレポートに常に頼ってきました。しかし、Microsoft Clarityを紹介していただきありがとうございます。ヒートマップやセッション録画によるユーザーインタラクションを視覚化するというアイデアは興味深く、従来の分析では見落としがちな洞察のレイヤーを追加します。私にとってGoogle Analyticsを置き換えるものではないかもしれませんが、両方を一緒に使用することで、ユーザー行動のより包括的なビューを提供できることがわかります。この組み合わせは、ウェブサイトのユーザーエクスペリエンスの最適化に真剣に取り組んでいる人にとって、ゲームチェンジャーになる可能性があります。

  4. Clarityを検討しています。特にAIO SEOと連携できるようになったので。Microsoft Clarityとの全体的な連携がウェブサイトの速度に悪影響を与える可能性はあるのでしょうか?

    ヒートマップのために一時的にMicrosoft Clarityを検討しており、例えばGoogle AdSenseの最適な配置を決定します。この文脈では、ウェブサイトで最も利用されていないエリアを特定し、そこに広告をターゲットにすることが私にとって理にかなっています。

      • アドバイスありがとうございます。AIO SEOのおかげで、ついにウェブサイトをClarityに接続することができ、すべてが完璧に機能しています。本当に素晴らしいツールです。ウェブサイトに数日間設置していますが、とても満足しています。

返信する

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。