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