HotJar + Convert：目標到達プロセスを完全に最適化するためのステップバイステップガイド。

HotJar＆Convert主演のCRO映画

確かに：それは新しいアベンジャーズではありません。

そして、私たちはそれが面白いとは言えないふりをしません。

しかし…HotJarの「映画」は（潜在的に）より重要です。

なんで？

この気の利いたツールを使用すると、訪問者がWebサイトをどのように操作するか、カートを放棄する理由、フォームを送信できない理由、および戻るボタンを押す原因となるページまたはサイトセクションを直接確認できます。

また、Convert Experiencesをミックスに追加すると、目標到達プロセスのすべての段階からのHotJarインサイトをテストバリアントに変換することができます。

UIの混乱を排除し、トラフィックのフラストレーションを減らし、見込み客が本当に望んでいるものについての決定的なアイデアを残すことができるバリアント。

ConvertExperiencesをHotjarと統合する

HotjarをConvertExperiencesと統合すると、ConvertExperiencesアカウント内のすべてのHotjar機能を有効にできます。

統合の設定：

2つのプラットフォームを統合するには：

1. Convert ExperiencesTrackingCodeをWebサイトに追加します
2. HotjarトラッキングコードをWebサイトに追加します
3. [エクスペリエンスの概要]画面（[設定]セクションの下）でHotjar統合を有効にします
   （詳細については、ここで完全なステップバイステップの説明をお読みください）。

統合の検証

インストールの準備ができたら、ConvertChromeDebuggerをインストールしてセットアップを確認します。

どのデータが使用されますか？

統合が有効になると、Hotjarアカウントのすべての記録に次のようにタグが付けられます：「変換：AAA –BBB」ここで：

• AAA –データの匿名化が有効になっているかどうかに応じて、Convertアカウントで見つかった最初の20文字または実験のIDに制限された実験の名前。
• BBB –データの匿名化が有効になっているかどうかに応じて、最初の20文字に制限されたバリエーションの名前またはConvertアカウントで見つかったバリエーションのID。

Hotjarアカウント内で、特定の実験とバリエーションのペアに基づいて記録をフィルタリングし、特定のバリエーションが提供されたときの訪問者の行動を分析できます。

次は何ですか？

Convert with Hotjarを起動して実行したら、次は何をしますか？

ここでは、Convert Experiencesの基本的な知識でさえ、ランディングページ、フォームフィールド、CTA、レスポンシブデザインなどを改善するのにどのように役立つかを示します。 あなたが見ることができます：

• あなたのウェブサイトが何人の訪問者を得るか
• あなたの訪問者がぶらぶらしている時間
• 彼らが出身の州（または国）
• 訪問者が使用するデバイス（モバイル、デスクトップ、タブレット）
• どのキャンペーンから彼らはあなたの店に着陸します
• 商品の画像が実際に魅力的である場合。
• ストアが訪問者からのアクションを刺激する場合。
• ページ上の製品の位置が顧客にとって厄介な場合。
• 製品に到達するために下にスクロールしすぎる必要がある場合。
• 効果的で明確なバリュープロポジションとCTAとしてあなたがそうであるかどうか？

情報量が多すぎると感じることがあるので、最初は深く掘り下げないことをお勧めします。 あなたにとって本当に重要な主要な指標に焦点を当てます。

単純な分析でも、ストアに大きな影響を与える可能性のある変更を促すことができます。

[追記：その点については、スモールデータのウェビナーをご覧ください。 大きな影響を与えるために「ささいなこと」を見つけて使用するプロセスについて説明します]
<<埋め込みコード>>

Convert ExperiencesをHotjarと統合するポイントは、ユーザーの行動を可能な限り深く理解することです。 追跡すればするほど、訪問者がサイトをどのように操作しているかをよりよく理解できます。

訪問者の記録でカートの放棄を防ぐ

Hotjarの訪問者の記録を使用してチェックアウトプロセスを最適化することにより、オンラインショッピングカートの放棄を防ぐことができます。

訪問者の記録は、訪問者がサイトで何をしているかを確認できる短い記録です。 そして、これらの録音の多くを見て分析すると、パターンを見つけ始めるでしょう。 チェックアウトプロセス中に危険信号を特定できるようになります。 そして、人々がカートを放棄している理由をよりよく理解できます。

訪問者の記録はあなたに多くの生の情報を与えることができます。 これらの洞察を使用してカートの放棄率を下げるには、次の点を確認する必要があります。

