アプリ用セッションリプレイプレーヤー

機能の概要

リプレイプレーヤーの主な機能を理解するために、4つの主要コンポーネントに分けました。それぞれをクリックして詳細情報を確認してください：

1) メタデータバー：ユーザーのセッションに関連する情報。

2) スクリーンビューとイベントストリーム：セッション内で何がどこで起こっているかを正確に確認するためのスクリーンビューと*イベントのリスト。

3) タイムライン：インタラクティブな再生タイムラインで、高（低）アクティビティを特定し、興味のある領域にジャンプしてさらに分析するのに役立ちます。

4) プレーヤー設定と構成：右下の設定で再生体験を調整し、右上のボタンでリプレイを他の人と共有したり、新しいタブで開いたりできます。

メタデータバー

メタデータバーから次のことができます：

• セッション関連データの表示：日付とタイムスタンプ（Contentsquareユーザープロジェクト設定に基づく）、OSバージョン、アプリバージョン、デバイス。

スクリーンビューとイベントストリーム

左上隅の番号付きリストメニューをクリックして、スクリーンビューとイベントのリストにアクセスします。

そこから次のことができます：

• スクリーンビュー情報の表示: URLパスとタイムスタンプ（セッションの開始からの相対時間）。
• 対応するスクリーンビューイベントの表示: 各スクリーンビューの横にある展開矢印を使用して、そのスクリーンビュー中に発生したイベントを表示します。
• すべてを折りたたむ: 展開されたすべてのスクリーンビューイベントを折りたたんで、リストされたすべてのスクリーンビューを簡単に表示およびナビゲートします。

• イベントの影響を定量化: 各イベントの横にあるチェックボックスを使用して、Impact Quantificationにジャンプし、そのイベントの影響をさらに分析します（タイムラインからインサイトアイコンをクリックして定量化することもできます）。現在のスクリーンビューから最大9件のイベントを定量化できます。

• エラー詳細へのショートカット（Error Analysisプランのみ）: エラーを展開し、「エラー分析で表示」をクリックして、エラーの詳細ページを表示し、チームと共有してさらなる調査を行います。

• フィルターと検索: ユーザーアクション、イベントなどをフィルタリングして、興味のあるアクティビティに焦点を当てます。検索バーにキーワードを入力して、特定のスクリーンビュー、アクション、またはイベントを見つけます（リストから表示されている用語を検索します）。

• スクリーンビューにズームイン（およびズームアウト）: 展開矢印の上にカーソルを合わせ、拡大アイコンをクリックして、スクリーンビューの対応するイベントを詳しく見たり、単一のスクリーンビューを再生したりします。いつでもフルセッションにズームアウトできます。
• 動的変数の表示: 展開矢印の上にカーソルを合わせて「カスタムイベント」を選択し、スクリーンビューまたはセッション中に発火した動的変数（dVars）を表示およびコピーします。

タイムライン

• アクティビティ/非アクティビティ: 太い線は再生中のユーザーアクティビティを表し、細い線は非アクティビティを表します。これにより、再生中のアクティビティのレベルを瞬時に確認し、再生中に注意を向けるべき場所を特定できます。
  • 注意: 非アクティビティは、最後のアクティビティイベントの後の3秒間の期間に対応します。
• スクリーンビューの開始/終了: タイムラインの上にカーソルを合わせてスクリーンビューを拡大し、その開始と終了を簡単に特定します。

タイムラインバーから（左から始めて）:

• 再生を制御する: 再生を再生/一時停止し、次の/前の画面ビュー間をスキップし、次の/前のセッションリプレイ間をスキップします。
• 再生時間を見る: 現在の再生時間をセッション全体の時間に対して確認します。
• 画面ビューをズームイン（およびズームアウト）する: 拡大鏡アイコンを使用して、画面ビューに対応するイベントをより詳しく見たり、単一の画面ビューを再生したりします。いつでもフルセッションにズームアウトできます。
• インサイトアイコンをクリックする: （プランに応じてエラーも）定量化し、それぞれをナビゲートし、エラー分析で確認します（エラーが適用される場合）。
• コメントを追加/表示する: タイムラインの任意の部分にカーソルを合わせて新しい内部コメントを追加するか、表示されているコメントアイコンをクリックして既存のコメントを表示します。
• スナップショットをキャプチャする: タイムラインの任意の部分にカーソルを合わせて、将来の参照のために保存したいスナップショットをキャプチャします。または、ゾーニングのために再利用します。

• 次の画面ビューまたはセッションに進む: 各画面ビューまたはセッションの最後で、「次の画面ビュー」ボタン（画面ビューレベルで視聴している場合）または「次のセッション」ボタン（セッションレベルで視聴している場合）を使用します。

プレーヤー設定と構成

上部バーの右側から:

• リプレイを共有する: これにより、Contentsquareアカウントを持たない他の人とリプレイを共有できます。たとえば、開発者（Contentsquareにアクセスできない）と共有したい可能性のある問題を特定した場合、彼らが自分でリプレイを分析できるようにします。

• 再生体験を設定する (右下のアイコンを使用):

	フルスクリーン: プレーヤーをフルスクリーンに拡大します。
	別のプレーヤーに移動: 別のプレーヤー（セッションプレーヤー < > URLプレーヤー）に素早く切り替えます。
	FIT: リプレイのビューポートサイズを選択します。
	設定: プレーヤーの設定とリプレイ速度を編集します。

オートマスキングプロセス

個人情報に関するGDPRに準拠するために、ユーザーの同意を得ることは、セッションを収集する前に必須です。さらに、セッションの内容は一般的に完全にオートマスクされており、すべてのテキストと画像がマスクされています。この機能はオートマスキングと呼ばれます。

iOSおよびAndroidのプレーヤーでの見た目:

品質レベル

Contentsquareは、異なるセッションリプレイの品質レベルを提供しており、品質とデータ使用の最適化の間で最適なトレードオフを選択できます。ネットワークデータ消費に関する詳細は、iOSおよびAndroidの技術文書に記載されています。品質レベルは、フレームレートと画像品質によって定義されます。

Wifiとセルラーネットワークのために独立して定義できる3つの品質レベルが提供されています：

• 低：データ使用への影響を低減するためにFPS*と画像品質を低下させます
• 中（デフォルト）：デフォルトのFPSと画像品質（品質とデータ使用の妥協）
• 高：リプレイ品質を最適化するための高FPSと高画像品質。
• 無効（セルラーのみ）：セルラーネットワーク上でセッション収集の送信を完全に無効にできます

*FPS： フレーム毎秒は、連続して表示される画像（フレーム）が表示に現れ、動く映像を形成する速度です。

ここに、iOSとAndroidの3つの品質レベルを示す視覚的例があります：