Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトでMicrosoft Clarityアナリティクスを使用したいとお考えですか?

Microsoft Clarityは無料のウェブ解析ツールで、クリックトラッキング、スクロールトラッキング、ヒートマップを使用して、ユーザーがどのようにウェブサイトに関与しているかを分析するのに役立ちます。

この投稿では、WordPressにMicrosoft Clarityを簡単にインストールする方法を順を追って説明します。

How to Install Microsoft Clarity Analytics in WordPress

これがこのチュートリアルで取り上げる内容だ:

マイクロソフトのクラリティとは?

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

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

ヒートマップは、ユーザーがマウスをどのように動かし、どこをクリックし、どこを選択し、どこをスクロールしたかを視覚的にレポートします。

Heatmap showing user interactions on a website

同様に、セッションの記録は、ユーザーがコンテンツをどのように表示し、どこに多くの時間を費やし、何がWordPressサイトからユーザーを遠ざけているのかを確認するのに役立ちます。

この情報は、ユーザーにより良いユーザー体験を提供し、パフォーマンスを向上させ、売上コンバージョンを高めるのに役立ちます。

Viewing the Microsoft Clarity analytics dashboard

注:マイクロソフトは、Clarityをユーザーのヘルスケア金融サービス、政府関連情報などの機密データを含むサイトで使用しないよう警告している。

Microsoft Clarity vs Google アナリティクス:その違いは?

Google アナリティクスは、多くの詳細なトラッキング機能を提供しているため、市場で最高の分析ソリューションです。一方、Microsoft Clarityは、ヒートマップとセッション記録によるユーザーインタラクションの視覚化に重点を置いています。

Google アナリティクスを使えば、サイト上のあらゆる情報をトラッキングできます。また、拡張eコマーストラッキングコンバージョントラッキング、詳細レポートもあります。

Microsoft Clarityは新しいプラットフォームであり、現時点ではGoogleアナリティクスのはるかに優れた機能の代替にはなりません。しかし、Googleアナリティクスと一緒にMicrosoft Clarityを使用することで、ヒートマップや訪問者のセッション記録などの機能を利用することができます。

マイクロソフトのアナリティクス機能が登場する以前は、多くのサイトオーナーがHotjarやCrazyEggのような有料のヒートマップ・ソリューションをGoogleアナリティクスと並行して使用していたが、今ではこれらのツールに代わる無料のツールがある。

検索順位を上げるために、すべてのサイトにGoogleアナリティクスをインストールすることをお勧めします。その後、以下のガイドに従ってWordPressにMicrosoft Clarityをインストールしてください。

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

Microsoft Clarityをサイトに追加するのは簡単です。Microsoft Clarityに登録し、トラッキングコードをサイトに追加する必要があります。その手順を順を追って説明します。

マイクロソフトクラリティの登録

まず、Microsoft Clarityのサイトにアクセスし、「Get Started」ボタンをクリックします。登録にはMicrosoft、Facebook、Googleのアカウントが必要です。

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

プロジェクトの名前を入力してください。あなたのサイトの名前を使うとわかりやすいでしょう。次に、サイトのURLを入力します。

Setting up a new project in Microsoft Clarity

新規プロジェクトを作成すると、Clarityのインストール方法を尋ねられます。

トラッキングコードを取得する」オプションをクリックしてください。

Install Clarity Using a Tracking Code

WordPressサイトに追加するトラッキングコードが表示されます。

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

Copying the Clarity tracking code

WordPressサイトにこのコードを追加する方法によって、トラッキングコード全体が必要な場合と、プロジェクトIDだけが必要な場合があります。プロジェクトIDはトラッキングコードの最後、</script>の直前にあります。上のスクリーンショットでは、「ejbjp9k5ge」です。

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

WordPressにMicrosoft Clarityコードを追加する

次に、Microsoft ClarityトラッキングコードをWordPressサイトに追加し、すべてのページに表示されるようにする必要があります。幸いなことに、WordPressファイルを手動で編集することなく、これを実現する簡単な方法がいくつかあります。

以下の3つからお好きな方法をお選びください。

方法1:Microsoft Clarityプラグインを使用してMicrosoft Clarityコードを追加する

最初に行う必要があるのは、Microsoft Clarityプラグインのインストールです。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

有効化した後、WordPress管理画面のSettings ” Clarityページにアクセスする必要があります。

ここにプロジェクトIDを貼り付ける必要があります。これはClarityトラッキングコードの最後の項目で、’ejbjp9k5ge’のようになります。

Enter Your Microsoft Clarity Project ID

下部の「変更を保存」ボタンをクリックして設定を保存することを本当に〜してもよいですか?WordPressサイトがMicrosoft Clarityに接続されました。

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

あなたのサイトにコードを追加する最も安全で簡単な方法は、最高のWordPressコードスニペットプラグインであるWPCodeです。このプラグインを使えば、WordPressダッシュボードからサイトのヘッダーやフッターにスクリプトを追加することができます(FTPやcPanelは必要ありません)。

