ダッシュボードの使い方

OpenReplay でダッシュボードを作成・カスタマイズし、エラーの追跡、ユーザー行動の分析、Web サイトのパフォーマンスの監視を行う方法を紹介します。

ダッシュボードの使い方

OpenReplay のダッシュボードは、プロダクトのパフォーマンスとユーザー体験を監視、分析、最適化するための中心的なハブとして機能します。問題のデバッグ、ユーザー行動の追跡、パフォーマンスの測定など、どのような目的でも、ダッシュボードはデータに基づく意思決定に必要なインサイトを提供します。

OpenReplay のダッシュボードは、チームの全メンバーにとって重要なインサイトを一か所に集約します。

  • 開発者向け: JavaScript エラー、遅いネットワークリクエスト、パフォーマンスの問題などの技術的な問題をリアルタイムで追跡します。
  • プロダクトマネージャー向け: ユーザー行動を分析し、コンバージョンファネルを監視して、ユーザーがプロダクト内でたどる経路を把握します。
  • Web サイトのパフォーマンスを分析するチーム向け: 最も閲覧されているページ、トラフィックソース、ユーザー属性などの主要なメトリクスを追跡します。

ダッシュボードと利用可能なカードの概要

Section titled ダッシュボードと利用可能なカードの概要

ダッシュボードを作成すると、最初は白紙の状態で、カスタマイズする準備が整っています。ダッシュボードはカードで構成され、各カードには特定のメトリクスまたはデータセットが表示されます。カードを追加、削除、移動して、ダッシュボードを必要に応じて整理できます。

ダッシュボードの概要

カードは大きく 3 つのカテゴリに分類されます。

プロダクト分析(Product analytics)

Section titled プロダクト分析(Product analytics)

プロダクト分析は、プロダクト内でのユーザーのエンゲージメントと行動を追跡・分析するのに役立ちます。

カード説明
Trendsセッションのトレンドを時系列で監視
Funnels重要なステップを通じたユーザーの進行状況を可視化し、離脱箇所を特定してコンバージョンを改善
Journeysユーザーがプロダクト内でたどる経路を把握
Heatmapsユーザーのインタラクションが集中する箇所とパターンを可視化

モニターは、ユーザー体験に影響する技術的なパフォーマンス問題を特定し、トラブルシューティングするのに役立ちます。

カード説明
JS Errorsユーザー体験に影響する JavaScript エラーを追跡
Top Network Requests頻繁にアクセスされるネットワークリソースを特定
4xx/5xx Requestsパフォーマンス問題につながるクライアントエラーとサーバーエラーを監視
Slow Network Requestsレスポンスの遅さによる遅延を特定

Web 分析は、ユーザー属性、トラフィックソース、トラフィックパターンに関するインサイトを提供します。

カード説明
Top Pagesサイトで最も多く閲覧されているページを特定
Top Browsersユーザーが最もよく使用しているブラウザーを確認
Top Referrersトラフィックの流入元を把握
Top Users最も多くインタラクションしているユーザーを確認
Top Countries地域別にオーディエンスを分析
Top Devicesデバイスタイプ別にオーディエンスを分析

最初のダッシュボードを作成する

Section titled 最初のダッシュボードを作成する

ステップ 1: Dashboards に移動し、Create dashboard ボタンをクリックします。

ステップ 2: 3 つのカテゴリのいずれかを選択します。追加したいカードのタイプを選択してゼロから作成するか、Add existing Card をクリックして既存のカードを再利用します。

ステップ 3: Create Card をクリックして、ダッシュボードに追加します。

ステップ 4: 別のカードを追加するには、既存のカードの横にある「+」ボタンをクリックします。

ダッシュボードの管理方法

Section titled ダッシュボードの管理方法

ダッシュボードのセットアップが完了したら、次の操作ができます。

  • 名前の変更または削除: ダッシュボード名を更新するか、不要になった場合は削除します。
ダッシュボードの名前変更または削除
  • 公開範囲の変更: アクセスさせたい対象に応じて、ダッシュボードを Team または Private に設定します。
ダッシュボードの名前変更または削除
  • カードの並べ替え: カードをドラッグ&ドロップして並べ替えます。
ダッシュボードの名前変更または削除
  • カードの削除: 「Remove from Dashboard」ボタンを使用してカードを削除します。
ダッシュボードの名前変更または削除
  • フィルタリング: 時間ベースのフィルター(24 時間、7 日など)を適用します。
ダッシュボードの名前変更または削除
  • レポートとしてダウンロード: ダッシュボードをオフラインで共有します(Enterprise Edition のみ)

一般的なユースケース

Section titled 一般的なユースケース

ダッシュボードは柔軟性が高く、さまざまな目的に合わせて調整できます。

いくつかの例を紹介します。

  • ユーザー行動の分析: Trends と Journeys を使用して、ユーザーがプロダクトをどのように操作しているかを把握します。
  • 問題の特定: JS Errors、4xx/5xx Requests、Slow Network Requests を監視して、パフォーマンスの問題に対処します。
  • トラフィックの把握: Top Pages、Referrers、ユーザー属性を追跡して、うまくいっている点と改善が必要な点を確認します。

マーケティングキャンペーンの監視や技術的なパフォーマンスの追跡など、特定の目標ごとに個別のダッシュボードを作成します。ダッシュボードはシステムのさまざまなビューとして機能し、何が起きているかを統合的にまとめて提供します。

ご質問はありますか?

Section titled ご質問はありますか?

プロジェクトでカスタムダッシュボードを設定する際に問題が発生した場合は、Slack コミュニティでお気軽にご連絡ください。開発者に直接質問できます。