ウェブサイト検索

WordPress の Mouseflow ヒートマップ分析のレビュー

ヒートマップの分析は、オンライン ストアや Web サイトのコンバージョン率を最適化するための科学的なアプローチです。これは、ランディング ページ、お問い合わせフォーム、購入目標到達プロセスの有効性をデータに基づいて測定する方法です。 Mouseflow は、フリーミアムのヒートマップ分析、セッションの再生および記録ツールです。この記事では、Mouseflow をお気に入りの CMS ツールである WordPress と統合してレビューします。

ヒートマップとは何ですか?

ヒートマップ分析のトピックを初めて使用する方のために、簡単に概要を説明します。

ヒートマップは、Web サイトの最もアクティブな領域を視覚的に表現したものです。最もクリックされた領域 (ブログの ここからメニュー項目など) は、ヒートマップでは赤で表示されます。

検索エンジンのヒートマップ

10 年間のヒートマップの進化、出典: Two Octobers

検索エンジンのヒートマップの例を見てみましょう。

Google (またはその他の検索エンジン) では、最初の 3 つの検索結果が最もクリックされたリンクです。その結果、その領域はヒートマップ内で「最もアクティブな」または「ホット」な領域であるため、ヒートマップ内では赤色で表示されます。これに続くリンク (つまり、5 番目、6 番目など) のリンクではクリック数が減少し、ヒートマップ内で「冷たい」色 (オレンジから黄色、緑、青) になります。

上のスクリーンショットは、ヒートマップが 10 年間にわたってどのように進化したかを表しています。 2005 年当時、彼らはそれを「ホーリー トライアングル」と呼んでいました。これは、最初の 2 つのリンクの最初の数文字が検索者の注目を集めるという意味でした。

10 年後、私たちは上位 5 ～ 6 のリンクの最初の数単語を精査する目を訓練しました。これにより、スクリーンショットの右側にある長方形のようなヒートマップが得られます。

セッションの記録と再生とは何ですか?

ヒートマップを使用すると、Web サイト内で最もアクティブな領域や最もクリックされた領域を詳しく調べることができます。訪問者がウェブサイトとどのようにやり取りしたかを実際に確認できたら素晴らしいと思いませんか?

マウスの動きは、 訪問者の注意がウェブサイト内のどこにあるのかを示す強力な指標です。

セッション録画は完璧なソリューションです。基本的にセッションは、訪問者が 1 回の訪問で行うアクティビティ全体です。これには、Web サイトが読み込まれてからタブ (またはウィンドウ) が閉じられるまでの時間が含まれます。 Mouseflow は、Web サイト訪問者の個々のセッションを記録し、ブラウザでいつでも再生できるようにします。

記録されたセッションを再生することをセッションリプレイと呼びます。これは実際には、訪問者とウェブサイトのやり取り全体を記録したビデオです。これには、入力された情報 (パスワードは常に非表示になります)、フォームの操作、クリック、その他すべてのアクティビティが含まれます。

セッションの記録と再生の利点

セッションの記録と再生は、実際のユーザーを対象としたユーザー インタラクション テスト、A/B テスト、ユーザビリティ テストにおいて不可欠なツールです。

電子書籍のダウンロード ページの例を見てみましょう。これはリード生成における古典的なユースケースで、ユーザーの電子メール アドレスと電子メールの送信許可と引き換えに、ユーザーに何か (この場合は電子書籍) を提供します。セッション記録では、 ユーザーがフォームをどのように操作しているか、実際にフォームに入力した人数、ユーザーがドロップするまでに入力したフィールドの数などが表示されます。

コンバージョン率の最適化のためにセッションの記録、再生、ヒートマップが使用されるユースケースは他にもたくさんあります。このレビューでは、Mouseflow が提供する上位 5 つの機能について説明します。

  1. ヒートマップ
  2. セッション録音
  3. セッションのリプレイ
  4. フォームセッションの記録
  5. フィードバックの収集

次のセクションで各トピックについて詳しく説明します。

Mouseflow ダッシュボード

Mouseflow ダッシュボードの鳥瞰図