• 人々はあなたの製品ページにどれくらい滞在していますか？
• 人々はどれくらい速くスクロールしますか？ 彼らはスキミングしたり、注意深く読んだりしますか？
• 訪問者は何かに気を取られていますか？
• 訪問者の注意を引くものは何ですか？ 彼らが最も興味を持っているのは何ですか？
• 何が彼らを彼らのショッピングカートから離れてクリックさせるのですか？
• 他に何がコンバージョン率を損なう可能性がありますか？

これらは、訪問者の記録を表示および分析するときに尋ねる良い質問です。 彼らはあなたが可能な限りオンラインショッピングカートの放棄を防ぐのを助けます。

Shopifyストアの例

Shopifyストアがあり、チェックアウトページを変更したいとします。 こちらの手順に従ってShopifyのチェックアウトページにConvertトラッキングコードをインストールし、Convert内にA/Bエクスペリエンスを作成します。 バリアントは、チェックアウトページに信頼のシンボルと送料無料の追加のバナーを表示します（専門家はそれらが機能すると言います）。

しばらくすると、Convertレポートで、元のバージョンが勝ち、追加のバナーがそれ以上の購入をもたらさなかったことがわかります。

訪問者がConvertでデザインしたオリジナルとバリエーションを好む理由を知りたいと思います。

これを行うには、バリエーションのチェックアウトページでHotJar訪問者の記録を使用します。訪問者は、これらのバナーに実際に気を取られているため、カートを放棄していることに気付きます。

バナーを削除し、Convert A / Bエクスペリエンスを調整して、より多くのチェックアウトを促進します。 そして、将来、視聴者に行動を起こしてもらいたい場合は、信頼を高めるものを追加するよりも、気を散らすものを最小限に抑えることを優先することを学びます。

訪問者が去る理由を理解する

顧客調査と世論調査で

もう1つの便利なHotjar機能はフィードバックツールで、左側に表示されます。

調査と投票を使用すると、Webサイトに顧客フィードバックのリクエストを挿入できます。 これは、ユーザビリティテストでさえ訪問者の抵抗に光を当てない場合に役立ちます。

最大ドロップオフの瞬間にこれらの機能を使用して、訪問者がそれ以上のアクションを実行せずに離れる理由を見つけることができます。 寄せられるコメントは、ConvertExperiencesで収集した定量的データをサポートします。 Convert A/Bエクスペリエンスまたはパーソナライズでポーリングを有効にする方法は次のとおりです。

じょうご付き

HotJarは、目標到達プロセスと呼ばれる優れた機能を提供します。 したがって、調査や投票を使用する代わりに、HotJarファネルを使用して、大幅なドロップオフが発生するページを確実に見つけることができます。

ヒートマップを使用してデバイステストを行う

サイトのページは、さまざまなサイズのデバイスや画面間で大きく異なります。

超大画面、ネットブック、タブレット、電話の人気の高まりとともに。 ガジェット全体で最適なエクスペリエンスを確保することは課題です。

デスクトップのスクロールしなければ見えない位置にある重要なコンテンツは、電話の折り畳みよりかなり下になってしまう可能性があります。 同様に、非常に大きな画面では、ページのコンテンツがまばらに見えて読めなくなる可能性があります。

Hotjarヒートマップレポートは、ブラウザとデバイス間のこれらの違いと、訪問者がコンテンツをどのように操作するかを簡単に明らかにします。 画面とブラウザの仕様に合わせてページを調整できるように、レスポンシブデザインを導入します。 Hotjarヒートマップの調査結果を使用して、このレスポンシブデザインを微調整します。

ページ上のエクスペリエンスを定義する変数が多数ある場合でも、重要なコンテンツのより高いエンゲージメントと優先順位付けが突然可能になります。

新しいヒートマップレポートで変更をフォローアップして、微調整の影響を確認します。

完了したら、これらの調査結果をConvertパーソナライズに渡します。このパーソナライズでは、さまざまなオーディエンスがデバイスとブラウザーの設定に基づいてさまざまなデザインを取得します。 Convertパーソナライズでヒートマップを有効にする方法については、こちらをご覧ください。

ヒント：HotJarは、7つの追加のヒートマップテストも提供します。

ランディングページを改善する

ランディングページ最適化（LPO）は、CROドライブの重要な部分です。

そして、Convert Experiences/HotJarの統合はここで驚異的に機能します。

Hotjarを使用すると、ユーザーが何を望んでいるか、何を気にかけているか、クリック、タップ、スクロール動作の視覚的表現（マップ）を通じてユーザーがサイトをどのように操作しているかを理解できます。 あなたは人々を混乱させるものを見て、これらの障害を取り除くことができます。

