ヒートマップとゾーニングの作成方法

この記事では、新しいヒートマップとゾーニングをゼロから作成する方法、または利用可能なテンプレートを使用する方法について説明します。

ヒートマップは、サイトのページ全体にわたるユーザーエンゲージメントの広範な概要を取得することを可能にします。ユーザーのインタラクション（クリック、移動、スクロールアクションなど）を視覚化し、データは色付きの温度スケールで表現されます。

ゾーニング（Growth、Pro、Enterpriseプラン）は、サイトのページにおけるユーザーエンゲージメントの類似の分析を実行することを可能にしますが、より詳細な指標とページを定義されたゾーンに配置することができます。各ページのゾーンは色で表され、視覚化されたデータオーバーレイが簡単に表示されます。

始める前に

• ヒートマップまたはゾーニングを作成する前に、分析したいURLで少なくとも1つのセッションをキャプチャしていることが重要です。
• ヒートマップ：デスクトップビューでデータが表示されない場合は、タブレットおよびモバイルビューを確認する価値があります。ユーザーがデスクトップデバイスからURLにアクセスしていない可能性があります。
• ヒートマップ：ヒートマップが利用できない場合は、セッションキャプチャ設定が特定のページに制限されていないか、イベントに依存していないことを確認してください。これにより、分析したいURLが除外される可能性があります。

新しいヒートマップまたはゾーニングを作成する

注: プランに応じて、ヒートマップメニュー（無料プラン）またはゾーニング分析メニュー（Growth、Pro、またはEnterpriseプラン）が表示されます。ゾーニング分析がある場合は、ゾーニングを作成するとヒートマップが自動的に作成されることに注意してください。

1. メインメニューから'ヒートマップ' / 'ゾーニング分析'に移動します。
2. 'ゼロから開始'を選択するか、'+ 新しいヒートマップ' / '+ 新しいゾーニング'をクリックします。
3. 以下のように分析を定義します。次に、'継続'をクリックします。

• 分析したいページまたはページグループを選択し、'適用'をクリックします。
  • ゾーニング：ゾーニングを作成する際に、次のいずれかを選択するオプションがあります：
    • 'ページグループ（オンザフライ）'：特定のURLまたは特定の条件を持つ複数のURLからデータを分析します。
    • 'すべてのページグループ'：既存のマッピングからページグループを分析します。

• 分析をフィルタリングする
  • 分析したいデバイス、日付範囲、およびセグメントを選択します。
  • ドロップダウンメニューを使用してスクリーンショットURLを定義します。

4. 次のオプションのいずれかを使用してスクリーンショットを選択します：

• 提案されたスクリーンショットのいずれかを選択します。
• ライブサイトから新しいスクリーンショットを撮ります。サイトが開くウィンドウで「スクリーンショットをキャプチャ」を選択し、「Contentsquareに保存」を続けて選択します。ヒント：スクリーンショットをキャプチャするためにキーボードショートカットを使用することもできます（通常、Mac = CMD+S、またはWindows = Ctrl+S）。
• さらに多くのスクリーンショットを表示（ProまたはEnterpriseが必要）します。

ヒートマップまたはゾーニングの次のステップ

ヒートマップまたはゾーニングを作成した後、次のことができます：

• デバイス、時間枠、またはセグメントを選択してデータを絞り込み、探索します。
• 適用したフィルタを使用して、ヒートマップ/ゾーニングのURLのセッションリプレイを「再生を表示」をクリックして表示します。
• ヒートマップタイプを変更して、クリック、移動、スクロール、または注目に焦点を当てます。

ゾーニングとゾーンの作成（Growth、Pro、Enterpriseプラン）

ゾーニングが作成されると、ゾーニングとヒートマップの間をジャンプするオプションがあり、より詳細な分析を行うことができます。

特定のゾーンを作成する方法

ゾーンは、サイトのHTML構造を使用してページ上の要素の位置を特定するカラフルなデータオーバーレイです。これらは、サイトのページのスクリーンショットを分析するためにゾーニング内で使用されます。新しいゾーンを作成するか、削除することができます。

1. ゾーンを作成するには、'編集モード'にいることを確認します。これは、デフォルトで分析中に有効化されています。
   1. 分析中に編集モードをアクティベートする必要がある場合は、'ゾーンを編集'ボタンをクリックします。
2. ドロップダウンメニューからゾーニング作成モードを選択します。一度に1つまたは複数のゾーンを作成できます。

• シングルゾーンモード： 'シングル'ボタンをクリックし、ゾーンを作成したいコンテンツの上にホバーします。表示されるカラーフレーム内をクリックします。ゾーンが作成されます。
• マルチゾーンモード： 'マルチ'ボタンをクリックし、コンテンツの上にホバーします。表示されるカラーフレーム内をクリックすると、ゾーンが作成されます。
  • 注意：'マルチ'ゾーンモードは、HTML構造内の同じ階層レベルのゾーンのみを特定します。