Mouseflow のダッシュボードでは、最近のセッション録画と人気のヒートマップを概観できます。グラフは記録されたセッション数を表し、Web サイトが取得するトラフィックに比例します。

ヒートマップ

Mouseflow のヒートマップ分析は、クリック ヒートマップ、移動ヒートマップ、スクロール ヒートマップ、地理的ヒートマップを含む 5 つの異なる次元をサポートします。お問い合わせフォームを含む単一ページを評価し、5 種類のヒートマップそれぞれでテストします。

「ヒートマップ」をクリックします

クリック ヒートマップは、最も多くのクリック数が発生した領域を表します。各ページには独自のヒートマップ表現があります。たとえば、お問い合わせフォームを含むページでは、[送信 ] ボタンが最も多くのクリック数を記録します。

Mouseflow を使用して作成された、WordPress のクリック ヒートマップのスクリーンショット

これは、このチュートリアル用に作成したデモ Web サイトのクリック ヒートマップのスクリーンショットです。お問い合わせフォームを 3 回送信しただけなので、3 回のクリックが記録されます。 3 はヒートマップで考慮される数としては非常に小さいため、青で強調表示されています。

動きのヒートマップ

Mouseflow を使用して作成された、WordPress の動きヒートマップのスクリーンショット

動きのヒートマップは、Web サイト内で動きが最も大きい領域を表します。スクリーンショットでは、アクティビティが低いことを表す青いパッチに気づくでしょう。

アテンションヒートマップ

アテンション ヒートマップは興味深い指標です。ユーザーが最大の時間を費やすエリアを表します。

このスクリーンショットを使って説明しましょう。

Mouseflow を使用して作成された、WordPress のアテンション ヒートマップのスクリーンショット

緑色の領域の平均所要時間は 10.2 秒ですが、赤色の領域の平均所要時間は 21 秒です。これは、サイト訪問者がサイトの赤い領域でかなりの時間を費やしていることを示しています。私たちの場合、それはお問い合わせフォームです。

アテンション ヒートマップを使用して販売ページのコピーを改善するにはどうすればよいですか?

アテンション ヒートマップは、 訪問者がどこにほとんどの時間を費やしているかを測定する優れたツールです。長い販売ページを作成している場合は、読者に実際にページを最初から読んでもらい (ほとんどの時間をそこに費やし)、その後に紹介文を読んで、[今すぐ購入] ボタンをクリックしてもらいたいと考えています。 。

したがって、理想的には、販売ページの最上位部分は、アテンション ヒートマップで赤である必要があります。

訪問者が販売ページの最初の数行を読んでいない場合、それはあなたの売り込みとコピーに努力が必要であることを明確に示しています。

スクロールヒートマップ

スクロール ヒートマップは、Web サイト内で最もスクロールされた領域を表します。 Web サイトの訪問者は、ヘッダーからすぐに下にスクロールして、コンテンツの部分に到達する傾向があります。

スクロール ヒートマップはアテンション ヒートマップを補完します。注目度が高いときは、スクロールは低くなります。スクロール ヒートマップに赤い領域が表示されると、誰かがコピーをざっと読んだことがわかります。スクロール ヒートマップ内の黄色から緑色の領域は、訪問者が興味を持ったり役立つとコピー内で感じた部分を示します。スクロール ヒートマップを正しく使用すると、ランディング ページのコピーを改善するための優れたツールになります。

Mouseflow を使用して作成された、WordPress のスクロール ヒートマップのスクリーンショット

ただし、チュートリアルではあちこちスクロールしたため、すべてが赤色でマークされています。フッター領域が青色になっていることがわかりますが、これはスクロール アクティビティが最小限であることを示しています。

何セッションを記録すればよいですか?

Mouseflow では、トラフィックから記録するセッションの数を選択するオプションが提供されます。たとえば、入力が 1/3 の場合、訪問者のセッションは 3 人に 1 人が記録されます。言い換えれば、トラフィックのセッションの 30% が記録されることになります。

これは使用計画を立てる上で重要です。記録された各セッションはクレジットです。購入したプランに応じて、総トラフィックのうち記録されたトラフィックの割合を調整する必要があります。