WPCode Free Pluginをインストールし有効化したら、Code Snippets ” Header & Footerページにアクセスする必要があります。

そこで、Microsoft Clarityのトラッキングコード全体を「ヘッダー」フィールドに貼り付けます。

Paste the Microsoft Clarity Tracking Code Into WPCode's Header Field

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

このプラグインを使用すると、WordPressサイトのすべてのページにMicrosoft Clarityアナリティクスコードが自動的に追加され、サイト訪問者のアクティビティを追跡できるようになります。

方法3:All In One SEOを使ってMicrosoft Clarityコードを追加する

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

All In One SEOをサイトにインストールしている場合、それを使ってMicrosoft Clarityトラッキングコードを追加することができます。

All In One SEO ” 一般設定 ” ウェブマスターツールにアクセスし、「Microsoft Clarity」アイコンをクリックするだけです。

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

Pasting the Microsoft Clarity Project ID into AIOSEO

その後、本当に〜してもよいですか’変更を保存’ボタンをクリックすると、WordPressサイトがMicrosoft Clarityに接続されます。

プロからのアドバイス: WordPressのキャッシュプラグインを使用している場合は、プロジェクトIDまたはトラッキングコードを追加した後、WordPressのキャッシュをクリアする必要があります。そうしないと、マイクロソフトは数時間あなたのサイトを確認できないからです。

Microsoft Clarityの使用

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

ただし、クラリティのアカウントに結果が表示されるまでに最大2時間かかります。

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

数時間後にClarityアカウントにログインすると、ダッシュボードにアクティビティサマリーが表示されます。

Viewing the Microsoft Clarity analytics dashboard

デッドクリック」のあるセッションの割合など、有益なインサイトを見ることができます。これは、どこにも行かないクリックです。例えば、ユーザーはボタンやリンクだと思って画像をクリックしているかもしれません。

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

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

また、ユーザーがページを予想以上にスクロールした場合の過度なスクロールもトラッキングします。Google アナリティクスと同様、マイクロソフトはサイトで最も人気のあるページを簡単に確認できます。

マイクロソフト・クラリティ・レコーディングの使用

録画」タブには、さまざまなユーザーセッションの録画が表示されます。ユーザーの端末、オペレーティングシステム、国の詳細が表示されます。

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

Clarity showing the recordings of user sessions

録画では、マウスの動きとクリックのアニメーションを見ることができます。上のスクリーンショットでは、ユーザーが11月のアーカイブのリンクにマウスを移動し、クリックしたことがわかります。

Microsoft Clarity Heatmapsの使用

ヒートマップ」タブでは、サイトのヒートマップが表示されます。ヒートマップを見ることで、クリックした人の数からサイトのどのセクションが人気かを知ることができます。

Clarity's heatmap showing mouse clicks

ヒートマップでは、ユーザーがページをどこまでスクロールしたか、ページのどのエリアが最もクリックされたかも表示されます。

Microsoft Clarity Analyticsツールの最終フィードバック

Microsoft Clarityは、素晴らしい機能を備えた新しい分析ツールです。強力なGoogle アナリティクス・プラットフォームの代替にはなりませんが、無料のヒートマップやセッション記録など、興味深い機能を提供していることは間違いありません。

新規サイトのオーナーは、ヒートマップやセッションの記録を見たいが、HotJarやCrazyEggのようなプレミアムソリューションを購入する予算がないということがよくあります。しかし、Microsoft Clarityを使えば大丈夫です。

ヒートマップとセッションの記録を使用することで、サイトやオンラインストアのエクスペリエンスを最適化し、ユーザーエクスペリエンスを向上させ、売上を伸ばすことができるはずです。

WordPressアナリティクスのエキスパートガイド

WordPress に Microsoft Clarity Analytics をインストールする方法はお分かりいただけたと思いますが、WordPress の分析に関連する他のガイドもご覧ください:

この投稿で、WordPressにMicrosoft Clarity Analyticsをインストールする方法をご理解いただけたでしょうか。また、ブログのトラフィックを増やす方法についてのガイド、または専門家が選ぶビジネスを成長させる最高のメールマーケティングサービスもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

6件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I’m considering Clarity, especially now that I can integrate it with AIO SEO. I’m just curious whether the overall integration with Microsoft Clarity could potentially affect the website speed negatively?

    I’m only considering Microsoft Clarity temporarily for heatmaps, to determine the best placement, for example, for Google AdSense. In this context, it makes sense to me to identify the least used areas on the website and target advertising there.

    • WPBeginner Support says

      It should not have a major effect but we have not done a full in-depth analysis of any speed changes at the moment.

      管理者

      • Jiří Vaněk says

        Thank you for the advice. I finally connected the website with clarity thanks to AIO SEO and everything works perfectly. It’s a really cool tool. I’ve had it on the website for a few days, but I’m thrilled with it.

返信を残す

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