AIを使用して英語から翻訳されました
この文書はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
スナップショットは、特定の画面でユーザーがコンテンツとどのように対話しているかを分析するためのアプリの静的バージョンです。
1つのゾーニング内で、複数のスナップショットを分析できます。これにより、画面のリニューアル前後やメニューが開いているときと閉じているときなど、1つの画面の異なるバージョンを分析することが可能になります。
スナップショットをキャプチャする方法
モバイルデバイスを使用してアプリのスナップショットをキャプチャします：
1. プロジェクト名の横にある電話アイコンをクリックし、生成されたQRコードをスキャンしてアプリにアクセスします。
2. オプション「スナップショットを撮るにはタップ」をタップします。
3. スナップショットは自動的にContentsquareスナップショットライブラリに保存されます。
画面全体をキャプチャする方法
スナップショットで画面全体をキャプチャしたい場合は、モバイルデバイスを使用して「ロングスナップショット」と呼ばれる方法で行うことができます：
1. スナップショット/ゾーンの希望の終わりに達するまで、画面コンテンツをスクロールします。
2. スナップショットボタンをタップしてキャプチャを開始します。初めてスナップショットキャプチャを使用する場合、キャプチャを完了する方法を説明するポップアップが表示されます。「了解！」をクリックしてポップアップを閉じ、再度スナップショットボタンをタップします。
3. パネルがスナップショットライブラリへのスナップショットの送信進行状況を表示します（多くの要素がキャプチャされた場合、少し時間がかかることがあります）。
4. 完了すると、以下の画面が表示され、キャプチャがスナップショットライブラリに追加されます。これを使用してゾーニングを作成できます！
正しいスナップショットを使用する方法
設定した分析のコンテキスト（デバイス、日付範囲、セグメント）によって、アプリが更新された場合、スナップショットがあまり関連性を持たないことがあります。これにより、ゾーニング分析の結果に影響を与える可能性があります。
分析の最も正確な結果を得るためには、最も多くのセッションが利用可能なスナップショットを選択することをお勧めします。Contentsquareは、分析のコンテキストを使用して、より多くのセッションを持つアプリバージョンが利用可能かどうかを自動的に検出します。
1. ‘アプリのバージョン’をクリックし、'表示'をクリックして、セッションの割合が高い提案されたアプリのバージョンを含む詳細情報のサイドパネルを開きます。
2. そこから、スナップショットを変更することができます（新しいものをキャプチャするか、ライブラリから既存のものを選択する）または提案を無視します。
スナップショットライブラリから既存のスナップショットを使用する方法
1. スナップショットを変更する際（上記のように）、またはゾーニングを分析する際に'マイ スナップショット'をクリックすることで、既存のスナップショットにアクセスできます。
2. スナップショットライブラリで、セッションの割合を表示する'i'アイコンにホバーして詳細情報を表示します。また、‘アプリのバージョンでフィルタ’ドロップダウンを使用して特定のアプリバージョンを選択することもできます。
Contentsquareでスナップショットはどのようにレンダリングされますか？
スナップショットを取得すると、私たちのSDKは画面のレンダリングされたUIを解析し（その瞬間に画面上に表示されていない要素も含む）、すべてのUI要素のツリーを構築し、それぞれに視覚的プロパティ（位置、幅と高さ、背景色、コンテンツの画像など）を付加します。
このツリーを使用して、ゾーニングモジュールはスナップショットされた画面をレンダリングし、ゾーンを介して画面上の異なるコンテンツを分析できるようにします。
デバイスのライトモードとダークモード
アプリからキャプチャされたスナップショットは、エンドユーザーのデバイスのライトまたはダークモードのテーマ設定を反映します。ただし、WebViewやAndroidのロングスナップショットからキャプチャされたスナップショットには当てはまらないことに注意してください - これらは代わりに、スナップショットを表示しているデバイスのライトまたはダークモードの設定を反映します。
単一画面上に複数のウィンドウが開いている場合
単一の画面上に複数のウィンドウが開いている場合（例えば、一つが他の上に重なっている場合）、キャプチャされたスナップショットはアクティブなウィンドウ（最前面のウィンドウ）を反映します。背後のウィンドウはスナップショットには表示されません。
スナップショットの削除
1. ゾーニング分析でスナップショットを分析する際、'マイ スナップショット'ボタンをクリックします。
2. 削除したいスナップショットにホバーし、'削除'アイコンをクリックします。
3. スナップショットが任意の他のゾーニング内で使用されている場合、これは画面上のモーダルに表示されます。
4. 'スナップショットを削除'をクリックして、スナップショットを永久に削除します（使用されている任意のゾーニングからも含まれます）。
スナップショットのトラブルシューティング
問題: 撮影したスナップショットが画面全体を含んでいません。
原因: これは、画面にホーム画面、プロダクトリスト、またはプロダクト詳細のようなスクロールが必要なコンテンツが含まれているための可能性が高いです。
解決策:
- Android: 画面のスナップショットをいくつか撮影し、同じゾーニングに保存します。
- iOS: 画面全体をキャプチャするために長いスナップショットを撮ります。
詳細はこちらをお読みください
Contentsquareのスナップショットは、アプリによってレンダリングされたコンテンツのみをキャプチャできます。上記のケースでは、まだ表示されていないコンテンツはレンダリングされず、スクロール時にコンテンツが画面から消えます。
その理由は、モバイルアプリの開発者が、表示されているコンテンツのみをレンダリングすることでアプリのパフォーマンスとどのデバイスにも対応可能なを最適化するために、特定のUIコンポーネントを使用することが多いためです。
Android特有
問題: スナップショットを撮りたい画面がAndroidでうまくレンダリングされません（例えば、背景色が表示されない）。
原因: Contentsquareはスナップショット内でカスタムスタイルプロパティをキャプチャできません。画面のコードに背景色などのカスタムスタイルプロパティが使用されている場合、これらはスナップショットにレンダリングされません。
解決策: スタティックスナップショットモードを使用してスナップショットをキャプチャします。画面全体を取得したい場合は、各セクションのスナップショットをいくつか撮影し、同じゾーニングに保存します。
詳細はこちらをお読みください
デフォルトのプロパティは、カスタムプロパティを考慮せずにキャプチャされます。このため、デフォルトのダイナミックスナップショットモードでスナップショットをキャプチャすると、スナップショットに表示の問題が発生する可能性があります。
この問題は、静的スナップショットを使用することで解決できます。
どのように機能しますか？
静的スナップショットは、電話の画面の表示されている部分のみをキャプチャすることを許可します。デフォルトモードとは異なり、静的モードは画面全体のスクリーンショット（サムネイルに似ています）を使用し、表示されているUI要素のツリーを構築し、スタイルプロパティ（位置、高さ、幅のみ）を少なく添付します。
どのようにアクティベートしますか？
スナップショットボタンを長押しして設定にアクセスし、静的スナップショットフラグをオンにし、スナップショットアイコンをタップしてスナップショットを撮ります。
トラブルシューティングの技術的説明
開発者は、特定のUIコンポーネント（iOS用のUITableViewまたはUICollectionView、Android用のRecyclerView）を使用して、大量のデータを効率的に表示することを容易にします。開発者はデータを提供し、各項目の見た目を定義でき、必要に応じて要素を動的に作成します。
これらの個々のコンテナ要素は再利用されます。項目が画面外にスクロールすると、そのコンテナは破棄されません。代わりに、ビュー（コンテナ）は、画面にスクロールされた新しい項目のために再利用されます。この再利用により、アプリのパフォーマンスと応答性が大幅に向上し、消費電力が削減されます。
通常、開発者は次の2つのケースではこれらの特定のUIコンポーネントを使用しません：
画面のコンテンツがデバイスの高さよりも小さい：
画面のコンテンツはビューポートよりも大きくないため、すべてのコンテンツが表示されているのでスクロールする必要はありません。スクリーンショットの問題はなく、キャプチャは正常に機能しています。
画面のコンテンツが少し長いがレンダリングされている：
コンテンツはビューポートよりも少し長いため、開発者は画面上にまだ表示されていない要素や画面の少し下にある要素を含めて、すべての要素を作成することを決定できます。
その場合、Contentsquareは、すべてのレンダリングされたUI要素のスナップショットをキャプチャできるようになります（iOSまたはAndroidのデフォルトモードで）、たとえ少しスクロールする必要があっても。