このページでは

For AI agents: a documentation index is available at /docs/llms.txt. Append .md to any page URL for markdown, or send Accept: text/markdown.

ヒートマップを作成する

ヒートマップを作成する前に、Amplitudeのインスツルメンテーションが前提条件を満たしていることを確認してください。その後、手順に従って最初のヒートマップを作成し、設定してください。

前提条件

お使いのAmplitudeのインスツルメンテーションが、以下の要件を満たしている必要があります。

セッションリプレイ

クライアントの可用性

ヒートマップはウェブベースのセッションリプレイのみをサポートしており、モバイルアプリやSDKはサポートしていません。

ヒートマップには、以下の最小 SDK バージョンが必要です。

セッションリプレイのサンプルレート

ヒートマップは、セッションリプレイデータを使用してページ上のインタラクションを追跡します。サンプルレートを使用して生成するリプレイの数を制限する場合、ヒートマップの作成に使用できるイベントも制限されます。 サンプルレートが制限されていると、ユーザーの操作に関する包括的なビューが得られず、ヒートマップの精度が低下する可能性があります。

ヒートマップデータ要件

ヒートマップは、Amplitudeがサイト全体で十分なリプレイクリックデータを収集した後に表示されます。このデータは少なくとも10ページに及び、各ページで約500回のリプレイクリックを記録しています。 これらのしきい値は概算値であり、ヒートマップの進化に伴って変化する可能性があります。

デバイス識別子の一致

ヒートマップを使用するには、セッションリプレイプラグインまたはスタンドアロンSession Replay SDKからのヒートマップイベントのdevice_idが、Amplitude アナリティクスのイベントのdevice_idと一致している必要があります。

Browser SDK 2.xをセッションリプレイプラグインまたはUnified SDKと一緒に使用する場合、Amplitudeはdevice_idの整合性を自動的に管理します。

スタンドアロンSession Replay SDKをサードパーティ製または自社開発の分析パイプラインで使用する場合は、分析イベントに付与するものと同じdevice_idおよびsession_idをセッションリプレイに渡してください。バックエンドがブラウザとは異なるデバイス識別子を生成する場合、ヒートマップセグメントフィルタとイベント結合は正しく機能しません。

device_id値が一致しない場合：

  • セグメント化されていないヒートマップ（URLフィルタと日付フィルタのみ）は、引き続きヒートマップイベントからレンダリングされます。
  • セグメントフィルターとコホートフィルターは空の結果または誤った結果を返します。これは、Amplitudeがヒートマップのクリックをアナリティクスユーザーに結合できないためです。
  • Microscopeアクション（イベントの表示、リプレイの表示、ヒートマップの選択内容からのコホートの作成）が、適切なユーザーにリンクされません。
  • 特定のリプレイに対するセッションリプレイの再生は引き続き機能する場合があります。これは、リプレイがSR SDKのdevice_id/session_idをキーとして設定しているからです。

分析パイプラインでログインユーザーにuser_idを設定している場合は、双方で同じuser_idを使用してください。

開発プロジェクトを作成する（オプション）

Amplitudeでは、本番環境に影響を与えることなくヒートマップをテストするための別の開発プロジェクトを作成することをお勧めします。

イベントタクソノミーへの影響

ヒートマップとセッションリプレイイベントは、割り当てられたイベントボリュームにカウントされません。Amplitudeはこれらのイベントに対してお客様に請求しません。

ヒートマップを作成する

新しいヒートマップを作成するには：

  1. Amplitudeの左側ナビゲーションにあるヒートマップに移動します。
  2. + 新しいヒートマップをクリックします。
  3. ヒートマップの種類を選択します。 マップタイプはいつでも更新できます。
  4. 分析するURLを選択します。次の URL 照合オプションを使用して、関心のあるページをターゲットに設定してください。
    • 完全一致：指定したURLと完全に一致する場合にマッチします。単一の URL に最適です。 例：https://amplitude.com。
    • パターン一致：ワイルドカードを使用して、類似したパターンを持つ複数のURLを一致させます。ダイナミック パスをターゲットに設定する場合に役立ちます。 たとえば、https://amplistore/products/*は/products/shoesや/product/accessoriesに一致します。
    • 含まれる：URL内の任意の場所に特定のキーワードまたはセグメントが含まれているURLと一致します。共通のテーマに役立ちます。 たとえば、/search?q=は任意のユーザークエリの検索結果ページと一致します。
    • 先頭文字：特定のプレフィクスで始まるすべてのURLを照合します。サイトのセクションをキャプチャする場合に便利です。 たとえば、https://amplitude.com/blogは/blogページとすべてのサブページをキャプチャします。
  5. ユーザープロパティまたはコホートを使用してセグメントを選択または作成することで、特定のユーザーに焦点を絞り込みます。
  6. オプションで、さまざまなデバイスタイプを選択して、幅の異なるデバイスでユーザーがどのように対話しているかを把握できます。ヒートマップはデータを画面幅の4つのバケット（1440px超、900～1440px、500～899px、500px未満）にグループ化します。マップに結果が表示されるには、スクリーンショットの背景とヒートマップデータが同じバケットに含まれている必要があります。
  7. ヒートマップの背景を選択します。 背景はセッションリプレイのスナップショットであり、リプレイ収集期間中のページの状態を表します。各ヒートマップは8つの背景を生成します。 Amplitudeは、セッション中に最も多くのアクションを発生させるページ状態から各背景を選択します。新しいスクリーンショットをキャプチャしてもデータが表示されない場合、スクリーンショットのビューポート幅は記録されたデータとは異なる画面幅バケットに収まる可能性があります。 [スクリーンショットの変更] > [リプレイから] を使用して、データが存在する幅の範囲からスクリーンショットを選択します。

これは役に立ちましたか？