• トップゾーン（旧スマートゾーン）： 右側のパネルにある「トップゾーン」ボタンをクリックして、ページで最もクリックされたゾーンを確認します。トップゾーンは「クリック率（ページビューレベル）」、「再クリック数」、「収益」指標に対してのみ表示されます。

テンプレートからヒートマップまたはゾーニングを作成する

注意：利用可能なテンプレートは、プランによって異なります。

ヒートマップまたはゾーニングをゼロから作成する代わりに、利用可能なテンプレートの1つを選択し、画面上の手順に従ってください。

テンプレートからABテストを作成する

統合されたテストプラットフォームを通じて、Contentsquareインターフェースに含まれる効率的なワークフローでABテストを作成し、分析します。

以下の手順に従ってABテストを作成し、分析します：

1. ‘ABテスト’ボタンを選択して始めます。
2. テストしたいページまたはページグループを選択し、次にテストしたい実験のリストから1つを選択し、「分析」をクリックします。
3. Contentsquareは、各バリアントに対して最も正確なスクリーンショットを自動的に決定し、それぞれのヒートマップまたはゾーニングを開き、各々のサイドバイサイド比較を行います。注意：バリアントが2つ以上ある場合、比較モード中にヒートマップ/ゾーニングを簡単に切り替えることができます。

ヒント：ヒートマップ/ゾーニングが比較モードで開かれた後でも、上記のようにスクリーンショット、日付範囲、セグメント、デバイスを変更できます。このステップの後でも、必要に応じて新しいスクリーンショットを手動でキャプチャするオプションがあります。

ABテストの分析

ABテストが作成されると、次のことができます：

• ゾーンレベルでバリアントのパフォーマンスを比較する
• クリック率、露出率、エンゲージメント指標を分析する
• コンバージョンの違いを引き起こす要素を特定する
• バリアント間のユーザー行動パターンを監視する

パーソナライズされたセグメントに基づいてゾーニングを作成する

なぜパーソナライズされたセグメントに基づいてゾーニングを作成するのか？

• 異なるコンテンツを持つパーソナライズされたキャンペーンを顧客セグメント向けに作成します。
• 異なるページ構造を持つトラフィックソースのバリエーションを取得します。
• 異なるセグメントに影響を与えるデイリーコンテンツの変更を確認します。
• 複数のバリアントを使用してハイパーパーソナライズされた体験を得ます。

前提条件

このテンプレートはProおよびEnterpriseプランでのみ利用可能です。比較したいオーディエンスのためにパーソナライズ統合がインストールされているか、すでにContentsquareでセグメントが作成されている必要があります。この記事でセグメントについてさらに読む。

管理者ユーザーのみがプロジェクトに統合を追加できることに注意してください。統合セクションで統合についてさらに学ぶ。

パーソナライズされた体験を分析し、異なるオーディエンスセグメントがあなたのコンテンツとどのように相互作用するかをこのテンプレートを通じて比較します。

以下のステップに従って、あなたのパーソナライズされたゾーニングを作成し、分析してください：

1. “パーソナライズ”テンプレートボタンを選択して、始めます。
2. 分析したいページまたはページグループを選択し、次に‘継続’をクリックします。
3. 異なるタブからセグメントを選択します：
   1. パーソナライズの連携機能がある場合、利用可能なリストから実験を選択します。注: 過去2週間に少なくとも1ページビューがある実験のみがリストに表示されます。
   2. 連携機能がインストールされていない場合、比較したいContentsquareセグメントを選択します。
4. ‘分析’をクリックします。

Contentsquareは、各セグメントのセッションリプレイから自動的にスクリーンショットをキャプチャし、各セグメントのためにゾーニングを開き、並べて比較します。注: 2つ以上のセグメントがある場合、比較モード中にゾーニングを簡単に切り替えることができます。

サードパーティの統合機能のリスト

サードパーティの統合機能は、カタログにある既存のABテストおよびパーソナライズ統合機能と同じです。このヘルプセンターのセクションで統合機能についてさらに読むことができます。こちらをクリックしてください。

パーソナライズキャンペーンの分析

パーソナライズ分析が作成されると、次のことができます：

• ゾーンレベルでセグメントのパフォーマンスを比較します。
• クリック率、露出率、エンゲージメント指標を分析します。
• 各オーディエンスに共鳴するパーソナライズされた要素を特定します。
• セグメント間でユーザー行動パターンを確認します。

関連する記事

• ゾーニング：ゾーニングの権限と削除を管理する方法
• ゾーニング：ゾーニング分析でショートカットを使用する方法
• ヒートマップ：ヒートマップの種類