この数値を見積もる簡単な方法は、Google Analytics のトラフィック レポートを参照することです。たとえば、毎月 1000 のユニークな訪問があり、たとえば 500 のセッションを記録したい場合、訪問者の 2 人に 1 人、つまりトラフィックの 50% を記録するように Mouseflow を設定します。

地理的ヒートマップ

Mouseflow を使用して作成された、WordPress の地域ヒートマップのスクリーンショット

地理的ヒートマップは、訪問者のほとんどが出身国をハイライト表示します。このデータは、Google Analytics や Kissmetrics などのほとんどの分析ソフトウェアで利用できます。上のスクリーンショットはデモ サイトのものなので、インドだけが強調表示されています。

漏斗

Mouseflow によって作成された、WordPress の電子書籍ダウンロード ファネルの例

ファネルとは、訪問者がウェブサイト内でアクションを完了するために実行する一連のステップです。

訪問者に電子メール アドレスと引き換えに、最新の電子書籍のコピーをダウンロードしてもらいたいとします。これは、電子書籍のダウンロードを利用した古典的な見込み顧客発掘キャンペーンです。

訪問者に実行してもらいたいアクションは、電子書籍のダウンロードです。このアクションには 1 つ以上のステップが関係します。

物事を簡単にするために、このアクションの 2 つのステップ (またはページ) を考えてみましょう。

  1. 最初のページでは、訪問者がサービスについて読んで電子メール アドレスを入力します。
  2. 2 ページ目は確認ページで、訪問者には PDF のダウンロード/ボタンが表示されます。

したがって、電子書籍ダウンロードのファネルには、以下のスクリーンショットに示すように 2 つのステップが含まれています。

Mouseflow を使用して WordPress で電子書籍ダウンロード用の新しいファネルを作成する

Mouseflow は、ファネルの各段階での離脱率を測定します。この例では、電子ブックをダウンロードしておらず、最初の (ランディング) ページを表示した後に Web サイトから離れています。

Mouseflow の電子書籍ダウンロード ファネルのコンバージョン率

このスクリーンショットは、ランディング ページに 5 人の訪問者が到着しましたが、確認ページにたどり着いた人はいなかったことを示しています。

Mouseflow のファネルを使用してコンバージョン率を最適化する方法?

ファネルを使用すると、訪問者がサイト内でどのように行動しているかを追跡できます。これらは、コンバージョンファネル内の漏れ領域を発見するのに非常に役立ちます。リークしているページを特定したら、問題の領域がわかります。その後、ページのコピーを最適化して (場合によってはページを完全に削除して)、ドロップオフ率が低下するかどうかを確認します。

フォーム

Mouseflow を使用した WordPress でのフォームの追跡

Mouseflow を使用すると、訪問者が WordPress のフォームをどのように操作するかを追跡できます。これは、B2C の Web サイトや製品と比較して、リードあたりのコストが大幅に高い B2B のリード生成やコンテンツ マーケティングに特に役立ちます。

このチュートリアル用に作成したWPExplorer テスト フォームについて考えてみましょう。

Mouseflow での追跡されたフォームのフィールドのセグメント化

このスクリーンショットは、フォームのページに 2 人の訪問者がいて、電子メール アドレス フィールドに最大時間が費やされたことを示しています。また、実際にフォームに記入して送信していないため、コンバージョン率が 0% であることにも注目してください。

Mouseflow を使用してフォームの完了率を向上させるにはどうすればよいですか?

Mouseflow を使用すると、フォーム内のデータ集約型フィールドを把握し、一般的なフォームの入力にかかる時間を測定できます。フォーム内のフィールドの数が多すぎる場合、またはさらに悪いことに無関係な場合、訪問者がフォーム内の特定のフィールドで離れてしまうことがあるかもしれません。 Mouseflow を使用すると、これらのフィールドを特定して最適化し、最終的にフォームの完了率を向上させることができます。

Mouseflow を使用して WordPress でフォームを追跡する方法?

