Monitors
OpenReplay の Monitors は、アプリケーションの安定性とパフォーマンスに影響する重大な問題を集中的に確認できるビューを提供します。事前設定済みのカードを使用して、JavaScript エラー、ネットワークリクエスト、その他の主要なメトリクスを監視し、問題を素早く特定して対処できます。
モニターからわかること
Section titled モニターからわかることMonitors を使うと、次のような疑問に答えることができます:
- どの JavaScript エラーがユーザー体験に影響を与えていますか?
- アプリケーションで最も頻繁に発生しているネットワークリクエストはどれですか?
- 繰り返し発生しているクライアントサイド(4xx)またはサーバーサイド(5xx)のネットワークリクエストはありますか?
- 最も大きな遅延を引き起こしているネットワークリクエストはどれですか?
Monitors ダッシュボードのセットアップ
Section titled Monitors ダッシュボードのセットアップ専用の Monitors ダッシュボードを作成すると、主要なメトリクスを 1 か所に集約でき、技術的な問題を把握しやすくなります。手順は次のとおりです:
1. ダッシュボードを作成する:
Section titled 1. ダッシュボードを作成する:- Dashboards メニューに移動します。
- Add Dashboard をクリックし、Monitors という名前を付けます。

2. カードを追加する:
Section titled 2. カードを追加する:- Monitors カテゴリに移動します。
- 次の各カードをダッシュボードに追加します:
- Table of JS Errors:ユーザー体験に影響する JavaScript エラーを監視し、エラーの種類、頻度、影響を受けるユーザーを素早く特定します。
- Top Network Requests:最も頻繁に発生しているネットワークリクエストを表示し、トラフィックの多い API エンドポイントを特定します。
- Sessions with 4xx/5xx Requests:クライアントサイド(4xx)とサーバーサイド(5xx)のエラーを追跡します。
- Sessions with Slow Network Requests:遅延の原因となっているネットワークリクエストを特定し、遅い API や過負荷のサービスの修正を優先します。

モニターのドリルダウンインサイト
Section titled モニターのドリルダウンインサイトMonitors ダッシュボードの各カードはインタラクティブで、問題をより詳細に調べることができます:
Table of JS Errors:
Section titled Table of JS Errors:- エラーをクリックすると、そのスタックトレースを確認できます。
- ‘Find all sessions with this error’ ボタンを使用して、影響を受けたすべてのセッションを検索します。
- overview で傾向を分析します。過去 24 時間と過去 30 日間の発生状況が表示されます。
4xx/5xx リクエストと低速なネットワークリクエストを含むセッション:
Section titled 4xx/5xx リクエストと低速なネットワークリクエストを含むセッション:- チャート上のポイントを選択して、関連するセッションリプレイを表示します。
- セッションリプレイ内の Network タブを開き、所要時間やステータスなど、リクエストの詳細を分析します。
- ドロップダウンを使用してチャートの時間範囲を調整し、特定の期間に焦点を当てます。
Top Network Requests:
Section titled Top Network Requests:- アプリケーションで最も頻繁に発生しているリクエストを確認します。
- 特定のリクエストをクリックすると、そのリクエストを含むセッションがフィルターされ、さらに分析できます。
時間範囲の調整
Section titled 時間範囲の調整ダッシュボードのデフォルトの時間範囲は過去 24 時間ですが、ニーズに合わせて変更できます:
- ダッシュボード上部の時間範囲のドロップダウンをクリックします。
- プリセット範囲(例:“Last 7 days”)を選択するか、カスタムの期間を設定します。

カードの別の作成方法
Section titled カードの別の作成方法お好みで、Cards View から直接カードを作成して追加することもできます:
- Analytics モジュールの Cards View に移動します。
- 任意のモニターメトリクス(例:JS エラーや遅いネットワークリクエスト)のカードを作成します。
- Add to Dashboard オプションを使用して、そのカードを Monitors ダッシュボードに追加します。

Monitors を最大限に活用する
Section titled Monitors を最大限に活用するMonitors を使うと、JavaScript エラー、ネットワークパフォーマンス、遅いリクエストなどの重大な問題を追跡して対処できます。インタラクティブな機能、セッションリプレイ、Network タブを活用して問題を深く掘り下げ、根本原因を突き止め、アプリケーションの安定性とパフォーマンスを向上させましょう。
ご質問はありますか?
Section titled ご質問はありますか?プロジェクトでファネルを作成する際に問題が発生した場合は、Slack コミュニティ までお問い合わせください。開発者に直接質問できます!