ヒートマップのスクリーンショットは、ヒートデータの下に表示されるサイトのページ画像です。このスクリーンショットは、セッションリプレイを通じてキャプチャされた実際のユーザーセッションを使用して生成されます。このスクリーンショットは、ページの一部が欠けている場合や、ページデザインを変更した場合に更新することを決定するかもしれません。
この記事では、スクリーンショットを更新するプロセスや、新しいスクリーンショットを自分で撮る方法を説明します。
ヒートマップのスクリーンショットを更新する
1. ヒートマップを表示しているときに、拡張アイコンをクリックしてサイドパネルを開きます。
2. サイドパネルから、次のいずれかのオプションをクリックします:
- ページのスクリーンショットを変更
- ポップアップおよびドロップダウンのクリック数を表示
ページのスクリーンショットを変更
ここから、選択できるページの事前生成されたスクリーンショットが3つ表示されます。どれも適切でない場合は、「新しいスクリーンショットを撮る」オプションを選択できます。
新しいスクリーンショットを撮る
このオプションは、ユーザーがページをスクロールダウンする際にのみ表示される「レイジーロード」要素など、動的コンテンツを使用しているサイトに便利です。
1. サイドパネルから「新しいスクリーンショットを撮る」をクリックします。
2. 新しいウィンドウが開き、あなたのサイトが読み込まれます。
3. ページの一番下までスクロールします。
4. ページ上の動的コンテンツが完全に読み込まれていることを確認し、「新しいスクリーンショットを撮る」をクリックします。
ポップアップおよびドロップダウンのクリック数を表示
このオプションは、ユーザーがページの特定のエリアにホバーまたはクリックしたときにのみ表示されるポップアップやコンテンツをキャプチャしたい場合に便利です。
1. サイドパネルで「ポップアップおよびドロップダウンのクリック数を表示」をクリックします。
2. 新しいウィンドウが開き、あなたのサイトが読み込まれます。
3. キャプチャしたい要素にホバーまたはクリックして、表示されていることを確認します。
4. 「新しいスクリーンショットを撮る」をクリックするか、キーボードショートカットCtrl + K(Windows)/Cmd + K(Mac)を使用してスクリーンショットをキャプチャします。
これらのオプションのいずれかを使用すると、新しいスクリーンショットがヒートマップレポートを更新するために使用されます。ヒートマップデータも、新たに表示されたコンテンツに基づいて更新されます。
1つのデバイスの新しいスクリーンショットを撮っても、すべてのデバイスのスクリーンショットは更新されません。他のデバイスのスクリーンショットを更新するには、まずデバイスセレクタを使用して関連するデバイスタイプ(例:デスクトップ、タブレット、モバイル)を選択します。次に、現在選択しているデバイスのために上記に記載されたスクリーンショット更新のステップを繰り返します。
よくある質問
「新しいスクリーンショットを撮る」ボタンが見えない場合はどうすればよいですか?
アプリ内のスクリーンショット再撮影ツールを使用しようとしているが、新しいスクリーンショットをキャプチャするボタンが見えない場合、いくつかの可能性のある原因と解決策があります:
- タグがターゲットページで読み込まれなくなっている
- 特定の状況でタグが読み込まれない条件について、ウェブサイトチームに確認する必要があるかもしれません。
- タグがブラウザのプラグインや拡張機能によってブロックされている
- 任意のブラウザ拡張機能を無効にするか、Chromeのシークレットモードを使用して問題が解決するか確認してください。
- タグがブラウザのセキュリティ設定によってブロックされている