ランディングページがあり、それを最適化したいとします。 ランディングページにConvertトラッキングコードをインストールし、Convert A/Bエクスペリエンスを作成します。 それに伴う変更は、フッターの追加のソーシャルボタンです。

しばらくすると、Convertレポートに、元のバージョンが勝っていて、追加のソーシャルアイコンがそれ以上の購入をもたらさないことが示されます。

訪問者がConvertでデザインしたオリジナルとバリエーションを好む理由を知りたいと思います。 そのために、HotJarを使用すると、訪問者がランディングページのフッターまでスクロールしないことに気付きます。

ソーシャルアイコンをヘッダーに移動し、Convert A / Bエクスペリエンスを適応させて、コンバージョンに認識できるプラスの影響を与えます。 重要な人々からの洞察。

Convert Multipage Experienceを構築し、仮説の有効性をすばやく把握する必要があると想像してください。 Hotjar Recruitersウィジェットは、適格なトラフィックから迅速かつ簡単に同意を取得し、ユーザー調査にサインアップします。

これで、ターゲットセグメントのメンバーのプロファイルを作成し、サービスと引き換えにギフトを提供することができます。

また、Convert Split URLテストを作成して、より適切に変換されるもの（RecruitersFeatureまたはSurveyFeature）を見つけることもできます。

このHotjar機能をConvertエクスペリエンスに追加するだけで、フィードバックの収集が開始されます

UIの混乱のポイントを検出する：

インスペクトレットが言うように：

「怒りのクリックは、ユーザーによるフラストレーションの瞬間を識別します。これは通常、UIの変更をトリガーせずに領域を過度にクリックすることによって引き起こされます。 ユーザーの怒りの一般的なポイントには、デッドリンク（リンクのように見えるがそうではないテキスト）のクリック、画像を拡大したい（失敗した）画像のクリック、その他のUIの混乱のポイントが含まれます。」

Hotjarダッシュボードで、セッションの記録に移動します。 調査するページのURLでフィルタリングします。 次に、怒りクリックフィルターを適用します。 これで、Webサイトの任意のページをクリックした顧客の記録を見て分析する準備が整いました。 録音を分析することで、訪問者を苛立たせるUI要素を修正するための正しい方向を示す必要があります。

フォームの提出を急増させる

フォームを設計して実験するとき、訪問者がフォームフィールドとどのように相互作用するかについての追加の洞察を得ることができます。 HotJarとConvertExperiencesを使用すると、空白のままのフィールド、データの再入力を確認するフィールド、およびフォームの変換率を低下させるフィールドについて学習できます。

まず、Convert Multivariate Experienceを使用して、複数の調整または要素の変更を含むフォームを設計します。

完了したら、Hotjarの訪問者の記録を使用して、トラフィックを煩わせるフォームフィールドまたはフォーム要素を削除します。

最後に、残っているフィールドにA / Bテストを適用し、訪問者にとって本当に重要なものにフォームを絞り込みます。

特にGDPRに関するプライバシーの懸念はありますか？

これまでのところ、Hotjarは簡単なコードで、Webサイト訪問者のユーザーセッションを記録します。 使用しているデバイスに応じて、実際にスクロールしたり、カーソルを画面上で移動したり、クリックまたはタップしたりするのを見ることができます。

しかし、ユーザーのプライバシーはどうですか？

データプライバシーに関する新しい法律であるGDPRにより、ユーザーセッションの記録が少し不気味になります。 これはプライバシーの侵害と見なすことができますか？ いいえ、HotjarはIPアドレスなど、個々のユーザーに関する個人を特定できる情報を収集しないためです。 代わりに、セッションの記録を区別するために一意のユーザーID番号を割り当てます。 さらに、Hotjarは、パスワードやクレジットカード番号などの機密情報の入力フィールドを自動的に検出し、キーストロークを記録しません。 Hotjarの設定で特定の入力フィールドとテキストを手動でマスクすることもできます。

Convertは、あなたのプライバシーとトラフィックのプライバシーを本当に気にかけています。 プロセスで訪問者を苛立たせることなく、提供する最良のソリューションに訪問者を誘導したい場合は、コンバージョン率の最適化が不可欠です。

これが、ユーザーの権利を侵害することなく、文字通り100万回のクリックに相当するCRO画像を描画するHotJarのようなツールと緊密に統合されている理由です。

このパートナーシップの実際をご覧になりたい場合は、ConvertExperiencesの無料トライアルにサインアップしてください。