Mouseflow

Mouseflow新機能その2 – JavaScriptエラーを見つける

Mouseflowを使って、簡単にJavaScriptエラーを検出できるようになりました!

JavaScriptエラーがいつ・どこで・なぜ発生しているのかを見つけることは、なかなか手間のかかる作業です。

今回のアップデートで、Mouseflowのセッションリプレイ機能を使って簡単にJavaScriptエラーを検出できるようになりました。訪問者のクリックによって発生したエラーをMouseflowが検知し、エラーメッセージと該当のJavaScriptファイル、行番号、列番号、そしてスタックトレースをクリックエラーが発生した箇所で表示します。これにより、なかなか見つからなかったバグが素早く見つかり、解決までの時間が短縮されます。

シークバー上に表示されている警告マーク(オレンジ色の三角形)がクリックエラーを表しています。このマークにカーソルを合わせると、ポップアップウィンドウが表示され、訪問者のJavaScriptコンソールからデータを取得して表示します。つまり、訪問者の環境に依存するような場合でもエラー情報を取得することができるので、JavaScriptのエラーを、正しく認識・検証・解決する際に役立つでしょう。

実際にエラーを調査する場合は、フィルタ機能を使うと便利です。

レコーディング一覧ページを開き、フィルタの設定ウィンドウを開きます。「TAGS」の欄をクリックし、プルダウンから「CLICK-ERROR」を選択します。「APPLY」をクリックすると、クリックエラーが発生しているレコーディングのみを絞り込むことができます。

やっかいなJavaScriptエラーも実際のエラー表示を確認できるので、すぐに対応出来る可能性が高くなります。 今回はMouseflowのJavaScriptエラー検知機能をご紹介しました。

この記事は、Mouseflow公式サイトの以下の記事を翻訳、加筆修正しました。

Advanced JavaScript Error Tracking is Here!

Mouseflow新機能その1 -レコーディングへのコメント機能前のページ

Firebase AnalyticsのデータをフラットなCSVに変換するETL処理次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Mouseflow

    Mouseflow(ヒートマップ)の効果的な活用術

    こんにちは!インターン生の山本です。前回の更新から期間が空いてしま…

  2. Mouseflow

    Mouseflowで問題解決② -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  3. Mouseflow

    分析対象を絞り込むフィルター機能

    前回はセッション・リプレイについてご説明しました。 セッション・リプレ…

  4. Mouseflow

    Mouseflow:レコーディングを確認する前に

    こんにちは。エクスチュアの加納です。これから、Mouseflow …

  5. Mouseflow

    Mouseflowで問題解決① -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  6. Adobe Analytics

    【超わかる】WEB解析の全貌

    はじめにこんにちは!インターン生の與那覇(ヨナハ)です今回は時代の…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


カテゴリ
最近の記事
  1. dbt Projects on SnowflakeをTASK…
  2. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  3. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  4. TableauとSnowflakeを接続する方法
  5. 【dbts25】Snowflake×PostgreSQLのニ…
  1. Adobe Analytics

    Adobe Analytics 3つの主要指標
  2. Excel

    Google Analytics URLクエリパラメータ 簡単削除方法
  3. dbt

    dbt Cloud使ってみた
  4. Adobe Cloud Platform Auditor

    AdobeSummit 2020レポート: “Connecting Experi…
  5. Generative AI

    ChainlitでのOAuth認証にスコープを追加する方法
PAGE TOP