AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
この記事では、ゾーニング分析におけるスクリーンショット（スナップショット）について知っておくべきすべてのことを提供します。スクリーンショットは、ゾーニング分析で使用されるサイトのページの静的なバージョンです。スクリーンショットライブラリには、サイトのスクリーンショットがすべて保存されています。
スクリーンショットのキャプチャ方法とライブラリへのアクセス
ゾーニング内から直接、画像ボタンをクリックして新しいスクリーンショットをキャプチャできます：
このゾーニングのスクリーンショットギャラリーを表示したり、メニューの「新しいスクリーンショットを追加」ボタンをクリックして新しいスクリーンショットを追加したりできます。
現在分析しているスクリーンショットを変更するには、単にスクリーンショットライブラリを開き、ゾーニングで分析したいスクリーンショットまでスクロールしてください。
新しいスクリーンショットに満足したら、必ず「分析を保存」ボタンをクリックして分析を保存してください。
適切なスクリーンショットの使用方法
ウェブサイトのHTMLに加えられた変更は、ゾーニング分析の結果に影響を与える可能性があります。これらの変更は、ウェブサイトのフロントエンドで目に見える場合も見えない場合もあることを覚えておいてください：
- 目に見える変更：ページに新しいカルーセルが追加される、
-
目に見えない変更：
divの名前が変更される。
このトピックの詳細は、次の記事をご覧ください：ゾーニング分析のトラブルシューティング
ベストプラクティス
スクリーンショットの日付が分析のコンテキストで設定された日付と一致していることを常に確認してください。またその逆も同様です。
Contentsquareは、スクリーンショットの日付が分析のコンテキストの日付と一致しない場合、自動的に検出します。
日付が一致しない場合、スクリーンショットの日付の横に小さな色付きの点が表示されます。スクリーンショットをクリックすると、次のメッセージが表示されます：
このメッセージが表示された場合は、次のいずれかを変更することをお勧めします：
- 分析の日付、
- ゾーニング分析に関連するスクリーンショット。
ゾーニングでのライブキャプチャの使用方法
ライブキャプチャオプションを使用すると、既存のゾーニングに異なる段階の動的要素をキャプチャしたスクリーンショットを追加できます。これにより、例えばメニューを開いた状態でキャプチャし、そのエントリーを分析することが可能になります：
- ゾーニングを選択: 既存のゾーニングを選択するか、分析したい動的要素を含む新しいゾーニングを作成します。
-
スクリーンショットを追加: ゾーニングの右上にあるスクリーンショットボタンを使って新しいスクリーンショットを追加します。次に「新しいスクリーンショットを追加」を選択します。
- 新しいスクリーンショットを撮る: 開いた新しいウィンドウで「新規スクリーンショットを撮る」をクリックし、ウェブサイトの異なるスクリーンショットを表示します。
- ライブキャプチャを使用: ライブキャプチャツールから、ウェブサイトの新しいスクリーンショットを撮ることができます。検索バーやメニューなど、任意の動的要素を開くかアクティベートし、ボタンをクリックするかキーボードショートカットを使って新しいスクリーンショットをキャプチャします。最後に「Contentsquareに保存」をクリックするのを忘れないでください。
- 新しいスクリーンショットの使用: 撮影した新しいスクリーンショットは自動的にゾーニングに適用されます。これで新しいゾーンを作成し、動的要素内のコンテンツを分析できます。
スクリーンショットはすべてのスクリーンショットのギャラリーに保存されており、簡単に切り替えたり、名前を変更したり、ニーズに合わない場合は削除したりできます。
遡及的スクリーンショットとは何か、そしてその使い方
遡及的スクリーンショットは、Session Replayのデータに基づいてゾーニング分析で使用できる、サイトの以前のバージョンのスクリーンショットです。遡及的スクリーンショットは、Session Replayのリテンション設定された日数分まで、古いサイトのバージョンを分析することを可能にします。
遡及的スクリーンショットはいつ使うべきか？
遡及的スクリーンショットは、サイト、ページ、またはページ要素の新旧デザインバージョンを比較する際に役立ちます。ABテストを行う際にも効果的なツールです。
遡及的スクリーンショットを使ってゾーニングを作成する方法
ページの古いバージョンを分析するには、そのページの遡及的スクリーンショットを使って新しいゾーニングを作成します：
- メインメニューから「新しいゾーニング」をクリックし、「ページまたはページグループを選択」をクリックします。
- ゾーニングを作成したいページを選択し、分析したい日付範囲を選択して「適用」をクリックします。
- 次の画面でウェブサイトのスクリーンショットが表示されます。「さらにスクリーンショットを見る」をクリックするとスクリーンショットライブラリが開きます。
- ライブラリ内で、サムネイルにホバーして「選択」をクリックし、分析したいスクリーンショットを選択します。また、「プレビュー」ボタンをクリックしてスクリーンショットをプレビューすることも可能です。
- 選択が完了したら、「分析を開始してライブラリに追加」をクリックします。
ライブラリ内でスクリーンショットをフィルタリングする
ライブラリ内でもスクリーンショットをフィルタリングできます：
- 分析のコンテキストを指定または変更する、
- ページのURLを使って特定のページのスクリーンショットを検索する、
- またはスクロールレベルを指定して、遅延読み込みコンテンツを含むページを見る。
レトロアクティブなスクリーンショットが見つからない場合
その理由の一つとして、ページのスクロールレベルに「Full page scrolled」が選択されている可能性があります。
ページのスクロールレベルのドロップダウンメニューに移動し、「Any scroll level」を選択して、より多くのスクリーンショットを表示してください。
比較モードでレトロアクティブなスクリーンショットを使用する
- Zoning Analysisを開き、ゾーニングを選択する、
- 比較モードをオンに切り替える
- 「My Snapshots」をクリックする
- ライブラリが開いたら、使用したいスナップショットを選択する。
動的なページ状態でゾーニングを作成する方法
動的なページ状態を使用すると、クリックまたはホバーされた後のゾーンの状態を分析できます。例えば、開いたメニューやアクティブな検索フィールドなどです。
動的なページ状態を分析するには、現在のスクリーンショットを編集する必要があります：
- 状態を変更したいスクリーンショットにホバーし、右上に表示される「インタラクティブ要素をキャプチャ」のマウスアイコンをクリックします。
- スクリーンショット内でページ状態を変更したいゾーンをクリックする
- 開いたスクリーンショットセレクタで、分析したい動的状態を選択する
- 新しいスクリーンショットを選択して継続する。
注
分析しているスクリーンショットは、Zoningインターフェースから直接変更できます。上記の手順を参照してください。
Session Replayからスクリーンショットをキャプチャする方法
リプレイからスクリーンショットをキャプチャして保存できます。新しいゾーニングとして、または既存のものに追加する新しいスクリーンショットとして保存可能です：
- Session Replayで、視聴したいリプレイを選択する、
- リプレイのタイムラインにホバーし、カメラボタン（「新しいスクリーンショットを撮る」）をクリックする。
- 開いたサイドインパネルで「スナップショットを保存」を選択する。
- スクリーンショットを新しいまたは既存のゾーニングに保存します:
- 「New Zoning」: ゾーニングに名前を付けて「保存」をクリックします、
- 「Existing Zoning」: ドロップダウンメニューからスクリーンショットを追加したい既存のゾーニングを選択し、「保存」をクリックします。
- 新しいタブが開き、既存のゾーニングまたは新しいゾーニングに保存したスクリーンショットが表示されます。