WordPressレビュー用のマウスフローヒートマップ分析

WordPressレビュー用のマウスフローヒートマップ分析

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


ヒートマップとは?

ヒートマップ分析のトピックに慣れていない方のために、簡単な概要を示します。.

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

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

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

10年間のヒートマップの進化, ソース: 10月2日

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

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

上のスクリーンショットは、ヒートマップが10年の間にどのように進化したかを表しています。 2005年には、彼らはこれを「聖三角形」と呼んでいました。つまり、最初の2つのリンクの最初の数文字が検索者の注意の大部分を占めていたことを意味していました.

10年後、上位5〜6のリンクの最初の数語をスキャンするように目を訓練しました。これにより、スクリーンショットの右側に表示される長方形のようなヒートマップが得られます.

セッションの記録と再生とは?

ヒートマップは、ウェブサイトの最もアクティブまたは最もクリックされた領域をよく見せてくれます。それは冷やすことではないでしょうか 実際に見る 訪問者があなたのウェブサイトをどのように操作したか?

マウスの動きは、 どこ 訪問者の注意は、ウェブサイトにあります.

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

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

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

セッションの記録と再生 ユーザーインタラクションテスト、A / Bテスト、およびユーザビリティテストに不可欠なツールです–すべてライブユーザーと.

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

セッションの記録、再生、ヒートマップが変換率の最適化に使用される他の多くの使用例があります。このレビューでは、Mouseflowが提供する必要がある上位5つの機能について説明します。

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

以降のセクションでは、各トピックについて詳しく説明します.

マウスフローダッシュボード

マウスフローヒートマップ分析ダッシュボード

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

マウスフローのダッシュボードには、最近のセッションの記録と人気のヒートマップを俯瞰的に表示します。グラフは記録されたセッション数を表し、ウェブサイトが取得するトラフィックに比例します.

ヒートマップ

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

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

クリックヒートマップは、クリック数が最も多い地域を表します。各ページには独自のヒートマップ表現があります。たとえば、お問い合わせフォームを含むページでは、 参加する ボタンは最大のクリック数を登録します.

ワードプレスのマウスフローでヒートマップをクリックします

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

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

運動ヒートマップ

ワードプレスのマウスフローでの移動ヒートマップ

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

動きのヒートマップは、動きが最も多いWebサイトの領域を表します。スクリーンショットでは、アクティビティが少ないことを表す青いパッチに注目してください。.

注意ヒートマップ

注意ヒートマップは興味深い指標です。これは、ユーザーが 最大時間.

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

ワードプレスのマウスフローの注意ヒートマップ

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

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

注意ヒートマップを使用して販売ページのコピーを改善する方法?

注意ヒートマップは測定するための優れたツールになる可能性があります どこ あなたの訪問者は彼らの時間のほとんどを費やしています。長い販売ページを書いている場合は、読者に実際にページを上から読んでもらい(ほとんどの時間をそこに費やします)、次に紹介文を続けて、 今買う ボタン.

したがって、販売ページのトップビットは理想的には , 注意ヒートマップ.

あなたの訪問者が ない 販売ページの最初の数行を読むと、売り込みとコピーの作業が必要であることを明確に示しています.

スクロールヒートマップ

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

スクロールヒートマップは、注意ヒートマップを補完します。注目度が高い場合、スクロールは低くなります。スクロールヒートマップに赤い領域が表示されると、誰かがあなたのコピーをざっと目を通しました。スクロールヒートマップの黄色から緑の領域は、ビジターが興味深く、または役立つと思うコピーのビットを示します。スクロールヒートマップは正しく使用すると、ランディングページのコピーを改善するための優れたツールになります.

ワードプレスのマウスフローでヒートマップをスクロール

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

ただし、チュートリアルでは、すべての場所をスクロールしました。そのため、すべてが赤でマークされています。フッター領域が青色で、スクロールアクティビティが最小であることを示しています。.

いくつのセッションを記録すべきか?

マウスフローでは、トラフィックのうち、記録するセッションの数を選択できます。たとえば、入力がifの場合、訪問者の3回のセッションのうち1回が記録されます。つまり、トラフィックのセッションの30%が記録されます.

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

この数を推定する簡単な方法は、Google Analyticsトラフィックレポートを検索することです。たとえば、1か月に1000回のユニークアクセスがあり、たとえば500セッションを記録する場合、Mouseflowを構成して、2人の訪問者のうち1人、つまりトラフィックの50%を記録します。.

地理ヒートマップ

ワードプレスのマウスフローの地理ヒートマップ

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

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

じょうご

ワードプレスのマウスフローでの電子ブックダウンロードファネル

Mouseflowによって作成されたWordPressのeBookダウンロードファネルの例

目標到達プロセスは、訪問者が完了するために行う一連のステップです。 アクション あなたのウェブサイトで.