Mouseflow を使用して WordPress でフォームを追跡するには、いくつかの手順を実行します。

  1. まず、WordPress でフォームを設定し、URL をコピーします
  2. Mouseflow ダッシュボードの「フォーム」ページに移動し、「新規フォーム」をクリックします。
  3. 手順 1 でコピーした URL を貼り付けます。
  4. Mouseflow は、ページのフォームとそのすべてのフィールドを自動的に認識します。
  5. 追跡しやすいように、フォーム内の各フィールドに名前を割り当てることができます。
  6. 最後に、「フォームの作成」をクリックして、フォームのインタラクションの追跡を開始します。

フィードバック

Mouseflow を使用すると、Web サイト訪問者向けに美しく、邪魔にならないフィードバック キャンペーンを作成できます。結局のところ、読者や顧客の意見に耳を傾けることは、サイトを改善する確実な方法です。

一般的なフィードバック キャンペーンは次のようになります。

Mouseflow を使用して作成された WordPress のフィードバック キャンペーン

アンケートに回答すると、確認ページが表示されます。

フィードバック キャンペーンの確認/ありがとうページ

Mouseflow を使用して WordPress でフィードバック キャンペーンを作成するにはどうすればよいですか?

次に、Mouseflow でフィードバック キャンペーンを作成する方法を見てみましょう。

Mouseflow ダッシュボードにログインし、左側のメニューから [フィードバック] をクリックし、[新しいキャンペーンの追加] をクリックします。

Mouseflow で新しいフィードバック キャンペーンを作成する

質問は必要なだけ追加できます。少なくとも 1 つの質問を追加できます。回答オプションには、多肢選択、テキスト段落 (小/大)、またはネット プロモーター スコアが含まれます。

右側に質問と回答のオプションのプレビューが表示されます。

最後に、成功ページのコンテンツを定義し、[次へ] をクリックします。

フィードバック キャンペーンのトリガー

トリガーは、各フィードバック キャンペーンがいつ、どこに表示されるかを定義します。 Mouseflow は、トリガーを定義するためのさまざまなオプションを提供します。たとえば、上のスクリーンショットでは次のようになります。

  1. フィードバック キャンペーンは、ページが読み込まれるとすぐに読み込まれます。
  2. これは、登録ユーザーであるか他のセグメント化されたユーザーであるかに関係なく、すべての訪問者に対してロードされます。
  3. キャンペーンはすべてのページに読み込まれます (ただし、ログイン ページには表示しないことをお勧めします)。
  4. 重要なオプション – キャンペーン フォームはユーザーごとに 1 回だけ表示されます。

トリガーを定義したら、[次へ ] をクリックして続行します。

Mouseflow でのフィードバック キャンペーンのキル スイッチ

最後に、作成直後にキャンペーンをアクティブ化することを選択できます。

ただし、インデックスが作成されていないページ、または最も人気のないページに限定して、最初にライブ サイトでキャンペーンをテストし、データが適切に収集されるかどうかを確認することをお勧めします。キャンペーンが機能することを確認したら、サイト全体に展開できます。

Mouseflow の好きなところ

Mouseflow の直感的なインターフェイスと複数の追跡オプションにより、ヒートマップ分析の優れたスタート地点となります。

フリーミアムモデル

Mouseflow 料金モデル

Mouseflow はフリーミアム モデルで動作し、毎月 200 の無料クレジットを提供します。

各クレジットは 1 つの記録されたセッションに相当します。ただし、クレジットは月あたり 200 に制限されているため、使用しないとクレジットが失われます。

MailChimp (私のお気に入りの電子メール サービス プロバイダー) と同様に、Mouseflow を使用すると、サービスにコミットする前にサービスを柔軟に試すことができます。また、他のヒートマップ分析サービスと比較して、Mouseflow はかなり競争力のある価格戦略を採用しています。

組み込みの WordPress 互換性

WordPress の Mouseflow プラグイン ダッシュボード

Mouseflow は、WordPress を含む複数のツールとの統合をサポートしています (これについては後で詳しく説明します)。 Mouseflow を使用して WordPress サイトの追跡を開始するには、Mouseflow for WordPress プラグインをダウンロードしてアクティブ化するだけです。

Mouseflow という新しいエントリが WordPress ダッシュボードの左側のバーに表示されます。

