エラートラッキング

それが発生したセッションに結び付けられたJavaScriptエラートラッキング

エラーをメッセージごとにまとめて発生頻度順に表示し、発生した録画へワンクリックで移動 — 別のエラーツールは不要です。

解決する課題

その背後にある経緯とともにエラーを求めるチームのために作られています

文脈のないエラー

エラーから、それを引き起こしたセッションリプレイへ直接移動できます。

単発のバグによるノイズ

エラーはメッセージごとにまとめられ、発生頻度順に並び、影響を受けたユーザー数とセッション数も表示されます。

また別のモニタリングツール

エラートラッキングは、リプレイや分析と同じワークスペースにあります。

ワークフロー

PulsePandaがこれをプロダクトの判断に変える方法

1

自動キャプチャ

SDKはJavaScriptのエラーと警告を自動的に記録します。

2

グループ化してランク付けする

エラーはメッセージごとにまとめられ、発生頻度順に並びます。

3

再現する

結び付けられたセッションを開いて、エラーが起きるのを見ましょう。

キャプチャ

問題が起きたときに PulsePanda が記録するもの

すべてアナリティクスと同じスクリプトから取得され、追加でインストールするものはありません。

問題が起きたときに PulsePanda が記録するもの
キャッチされないエラーブラウザまで到達した例外を、メッセージ、ファイル、行、列、スタックトレースとともに記録します。
処理されない Promise の拒否誰もキャッチしなかった拒否された Promise。モダンなフロントエンドで最も静かに失敗しやすいエラーです。
コンソールのエラーと警告自社のコードやサードパーティのスクリプトが console.error や console.warn で出力した内容を、エラーまたは警告として記録します。
失敗したリクエストfetch と XHR の呼び出しをステータスコードと所要時間とともに記録し、読み込みに失敗した画像、スクリプト、スタイルシートも記録します。これらはエラーグループではなく、イベント一覧とリプレイのネットワークパネルに表示されます。

トリアージ

エラーから、その原因となったセッションへ

  1. 一覧を見る。 エラー画面は直近7日、30日、90日をメッセージごとにまとめ、問題ごとに発生回数、発生したセッション数、影響を受けた人数を表示します。人数は識別済みユーザー、または identify() で名前が付くまではブラウザごとに1人として数えます。エラーのみ、警告のみに絞り込むこともできます。
  2. 問題を開く。 サンプルメッセージ、最も多く発生しているページ、スタックトレースが表示されます。
  3. 発生の様子を見る。 「最新のセッションを見る」でその問題が起きた最新のリプレイが開き、「セッションを表示」で発生したすべてのセッションが一覧表示されます。リプレイでは、コンソールとネットワークのパネルが、失敗した内容をその人の操作と並べて表示します。

大事なのは最後のステップです。スタックトレースはコードがどこで壊れたかを教えてくれ、リプレイはその前にその人が何をクリックし、何を入力し、何を待っていたかを見せてくれます。再現に必要なのは、たいていそちらの情報です。

得られるもの

1つのワークスペースに接続された機能

1つのワークスペースに接続された機能
キャプチャ自動的にキャプチャされるJavaScriptのエラーと警告。
トリアージ影響を受けたユーザー数とセッション数とともにメッセージごとにグループ化。
コンテキスト各エラーの背後にある録画への直接リンク。

ノイズ

データをあふれさせない設計

同じエラーを毎秒千回投げるループのせいで、ほかのすべてが埋もれてはいけません。スクリプトは同じエラーをページ読み込みごとに最大5回しか記録せず、エラーイベント全体の頻度にも上限を設けています。そのため、壊れたウィジェット1つは百万行ではなく、目立つ1件の問題として表示されます。

正直な比較

Sentry や LogRocket の代わりではなく、併用するもの

Sentry のような専用のエラー監視ツールは、エンジニアリング面でより深く対応します。ソースマップ、リリース追跡、バックエンドのエラー、アラートのルーティングなどです。PulsePanda はそのどれも行いません。スタックトレースはブラウザが報告したとおりに表示されるため、ミニファイされた本番バンドルならミニファイされたままです。また、キャプチャするのはブラウザのエラーだけです。

PulsePanda が加えるのは、エラーを取り巻くプロダクトの文脈です。セッションのリプレイ、エラーが壊したファネルのステップ、同じ人が残したフィードバック、そして実際に影響を受けたユーザー数です。すでに Sentry を使っているチームは、Sentry を使い続けながら、どのエラーがユーザーにとって最も重要かを判断するために PulsePanda を使うことがよくあります。

よくある質問

乗り換え前によく聞かれる質問

エラートラッキングは何をキャプチャしますか?

影響を受けたユーザー数とセッション数とともにメッセージごとにグループ化されたJavaScriptのエラーと警告。

エラーの背後にあるセッションを見られますか?

はい。各エラーは、それが発生したセッションリプレイにリンクします。

コードを追加する必要がありますか?

いいえ。有料プランでは、分析を支える同じSDKがエラーを自動的に取得します。

よくある質問

JavaScript エラートラッキングに関するよくある質問

PulsePanda はソースマップに対応していますか?

いいえ。スタックトレースはブラウザが報告したとおりに表示されるため、ミニファイされたバンドルのコードはミニファイされたままです。ミニファイを解除したスタックやリリース追跡が必要な場合は、PulsePanda と併せて専用のエラー監視ツールを使ってください。

バックエンドやサーバーのエラーもキャプチャしますか?

いいえ。PulsePanda がキャプチャするのはブラウザのエラー、つまりキャッチされない例外、処理されない Promise の拒否、コンソールのエラーと警告です。失敗した API 呼び出しは、ステータスコード付きのネットワークリクエストとして表示されます。

エラーのループでデータがあふれることはありませんか?

ありません。同じエラーはページ読み込みごとに最大5回しか記録されず、エラーイベント全体の頻度にも上限があります。

エラートラッキングはどのプランに含まれますか?

エラーと警告のキャプチャは Pro プランと Business プランに含まれます。

関連ページ

PulsePanda 分析スタックの残りを見る

今日からユーザーを理解しましょう

一度インストールするだけで、プロダクト分析、リプレイ、ヒートマップ、ファネル、フィードバックを数分で連携できます。

無料で始める