メールアドレスと引き換えに、訪問者に最新の電子書籍のコピーをダウンロードしてもらいたいとします。これは、電子書籍のダウンロードを利用した、古典的なリードジェネレーションキャンペーンです。.

アクション あなたがあなたの訪問者が完了することを望んでいることは電子ブックをダウンロードすることです。このアクションには1つ以上の 歩数 関与した.

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

  1. 最初のページは、訪問者がオファリングについて読み、電子メールアドレスを入力する場所です.
  2. 2番目のページは確認ページで、訪問者にはPDFのダウンロード/ボタンが表示されます.

したがって、以下のスクリーンショットに示すように、eBookダウンロードの目標到達プロセスには2つのステップが含まれています。.

ワードプレスのマウスフローでの電子ブックダウンロードファネル-セットアップ

Mouseflowを使用してWordPressで電子ブックをダウンロードするための新しい目標到達プロセスを作成する

マウスフローは、目標到達プロセスの各段階での離脱率を測定します。この例では、電子ブックをダウンロードしておらず、最初の(ランディング)ページを表示した後にWebサイトを離れました。.

ワードプレスのマウスフローでの電子ブックダウンロードファネル-コンバージョン率

Mouseflowでの電子ブックダウンロードファネルのコンバージョン率

このスクリーンショットは、ランディングページに5人の訪問者があり、誰も確認ページに到達していないことを示しています.

マウスフローでファネルを使用してコンバージョン率を最適化する方法?

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

フォーム

マウスフローを使用してワードプレスでフォームを追跡する方法

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

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

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

マウスフローワードプレスのフォームセグメンテーション

マウスフローで追跡されたフォームのフィールドのセグメンテーション

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

マウスフローを使用してフォーム完了率を改善する方法?

マウスフローを使用すると、フォーム内のデータ量の多いフィールドを把握し、一般的なフォームへの入力にかかる時間を測定できます。フォーム内のフィールド数が多すぎる、または不適切である場合、訪問者がフォーム内のそれらの特定のフィールドでドロップすることに気付く場合があります。マウスフローを使用すると、これらのフィールドを識別して最適化し、最終的にフォームの完了率を上げることができます.

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

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

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

フィードバック

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

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

マウスフローワードプレスのフィードバックキャンペーン

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

調査を完了すると、これが確認ページになります.

マウスフローワードプレスのフィードバックキャンペーン

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

Mouseflowを使用してWordPressでフィードバックキャンペーンを作成する方法?

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

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

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

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

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

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

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

トリガー 各フィードバックキャンペーンが表示されるタイミングと場所を定義します。マウスフローには、トリガーを定義するためのさまざまなオプションがあります。たとえば、上のスクリーンショットでは:

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

トリガーを定義したら、 続行します.

Mouseflowのフィードバックキャンペーンの強制終了スイッチ

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

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

マウスフローの好きなところ

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

フリーミアムモデル

マウスフロー料金

マウスフロー料金モデル

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

各クレジットは、記録された1セッションに相当します。ただし、クレジットの上限は1か月あたり200です。つまり、クレジットを使用しなかった場合、クレジットは失われます.

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

組み込みのWordPress互換性

マウスフローワードプレスプラグイン

WordPressのマウスフロープラグインダッシュボード

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

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

ワードプレスのマウスフローにウェブサイトトラッキングコードを追加する

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

クリック 追跡コード WordPressサイトにトラッキングコードを挿入します。このサイトのトラッキングコード情報は、Mouseflowアカウントの下にあります。 設定.

ワードプレスのマウスフローでのWebサイト設定

マウスフローのサイト情報

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

その他のクールなもの

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

マウスフローの新しいユーザーオンボーディングプロセスが気に入ったので、ダッシュボードのさまざまなオプションすべてに慣れました。ナレッジベースを参照せずに、10分もかからずに立ち上がって実行していました。また、6つのカテゴリに整理されたクールなトレーニングビデオもあります。.

サードパーティの統合 

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

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

  1. コンテンツ管理システム: WordPress以外に、MouseflowはJoomla、Drupal、Blogger、およびその他のHTML5 Webサイトと統合されています。また、SquarespaceやWeeblyなどの人気のサイトビルダーと統合します。 Wixはまだ専用の統合を取得していません.
  2. eコマース: 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は、Hubspot、Optimizely、Intuitなど、業界で最も有名な企業の一部が使用しています。執筆時点では、顧客ベースは10万人を超えています.

まとめ

ウェブサイト分析は、今日の注意力不足の経済において活況を呈している分野です。数百万ドルが分析と帰属のための新しい研究とソリューションへの資金提供に注がれています。 Mouseflowは、ヒートマップ分析の基本を理解するためのマーケティング担当者にとって最適なスタートです。.

これまでに取り上げた内容を簡単にまとめてみましょう。

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map