WordPress に Mouseflow のトラッキング コードを挿入する

[トラッキング コード ] をクリックして、WordPress サイトにトラッキング コードを挿入します。サイトのトラッキング コード情報は、Mouseflow アカウントの [設定] で確認できます。

Mouseflow のサイト情報

完了すると、Mouseflow は WordPress サイトでのセッションの記録を開始します。

その他のクールなもの

Mouseflow の新規ユーザー オンボーディング プロセス

私は、Mouseflow の新規ユーザー オンボーディング プロセスが気に入っています。これにより、ダッシュボードのさまざまなオプションをすべて理解できるようになりました。ナレッジベースを参照しなくても、10 分以内に起動して実行できました。また、6 つのカテゴリにきちんとまとめられたクールなトレーニング ビデオもいくつかあります。

サードパーティの統合

Mouseflow は 30 以上のサードパーティ ソフトウェアと統合します

Mouseflow は、CMS からマーケティング ソフトウェア、高度なタグ管理ソフトウェアに至るまで、複数のサードパーティ統合をサポートしています。この記事の執筆時点では、Mouseflow は 30 のネイティブ統合をサポートしており、次の 6 つの主要カテゴリに分類されています。

  1. コンテンツ管理システム:WordPress 以外に、Mouseflow は Joomla、Drupal、Blogger、および古き良き HTML5 Web サイトと統合します。また、Squarespace や Weebly などの人気のあるサイトビルダーとも統合されています。 Wix はまだ専用の統合を取得していません。
  2. 電子商取引: Mouseflow は、Prestashop、Magento、3dcart などの主要なオープンソース e コマース ソフトウェアや、Shopify などの人気のある有料ソリューションと統合します。
  3. 分析: Mouseflow のデータを、Google Analytics、Adobe Analytics などの一般的な分析ソフトウェアや、Kissmetrics や Coremetrics などの特殊な分析ソフトウェアと統合できます。
  4. マーケティング: Mouseflow は、Hubspot、Instapage、Unbounce、Optimizely などの主要なマーケティング ソフトウェアをサポートしています。
  5. カスタマー サービス: リアルタイムの役立つカスタマー サポートは、ビジネスの成功と長期的な安定の基礎となる要件です。 Mouseflow は、Zendesk、Olark、Freshdesk、Zopim などの主要なカスタマー サポートおよびヘルプデスク ソフトウェアとも統合します。
  6. タグ管理: アトリビューションは、マーケティング活動と ROI を測定するための鍵となります。 Segment.io や Google タグ マネージャーなどの高度なタグ管理ソフトウェアがあります。 Mouseflow は、Ensighten および Tealium とともに、これらとネイティブに統合します。

これに加えて、Mouseflow には強力な REST API もあり、これを使用すると、任意のカスタム ポータルからデータにアクセスできます。

マウスフローの顧客

Mouseflow には素晴らしい顧客がいます

Mouseflow は、Hubspot、Optimizely、Intuit などの業界最大手企業によって使用されています。この記事の執筆時点で、同社の顧客ベースは 100,000 人を超えています。

まとめ

ウェブサイト分析は、今日の注意欠陥経済において急成長している分野です。新しい研究や分析とアトリビューションのためのソリューションに資金を提供するために、何百万ドルも注ぎ込まれています。 Mouseflow は、マーケティング担当者がヒートマップ分析の基本を理解するための完璧なスタート地点となります。

これまで説明した内容を簡単にまとめてみましょう。

  1. ヒートマップとは何ですか?
  2. セッションの記録と再生がユーザー行動分析にどのように役立つか
  3. Mouseflow の機能には、ヒートマップ (クリック、動き、注意、スクロール、地理)、ファネル、フォーム、フィードバック キャンペーンが含まれます。
  4. WordPress と Mouseflow のセットアップ方法
  5. 30 以上のサードパーティ統合や永久無料プランなど、Mouseflow に関する優れた点を紹介します。

いつものように、質問を残しておきます。 サイトでヒートマップ分析を使用していますか?使用している場合、どのソフトウェアを使用していますか?機能的には Mouseflow よりも優れていますか?以下のコメント欄でお知らせください。