# WCrash ユーザガイド

## 1. はじめる

IMQA WCrashは、Webブラウザアプリケーションで発生する異常終了トラブルに対するエラー情報を収集します。<https://imqa.io>から契約していただき、プロジェクトを作成すると、Webブラウザアプリケーションをモニタリングできるようになります。<br>

### 1.1. IMQA WCrash紹介

様々なユーザーのWebブラウザで発生する問題についてエラー情報をリアルタイムで収集するソリューションです。

IMQA WCrashは、韓国のモバイル専門家が作成したクラッシュレポートソリューションです。Webサイトで発生する異常終了トラブルとリアルタイムエラー情報を、IMQA WCrashを通じてモニタリングしてみてください。

### 1.2. 対応環境

IMQAは、以下の環境、ブラウザ、解像度で快適にご利用いただけるよう対応しております。

#### ブラウザ <a href="#browser" id="browser"></a>

IMQAは、SaaS型サービスを提供しております。以下のウェブブラウザ環境で快適にご利用いただけます。

|         対応ブラウザ        |      対応バージョン     |   推奨解像度   |
| :-------------------: | :--------------: | :-------: |
| **Google Chrome(推奨)** | Ver 81.0.4044.92 | 1920x1080 |
|  **Mozilla FireFox**  |     Ver 75.0     | 1920x1080 |
| **Internet Explorer** |   Ver 11.0.180   | 1920x1080 |
|       **Safari**      |     Ver 13.1     | 1920x1080 |

{% hint style="info" %}
最適の性能とユーザーエクスペリエンスを実現するため、Google Chromeの最新バージョンのご利用をおすすめします。
{% endhint %}

### 1.3. ログイン <a href="#login" id="login"></a>

<http://imqa.io>ホームページの画面右上メニューにある\[今すぐはじめる]をクリックすると、新しいタブにログインページが表示されます。

<figure><img src="https://lh7-us.googleusercontent.com/QDUz6absZzQHVIrpzi-nztGFy0pMhRKnrywYwZT8az7z3tmNjx0_rAK-ft7m2aDh1Gcx4feClQ295tp6Gd_mHQmgk1bFXISzMkE6q2CtVQurBM800CBUIvCxe0tj56VCGg2mTq1BizdkguCgI1g28Qc" alt=""><figcaption></figcaption></figure>

Eメールアドレスとパスワードを入力して\[LOG-IN]をクリックしてください。

{% hint style="danger" %}
**パスワードを5回以上間違えると、アカウントがロックされます。**&#x30A2;カウントを再び有効化するためには、「パスワード変更」手続きを通してパスワードを初期化する必要があります。
{% endhint %}

## 2. プロジェクトリスト <a href="#project-list" id="project-list"></a>

プロジェクトリストで新しいプロジェクトを登録すると、IMQAにWebブラウザアプリケーションを連携させることができます。チーム機能を利用して様々なプロジェクトをまとめて管理したり、ユーザー権限設定など全般的なプロジェクト管理を行うことができます。

### 2.1. 概要

<figure><img src="https://lh7-us.googleusercontent.com/CmMlDFdUZV2eudRnjNc0XKbez1GgZNBbmM_H8Ubb5qEhCxkojY2oAcjpnnUvowQvjKmGerpXlWCG-S4o7JIkxPvRTvBmSUZNcCKEkshoc64Hsu88ZOyTfBPudGWDwxCVyJCVriZwdDnD9ZKDsxxzzi8" alt=""><figcaption></figcaption></figure>

IMQA WPMは、WebブラウザアプリケーションのメインURLをプロジェクトとして登録することによりサービスを利用することができます。プロジェクトリストは、以下のとおりに構成されています。

**❶ 画面上部バー**\
**❷ チームバー**\
**❸ プロジェクトリスト**\
**❹ リストビュー/カードビュー**\
**❺ プロジェクト作成**\
**❻ プロジェクトカード**

#### 画面上部バー <a href="#top" id="top"></a>

<figure><img src="https://lh7-us.googleusercontent.com/RYpiGqxaImPq3S7HA5zsndNug-LB1KBzpyLhtFqAuTTSW1jJwOhGaHxF1hb8Nj9olPr6IR_MfOi0hcqk5hCMVwv_J4q2J8lH9SFWEIRJ3aslMASpI1516O54SMBRT5WOAN-HuPWd2y068zB9F_5-gcE" alt=""><figcaption></figcaption></figure>

**❶ ロゴ**\
クリックすると、プロジェクトリストのメインへ移動します。

❷ **会員メニュー**\
ログインアカウントの会員メニューが表示されます。

* **インストールガイド**Installation Guide: IMQAのインストールガイドを確認できます。クリックすると、ブラウザの新しいタブに表示されます。
* **ユーザー設定**Settings: ユーザー名とパスワードを変更することができます。ブラウザのタイムゾーンを変更すると、IMQA分析情報の表示基準時間を変更することができます。

{% hint style="info" %}
ログインしたユーザーがタイムゾーンを自動的に設定することができない環境にいる場合、IMQAの時間情報が正しく表示されないことがあります。**ブラウザのタイムゾーン**を利用して、接続している地域のGMT標準時間に合わせて手動で設定することができます。
{% endhint %}

* **言語設定**Language Setting: IMQAの表示言語を韓国語、英語、日本語に変更できます。
* **ログアウト**Logout: アカウントをログアウトします。

#### プロジェクトリスト <a href="#list" id="list"></a>

<figure><img src="https://lh7-us.googleusercontent.com/4ze-jaSicuC48asRKDTFPPnHC6piaz_BSj27VoYT6JT6HluhRxVBVQIy2TUDQr5SnKBrrgeFDXuiYVe_aryvfRS8xRD1vNEzkX8wexkUT8dlyWRFht88ewFnulfgNSd9dDEKV7SYALZby3p9fgAXxOA" alt=""><figcaption></figcaption></figure>

**❶ リストビュー/カードビュー**\
プロジェクトカードの表示方式を変更することができます。基本はリストビューで表示されます。

* **リストビュー**List View: プロジェクトがリストとして表示されます。並び順を変更したり、プロジェクトの要約指標を確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/rY_T10hymhJ6XluBiDznPpe_sUpI0gP7RTqzG6z5lwHcYNAn9e4Pr7ijNHdHNt8JUktW47w0rDQzLwkWT7VOdZHiHsY9Ey1KXY3-ecEUK1Fch9bqugTtlx-euLGgIw515XPZhbWtHUIPghOzPdSVX5Q" alt=""><figcaption></figcaption></figure>

* **カードビュー**Card View: 管理中のプロジェクトが多い場合、プロジェクトを素早く見つけることができます。

<figure><img src="https://lh7-us.googleusercontent.com/X2ygEZNYIxRoM3zIl_dihjnpzwbq2NvlTDCZqFiSiBKynGCGhhxBnB6CvfV427D_xGRxvuHuIzdscaGKW471atwUGr4syHUvnLsZOuHByHhcGTczlz3EATkBWswa5sWN34ikj-HLxghuhWglJzlLvJs" alt=""><figcaption></figcaption></figure>

**❷ プロジェクト作成**\
現在の位置にプロジェクトを作成します。

❸ **設定** <mark style="color:red;">\*チームにのみ表示</mark>\
\[設定] アイコンをクリックすると、チーム管理メニューが表示されます。

❹ **ヘッダ(整列)** <mark style="color:red;">\*リストビューにのみ表示</mark>\
基本はプロジェクト名順に整列され、プラットフォーム、パッケージ名順で並べ替えることもできます。

### 2.2. チーム&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/Ph-xTmJG7wJBzx_SWG_CPgm2XlfOmt1NwtdsH30TKprsegoBvg61RLj9r6bLg51fewJzsfmN6yIDy3kJo5N9wSdr_PBlsbLh5lp9J1LHK2nLGEJ3XX-n1wRSCDdAWWVb2LGOShIFVmhAGCu-S03xPEE" alt=""><figcaption></figcaption></figure>

❶ チーム作成\
❷ チームタブ\
❸ チーム管理

#### チーム作成 <a href="#team2" id="team2"></a>

<figure><img src="https://lh7-us.googleusercontent.com/nMxB_eP8KL-03-zbN5ZAwQWc-6tTlh0_2uCI9sFparZl0xGWevHD4-EwShNNjcKYk8XgvnA5R7OMTsoiEEjofOXoIRJ-GStoYEQWDjYlqRfbrONy4FVGJsiKRXAfUNNrUYClI1zvtk8Zu6nmhikrGtQ" alt="" width="375"><figcaption></figcaption></figure>

任意のチーム名を入力してから\[SUBMIT]または\[提出]ボタンを押すとチームが作成されます。

#### チームタブ <a href="#tab" id="tab"></a>

<figure><img src="https://lh7-us.googleusercontent.com/E1kEo8L4JxCrrmJ-tFbFgLUfBj9V8D8quxdCUc9CwbdQemq40hQHlgfkf9ZAgcG3NimJsh_zgguDT9p_dBSLRr0XG381G6T3otH6BfM1gtVgtVNkqHznD8i7fUwzLIodjhe8DOgBeKP7L2DJcuTlMVE" alt=""><figcaption></figcaption></figure>

所属中のすべてのチームを確認でき、チームを選択すると、以下のようにチームに関する設定ページが表示されます。

<figure><img src="https://lh7-us.googleusercontent.com/eR5duT8R1dD8kCZG-_37-H7Rfl2RZPTxuSzwDUgJ6hN7Ir6l_rT3-rie3uHnubyKddEgaysAs_YD5Rk3kMsfs-FBWE8sJhiYrxznW77mWuqmBCAkZOuZ8ibNLbcxQeyF2X53JQTgq-7eSyx-tibYiIw" alt=""><figcaption></figcaption></figure>

チーム名を修正したり、チームメンバーをEメールアドレスを利用して招待することができます。

{% hint style="warning" %}
Eメールアドレス追加は、IMQAに会員登録されているユーザーのみを追加できます。
{% endhint %}

#### チーム管理 <a href="#managemnet" id="managemnet"></a>

<figure><img src="https://lh7-us.googleusercontent.com/LYhWaWdxSngm0tPmMlYY0sAriFiSt0NQALVNBJ3fm2EiapH9-ZBrA6wf-AhuxEkjNBzkjsYCtgY_fGG_Y680_tOMACNiOv3rWKm23atKhL9NZ_3fqrSirdNqmzfyJ1XJhaXgV15lELVIjyyvv7lf-8Y" alt=""><figcaption></figcaption></figure>

チーム名の修正とチーム削除を行うことができます。チーム削除は、チームだけが削除され、所属中のプロジェクトは削除されませんので、ご安心ください。

### 2.3. プロジェクト作成

ログイン後にプロジェクト登録を通してIMQAにWebブラウザアプリケーションを連携させることができます。

<figure><img src="https://lh7-us.googleusercontent.com/gw88o7vmeH7meA2Y1NkF-6BONsl_W1qXkdXy28iLPsQDTDH0BJcsGNxUd673gaDtXzCFzb8jo-A3aahjlTKsIxDxBy5BYQ2IiE3hZSzzVvmGL8icQT-nHN82i1tY7t_JeFM09zIZ8jpeu71uEmZhAqI" alt=""><figcaption></figcaption></figure>

プロジェクトリスト右上の\[+]アイコンをクリックすると、プロジェクトを作成できるポップアップが表示されます。

<figure><img src="https://lh7-us.googleusercontent.com/-_UrfCOw0CWN9ivuYFc6iKKaz12dy3KXOuuEgcgu2TUjfyjGybCfjJ_5Wo1sSsMpxIxtZEDKZoC2h0X_xsWLPl-xwRLwH7xWy48LQI4UOtwJuBeQleHo3zkGVrIG9dZZlx_QC7BBem3W8foxFju-YXI" alt=""><figcaption></figcaption></figure>

\
① IMQA WPMサービスとチームを選択し、プロジェクト名、メインドメインURLを入力します。

* **プロトコル**：WebサイトのメインURLのプロトコルを選択します。httpまたはhttpsを選択できます。
* **メインドメイン**：プロトコルを除くWebサイトのメインドメインを入力してください。(例： imqa.io)

{% hint style="warning" %}
プロジェクト作成後は変更できませんので、ご確認の上、入力してください。URLを間違って入力したために変更が必要な場合は、プロジェクトを削除して再度作成してください。
{% endhint %}

② 情報作成が完了したら、\[プロジェクト作成]をクリックしてください。

③ プロジェクトキーが含まれたインストール用のコードが発行されました。インストール用のコードを WebページのHTML \<head> タグに貼り付けてください。インストールガイドを参考にして、収集オプションをインストール用のコードの下に挿入することも可能です。

{% hint style="warning" %}
**インストール用のコード**をWebブラウザアプリケーションに挿入した後にWebページにアクセスし、プロジェクト一覧ページを更新してください。
{% endhint %}

{% hint style="info" %}
**クロスドメインの設定**により、**サブドメイン**(例：m.imqa.io)別途構成されている場合やCORS(オリジン間リソース共有)へのアクセスが必要な場合、許可するオリジンを指定することができます。**クロスドメインの設定**に関する詳細は、’[IMQA WPMユーザーガイド > 2.4. プロジェクト管理 > クロスドメイン設定](#domain)’を参考にしてください。
{% endhint %}

{% hint style="info" %}
**URLパターンの設定**により、**URLの数字、識別子**(例：流入ID、ユーザーID、検索クエリなど)の置き換え、類似したページを意味のある集計単位にグループ化することができます。**URLパターンの設定**に関する詳細は、’[IMQA WPMユーザーガイド > 2.4.プロジェクト管理 > URLパターン設定](#url)’を参考にしてください。
{% endhint %}

#### プロジェクトカード <a href="#card" id="card"></a>

作成されたプロジェクト・カードでは、**プロジェクト情報**と**インストールおよび設定に必要な概要**を確認し、サービスへ移動することができます。

<figure><img src="https://lh7-us.googleusercontent.com/unRB2FdsWTf36ic2adG-fjbN88d-egrIDXOMq0B2QJxu-DMEvgJRoUkLylJT300VPIo_bwB9O7rQAIhhDI-6fVUMwPzhS-ZTdurDf2qE2i6sRlozEyu55XOk6iupFp3mHz-_VQfoSaMOpAB3I4JzLKs" alt=""><figcaption></figcaption></figure>

**❶ プラットフォームアイコン**\
プラットフォーム情報がアイコンで表示されます。

**❷ プロジェクト情報**\
プロジェクト名、パッケージ名/URLが表示されます。クリックすると「サービス > ダッシュボード」へ移動します。

**❸ サービスアイコン**\
MPM, Crash, WPM, WCrash サービス情報がアイコンで表示されます。クリックすると「サービス > ダッシュボード」へ移動します。

**❹ プロジェクト管理**\
\[…]アイコンをクリックすると、プロジェクト管理メニューが表示されます。

❺ **要約指標の表示/非表示**\
\[∨]アイコンをクリックすると、要約指標が表示されます。\[∧]アイコンをクリックすると、要約指標が非表示になります。

❻ **WPMプロジェクトの概要**\
IMQA WPMのインストールおよび設定に必要な概要を表示します。インストール用のコードを再度コピーすることができ、クロスドメインの設定過程を確認することができます。

{% hint style="info" %}
概要によりIMQA WPMのインストールからサービスの利用までの全般的な過程を把握することができます。
{% endhint %}

### 2.4. プロジェクト管理 <a href="#project-management" id="project-management"></a>

\[…]アイコンをクリックすると、プロジェクト管理メニューが表示されます。プロジェクト情報確認および修正・削除、クロスドメインとURLパターンを設定することができます。一部のメニューは、プロジェクト権限ユーザーにのみ表示されます。

<figure><img src="https://lh7-us.googleusercontent.com/NhBKXWGLAmA3JTh7k2K4EOQkfLszy_nhZfbH2sLpjwiqulfZBqwjqx6VoiBb6K6T3UYzFZ4Ks85REcPudZyUFA0u1CoFdqU6CO3xLUkXza5uQ9yYDnO8v1ZKg0CN0u8WIKxjHdYSPm7HdwtxDY3Huz8" alt="" width="375"><figcaption></figcaption></figure>

**❶ プロジェクト情報**\
プロジェクト情報で作成したプロジェクト情報を確認でき、プロジェクトメンバーを管理することができます。

❷ **チーム変更** <mark style="color:red;">\*プロジェクトマネージャー以上</mark>\
プロジェクトが所属するチームを変更することができます。チームメンバーとして所属中のチームにのみ変更できます。

**❸ クロスドメイン設定**\
IMQAにおいて分析するメインドメインの他にクロスドメインを設定することができます。サブドメイン(例：m.imqa.io)別途構成されている場合やCORS(オリジン間リソース共有)へのアクセスが必要な場合、許可するオリジンを指定することができます。

**❹ URLパターン設定**\
WebサイトのURLのパターンを探し、好きな形に置き換えてIMQAで収集することができます。URLの数字、識別子(例：流入ID、ユーザーID、検索クエリなど)の置き換え、類似したページを意味のある集計単位にグループ化することができます。

**❺ プロジェクト名修正** <mark style="color:red;">\*プロジェクトマネージャー以上</mark>\
プロジェクト名を変更することができます。

**❻ プロジェクト削除** <mark style="color:red;">\*プロジェクト作成者以上</mark>\
プロジェクトを削除することができます。

{% hint style="danger" %}
プロジェクトを削除すると、**既存のデータはすべて削除されます**。必ず削除前に確認してから、削除を実行してください。
{% endhint %}

#### プロジェクト情報 <a href="#info" id="info"></a>

プロジェクト情報で作成したプロジェクト情報を確認でき、プロジェクトメンバーを管理することができます。

<figure><img src="https://lh7-us.googleusercontent.com/LhP20y1zVGFgaQWpI26R7YOVGqJx5EBtcRkPBXD5zM_l7EQORfneaVFi7JbUCx4TxMrIa8GKW83vbhmy5xjL5nwhaxE8PItOiiuHrGtnkpTz-CwwtPIkOuMTS84xyqT5rGWIxu4ENsWsNnDRiXvGMec" alt="" width="563"><figcaption></figcaption></figure>

**❶ プロジェクトメンバーのEメールアドレス**\
プロジェクトメンバーユーザーのEメールアドレスが表示されます。プロジェクトを作成したユーザーは、最上部に表示されます。

**❷ プロジェクト権限**\
プロジェクトの権限がアイコンで表示されます。プロジェクト閲覧と管理役割が表示されます。

<table><thead><tr><th width="139" align="center">プロジェクト権限</th><th width="90" align="center">アイコン</th><th align="center">プロジェクト閲覧</th><th width="137" align="center">メンバー追加/削除</th><th align="center">メンバー権限変更</th><th align="center">プロジェクト削除</th></tr></thead><tbody><tr><td align="center"><strong>Owner</strong></td><td align="center">Ⓞ</td><td align="center">O</td><td align="center">O</td><td align="center">O</td><td align="center">O</td></tr><tr><td align="center"><strong>Manager</strong></td><td align="center">Ⓜ</td><td align="center">O</td><td align="center">O</td><td align="center">X</td><td align="center">X</td></tr><tr><td align="center"><strong>Member</strong></td><td align="center"></td><td align="center">O</td><td align="center">X</td><td align="center">X</td><td align="center">X</td></tr></tbody></table>

* プロジェクト作成者Owner: プロジェクトを作成した1つのユーザーアカウントに与えられ、全般的なプロジェクト管理権限が付与されます。
* プロジェクトマネージャーManager: プロジェクトのメンバー追加と自分以外の下位権限ユーザーの削除を実行することができます。
* **プロジェクトメンバー**Member: プロジェクトを閲覧することができます。

**❸ プロジェクトメンバーの権限変更** <mark style="color:red;">\*プロジェクト作成者以上</mark> **/ メンバー削除** <mark style="color:red;">\*プロジェクトマネージャー以上</mark>\
① Eメールアドレスの横にある\[Ⓜ]アイコンをクリックすると、プロジェクトマネージャーとして追加することができます。\
② \[Ⓜ]アイコンをもう一度クリックすると、プロジェクトマネージャーから削除されます。\
③ Eメールアドレスの横にある\[-]アイコンをクリックすると、当該ユーザーはプロジェクトから削除されます。

❹ **プロジェクトメンバーの追加** <mark style="color:red;">\*プロジェクトマネージャー以上</mark>\
① Eメールアドレスの下にある \[Add Project Member]をクリックすると、現在プロジェクトメンバーではないチームメンバーと「Eメールアドレス追加」エリアが表示されます。\
② プロジェクトメンバーではないチームメンバーのEメールアドレスの横にある\[+]アイコンをクリックすると、プロジェクトメンバーとして追加されます。

**❺ Eメールアドレス追加** <mark style="color:red;">\*プロジェクトマネージャー以上</mark>\
Eメールアドレスを入力して\[+]アイコンをクリックすると、プロジェクトメンバーとして追加されます。

{% hint style="warning" %}
Eメールアドレス追加は、IMQAに会員登録されているユーザーのみを追加できます。
{% endhint %}

#### クロスドメイン設定 <a href="#domain" id="domain"></a>

IMQAにおいて分析するメインドメインの他にクロスドメインを設定することができます。サブドメイン(例：m.imqa.io)別途構成されている場合やCORS(オリジン間リソース共有)へのアクセスが必要な場合、許可するオリジンを指定することができます。

① IMQA WPMプロジェクトの \[···] アイコンをクリックすると、プロジェクト管理メニューを表示します。

<figure><img src="https://lh7-us.googleusercontent.com/yrG69OGKWvsWpLLQzJQgIqCBNSOz1dgBvoVh2-TX8RK42KLC4iBGJz3W_6afhqolc-YmCkffy3OT5s7SK2nPDSBsr0ppJkHpTaWdn95RqSXP8BnGmbr54GmdS8DT32bB0TO_CvYa3bjg0dSen7UIOfY" alt="" width="375"><figcaption></figcaption></figure>

② \[クロスドメイン設定]をクリックします。

<br>

<figure><img src="https://lh7-us.googleusercontent.com/wD1iGFJKQy5TIlIEkw5KzJ_OEOi98SB6-mNNazi0NnCIzwJ54weuOK7HlzKISqPEO4d_jPdv681_5Eq7eWUDsO0mgp1gwtxaDfh4OZP2FweddMe6Eih7KB2buBR8MERLVWNnClxluy5mFfWXbwlqbNE" alt=""><figcaption></figcaption></figure>

③ 基本プロジェクトを作成するときに入力したメインドメインのURLが設定されており、Webサイトの構成により、サブドメインまたはオリジン間リソース共有へのアクセスを許可するオリジンを入力します。

* 許可ドメインの設定例)

  <figure><img src="https://lh7-us.googleusercontent.com/Es6ZredtnCi2aybRHYgZ8PqugUqI2PsVHbdg-j_lxyjmrE_PRF9NQB0mVspc-dYw75iSwBQ4I2YmOxKQj-DQvkR70GiwIWe29JaGwSWMQK5zYkCdwzCr_-6ZCa61_UDQbl_yMWn_M8iLaAKKlE5OYtc" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**許可ドメインのURL**へのアクセスを許可するドメイン一覧を指定します。(例： <http://localhost:8080>)

1行で区切って入力することができ、プロトコルおよびポート番号、大文字と小文字を区別し、\*文字を含めることはできません。
{% endhint %}

④ 許可されたドメイン一覧を入力し、\[保存]をクリックします。

⑤ 入力した許可されたドメイン一覧からデータをリアルタイムで収集するように設定されており、IMQAにおいて確認することができます。

{% hint style="info" %}
**IMQA WebAgent**は基本的にユーザーのWebブラウザアプリケーションの構成において重要な単位でのみデータが収集できるようにサポートし、インストール用のコードの複製によるライセンス保護などのため、許可されたドメインでのみデータを収集します。メインドメインURLの他に、性能データを収集したいドメインがあれば、**クロスドメイン設定機**能により許可されたドメイン一覧を設定する必要があります。
{% endhint %}

#### URLパターン設定 <a href="#url" id="url"></a>

WebサイトのURLのパターンを探し、好きな形に置き換えてIMQAで収集することができます。URLの数字、識別子(例：流入ID、ユーザーID、検索クエリなど)の置き換え、類似したページを意味のある集計単位にグループ化することができます。

{% hint style="warning" %}
**IMQA WPM**は基本的にユーザーが接続した原始URLデータを収集します。ユーザーがWebサイトを利用するとき、複数の識別子、検索クエリなどでURLが断片化される可能性が高いページの場合、**URLパターン設定により有意義な集計/分析の単位**を定義することを推奨します。
{% endhint %}

<figure><img src="https://lh7-us.googleusercontent.com/Jv8ALOld7Yoj_BBw8zmsFXi7DKFedNNN7o55eB6nH9PmB4QMPV-84XH3Wxy6oZHiWeAEYS5gfZD8TlmPG904RiAKNo-iTVvByfbvwTWIUFA_Pp55gy-uPJCOS4myx-vm_2lLq2UI2H460tB6fvwYAXE" alt=""><figcaption></figcaption></figure>

❶ URLパターン\
WebサイトのURLのパスまたはクエリパラメータにおいて、任意の形に置き換えるパターンを入力します。パスとクエリパラメータの単位を入力することができます。優先順位が高いURLパターンから適用され、クエリパラメータは「key=value」の形で入力する必要があります。\
① WebサイトのURLの構成により、パスまたはクエリパラメータにおいて束ねたい単位に変数<mark style="color:blue;">{group}</mark>を含めて入力します。\
② WebサイトのURLの構成により、パスまたはクエリパラメータにおいて解きたい単位に変数<mark style="color:orange;">{value}</mark>を含めて入力します。\
③ URLパターンを入力し、\[+]アイコンをクリックします。

* **URLパターン設定例 1)**

  *「商品詳細ページのURLである「products」パスの後の<mark style="color:blue;">数字</mark>を束ねて一つのページで集計/分析したいです。クエリパラメータは詳しく区別しなくても大丈夫です。」*

<figure><img src="https://lh7-us.googleusercontent.com/gcsdIgq-N2Fu2aVfZTm0ZhZJZRgIR9xjOTIVYTmR7ayK4_G0Iif_rDCtePXn8qF3sOXEF4Wm8O2C7pc_mSZ8jt-9rvFBP7_AXsEso6ZrqlsXYRlfjbVeWHNImsaAZ0foPuORvLpTsGK5VcyRk3hSpPg" alt=""><figcaption></figcaption></figure>

① 特定の「パス」に適用するURLパターンを変数<mark style="color:blue;">{group}</mark>を含めて入力します。\
② 設定時点から収集されるURLをご希望の形に置き換えてIMQAにおいて<mark style="color:blue;">「ページ」</mark>単位で確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/FcsAKrkvZYCPcxWE0uogYJzu9XxsusDJVvRgaehGy1qc71Op77PkTN_yujn5AnQ06VP3hvD4bcp2o98g7Gnn-OxUnU4XjvCeSiQ7ivEDtAG5QcG747h26YoXxqhgAptJPXlqPTCe0nT4kEZJzSr6cV8" alt=""><figcaption></figcaption></figure>

* **URLパターン設定例 2)**\
  \&#xNAN;*「メインページに流入されるタイプを区別したいです。URLのクエリパラメータに付く<mark style="color:blue;">外部からの流入ID</mark>「fbclid」、「NaPm」、「gclid」は表示し、値は詳しく区別しなくても大丈夫です。」*

<figure><img src="https://lh7-us.googleusercontent.com/LV9r9pupNho-D2SO370DQSim-bREunk-1EYBzmOiVT502NZHudLsCIOM7V5ZMhUYkZeTSHxQzG1D6YcuQkNBiZNpmULWq71Z-GBSMkOFI0AtiajzTaO-igSp3lF_bpKz2tGUj8brLugdiwag4nNoDCg" alt=""><figcaption></figcaption></figure>

① 特定の「パス」と「クエリパラメータ」に適用するURLパターンを変数<mark style="color:blue;">{group}</mark>を含めて入力します。\
② 設定時点から収集されるURLをご希望の形に置き換えてIMQAにおいて<mark style="color:blue;">「ページ」</mark>単位で確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/zTrpkrZ_sVh_cUy9zp5jJWK22BDPP8gz5ySoWEm08dqKNmQXTq5h6T9arkL3082_KISRW-vZt_MhJEtrwxaX8mp-7szQpMCiHY0-iy2keDWFeA8QAtiVdiucGPGpzXwngBefAY8H7Tjwsgr2lhaUkWk" alt=""><figcaption></figcaption></figure>

* **URLパターン設定例 3)**

  *「ベスト商品の一覧ページから各カテゴリータイプを区別したいです。「best」パスのURLクエリパラメータに付く<mark style="color:orange;">カテゴリーID</mark>「category\_id」と値を区別し、他のクエリパラメータは詳しく区別しなくても大丈夫です。」*

<figure><img src="https://lh7-us.googleusercontent.com/V_lDJqRJeNVby5vrZP_nAOW8n0s0YTCLRNfLvAfqit1stIgjItDvQmqbgVS9v1Ly8ccMOVTIqhlwQeogejQZFLGGlk9ouqbGTNTLkHmzvaY84Urs6jx75CoArA-Y7a1B1HKYdRLI_awoSwUaiOSlvjE" alt=""><figcaption></figcaption></figure>

① 特定の「パス」と「クエリパラメータ」に適用するURLのパターンを、変数<mark style="color:orange;">{value}</mark>を含めて入力します。\
② 設定時点から収集されるURLをご希望の形に置き換えてIMQAにおいて<mark style="color:blue;">「ページ」</mark>単位で確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/VzFNi8S4lid-lULIAj4Hrd2xsP0QApu6aa970eY5dX5KXfNP8w-dRYhFIEOBUGidiu5dWP-R4hg-WiTvM7o7H29q6gYO8TgcM_ARPrk4f5efX1l9q8D2ut3HkDQHXEAy1IC0qw-XdczRE4fs2Cw3y_0" alt=""><figcaption></figcaption></figure>

**❷ 優先順位**\
URLパターンを適用する順番を表示します。優先順位の高いURLパターンから適用され、順番を変更することができます。

* **優先順位の設定例)**

  「商品詳細ページのURLである「products」パスの次の<mark style="color:blue;">数字</mark>を束ねるパターンを適用していますが、メイン～商品詳細ページに移動するタイプの<mark style="color:blue;">内部からの流入ID</mark>「flow」と<mark style="color:blue;">外部からの流入ID</mark>「fbclid」でアクセスする場合を追加で区別したいです。」

<figure><img src="https://lh7-us.googleusercontent.com/SIW1AHQcjP5SsctqQOMW251SbDJ33Q8LZd424RFv-V-AF4BWzP6JUuGV5dWrV_dEKge4gj5ul3iOe46yyWtDvcVjdfnBoBbAY-w58AkyWtH9tvS-ewx5y_foN6Sxv4yLgucahp9atCCMfDVPrbLcHcM" alt=""><figcaption></figcaption></figure>

① 優先順位が高い「パス」に適用されるURLパターンが優先的に適用されます。\
② 特定の「パス」と「クエリパラメータ」に適用するURLパターンの優先順位を高く変更します。<br>

<figure><img src="https://lh7-us.googleusercontent.com/6UVmSgT83z1dLdwsdTPmIXhT0HNkJKrOZPmmYUS20GDU7j9KBxWDrQ9Peg3qjwEpQasOVH2_7052L2iL2uo4WHRUDvUrlMSOITDCnGPW1qqYUoVIDvxsHqsbyl4YpMf98C7nnXDNoRvZmgSKKe9lv68" alt=""><figcaption></figcaption></figure>

③ 設定した後、「クエリパラメータ」に適用されるURLパターンが優先的に適用され、ご希望の形に置き換えられます。

<figure><img src="https://lh7-us.googleusercontent.com/yJv6wwszxQZYZsaCaCgqChUYrju_PUeGgua2VCDSq6iZXPzPvMTfBbsenapxFydDJXuvFkwVrezilZia51wyvyt5MUvpThF_CTjU2UmKIIhl4Pwybq8GZikxe9a4l7ZuIkCDd_kk6D0gvVDrmxGggAQ" alt=""><figcaption></figcaption></figure>

**❸ URLパターン**\
プロジェクトに設定されたすべてのURLパターンを一覧で表示します。

**❹ 優先順位の変更**\
マウスドラッグでURLパターンを適用する順を設定することができます。

**❺ 削除**\
追加したURLパターンを削除します。削除した場合、そのURLパターン項目が削除され、その後はURLパターンが適用されません。適用するURLパターンと優先順位の設定が終わると、\[保存]をクリックします。設定時点から収集されるURLをご希望の形に置き換えてIMQAにおいて「ページ」単位で確認することができます。

## 3. ダッシュボード

IMQA WCrashダッシュボードは、Webブラウザアプリケーションで発生したWebクラッシュ状況を把握することができます。週間ユーザー現況とクラッシュ発生数、詳細なエラー情報を確認でき、ブラウザ別エラー発生現況、特定エラー累積回数を確認するのに便利です。<br>

### 3.1. 概要

<figure><img src="https://lh7-us.googleusercontent.com/x8PH5YT5E8kb5CYdbbv9baa3_dZP0jI8eXhFyGt2oi9-PuMMFqS4q381Q6S265GbDgd5EIwECqM7pxeeis6uaLhCNhlKQGrwGqvuwpK64rfGDEOQTWjhospxdSfde6_tFsx3Lgx4zbpCGcK-Znw2BMUsGjERNjudLiX8cc0yZYlW2n0JoFdJhac_YxmaEw" alt=""><figcaption></figcaption></figure>

IMQA WCrashダッシュボードは、以下のとおりに構成されています。

**❶ 画面上部バー(共通)**\
**❷ プロジェクト情報** \
**❸ 週間要約情報**\
**❹ 日間エラー**\
**❺ ブラウザ別比率**\
**❻ エラーテーブル**

#### 画面上部バー(共通)

<figure><img src="https://lh7-us.googleusercontent.com/gumxEHDUa_qYLggJJZpFjpDazKY5Nvv8-9UKCDtyzCgF1uztDil7gySUSNtTSoNkt8cJS51vAfKg9Ob9yJYpQ9eL0It5m7KNKg0k80AZuI84MOQR3tnk_3_orZSbPf0Ugpx_hx6kokZjp1DQTcB3GYCETKRqrCtyGnc8n9XiXdw2NBP-fOkrtLwynONv7Q" alt=""><figcaption></figcaption></figure>

**❶ ロゴ**\
クリックすると、プロジェクトリストのメインへ移動します。

**❷ WCrashメニュー**\
クリックすると、各WCrashのメニューページへ移動します。

**❸ WPMアイコン**\
プロジェクト作成時にMPMサービスを作成した場合に表示され、クリックすると、同アプリの「WPM > ダッシュボード」ページへ移動します。

**❹ プロジェクトナビゲーション**\
現在開いているプロジェクトから別のプロジェクトへ移動することができます。\[ホーム]アイコンをクリックするとプロジェクトリストへ移動し、プロジェクトを変更した場合は当該アプリの「サービス > ダッシュボード」へ移動します。

**❺ 会員メニュー**\
ログインアカウントの会員メニューが表示されます。

* **IMQAガイド**IMQA Guide: IMQAガイドを確認できます。クリックすると、ブラウザの新しいタブに表示されます。
* **ユーザー設定**Settings: ユーザー名とパスワードを変更することができます。ブラウザのタイムゾーンを変更すると、 IMQA分析情報の表示基準時間を変更することができます。

{% hint style="info" %}
ログインしたユーザーがタイムゾーンを自動的に設定することができない環境にいる場合、IMQAの時間情報が正しく表示されないことがあります。ブラウザのタイムゾーンを利用して、接続している地域のGMT標準時間に合わせて手動で設定することができます。
{% endhint %}

* **ログアウト**Logout: アカウントをログアウトします。

### 3.2. プロジェクト情報

プロジェクト情報を確認できます。

<figure><img src="https://lh7-us.googleusercontent.com/RahT_jFpkl9mfsR-AVtB7qzLDhDP3VuIrqlKGudMwTDm0DONdADl1Og6aDiImkI8gK8V_Qki-v_JVzg8dCuGXdsQvkrgJexcWo2QK8BFdTZtSQAfG94SXHNgDSDHFvvEhhBjMCFf_Ki0dZoEk17VA74" alt="" width="375"><figcaption></figcaption></figure>

### 3.3. 週間要約情報

Webサイトでここ1週間で発生したWebクラッシュ、利用者数、訪問数を確認できます。 これにより、Webサイトが正常に動作しているかどうかを判断できます。

<figure><img src="https://lh7-us.googleusercontent.com/t8aaGRuiBZxgVAfsR-QUjfNuJ-RrTZU44GvUQc590NLUlDeVKkzFKkNA2ff8Nau4M1anCuDNZnStOajcnfOhCN7_vAMh7hwL0BqHVsqlTfqfgjivy2SkXBSLOCZMuqm1LvqsViSbAaeivXUW-kImVw_FA-cbc5LXfz0kuBfGiZjtavtGWRGTwYBo6gu6Kg" alt=""><figcaption></figcaption></figure>

* **ユーザー数**: 直近の1週間のユーザー数がカウントされます。重複を除いたユニークユーザーを意味します。
* **訪問数**: 直近の1週間のWebサイトに接続した数をカウントします。ユーザーがWebサイトに接続し、開始したセッションの数を意味します。
* **ウェブクラッシュ**: 直近の1週間のWebエラーログの発生数をカウントします。

<table><thead><tr><th width="160" align="center">性能指標</th><th width="167" align="center">算出区間</th><th align="center">算出値</th><th align="center">合算方式</th></tr></thead><tbody><tr><td align="center">이용자 수</td><td align="center">최근 1주일</td><td align="center">사용자 수</td><td align="center">카운트</td></tr><tr><td align="center">방문 수</td><td align="center">최근 1주일</td><td align="center">세션 수</td><td align="center">카운트</td></tr><tr><td align="center">웹 크래시</td><td align="center">최근 1주일</td><td align="center">웹 에러 로그 발생 수</td><td align="center">카운트</td></tr></tbody></table>

빠른 파악을 위해 1,000단위를 ‘1K’로 요약 표시하며, 실제 데이터는 ‘K’로 요약 표시된 숫자에 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다.

### 3.4. 日間エラー

Webサイトでこの1週間の日別エラー発生数を記録し、特定の日付のエラー発生推移と発生数を確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/8M3_YsaFOV4vliFhQB6bnBw56W_XSOJvfAaPIQFkvmg5iOSbH0SggBFrEVUXbsDn45ccPJlFFKnvNvv9gIjOTmagyWZW1mmD9HUBLKSNpqcY7lL4vyRcqDPzpQJmoS5zMm4kaX0IPij5A7NiSdG9wvTZnlkkfQC_tqkK49C2Dm0LVph1xIJk5Vrqf4wmZQ" alt="" width="375"><figcaption></figcaption></figure>

* **ウェブクラッシュ発生数**: 最近 1 週間の日ごとのWebエラーログ発生数をカウントします。

{% hint style="info" %}
特定の日付にエラー発生数が急激に増加した場合、該当日の前後に変動要因があったか確認してください。
{% endhint %}

### 3.5. ブラウザ別比率

Webサイトで直近1週間エラー発生の割合上位6個のブラウザとエラー数を確認することができます。これにより、どのようなブラウザでエラーがたくさん発生したかを素早く把握することができます。

<figure><img src="https://lh7-us.googleusercontent.com/zfeLr4EBmWTeoHx3eovP3zE1Nt5kFUneBqiPuM7S8qoG3DVsd8yKKbHih4M4o3Cj0dgt4kiuUaA3kBxxAh9b_1II1j41eVN47FmQAQa7RKLD36lH5mzwy2WHQiI0FdUim3Rjgp10PMauRuPqUu8BLJ2PaW9xQACEaQh8v6M87x4COCGMn_xdytHeuTy2PQ" alt=""><figcaption></figcaption></figure>

* **ブラウザ**：エラーが発生したブラウザ名を表示します。&#x20;
* **エラー数** 1w: 各ブラウザのエラー発生数をカウントします。

{% hint style="info" %}
ブラウザはWebサイトにアクセスしたとき、ユーザーのUser-Agent情報に基づいて表示します。「Chrome」 「Safari」 「Microsoft Edge」 「Firefox」 「Samsung Browser」などに区別されます。特定されていないブラウザの場合、「Unknown」で表示されることがあります。
{% endhint %}

### 3.6. エラーテーブル

Webサイトで直近の1週間に発生したエラーを確認することができます。現在の状態、累積発生数、クラッシュ名、最終発生日時が表示されます。これを通して、発生したエラーを速やかに把握することができ、「エラー別詳細ページ」へ移動することができます。

<figure><img src="https://lh7-us.googleusercontent.com/Qr5QwGBarAc9BfRqeFg5X_55ayCHc7jqSRb1hU7IhBkrfQsgIjgxKtKPCARuVixMIfcwbztsksdep8U80tQgF4sEQZY7y4Febnr1zYQzP5fwRnmZUQwe7fJufGh3I640ZJESn3CrevxGGP50Yb0i2IPVdlB939TOXfkmjgTvmqqAXLUGlpCLfHAlRr6FbQ" alt=""><figcaption></figcaption></figure>

**❶ ヘッダ(整列)**\
基本は最近発生したエラー順に整列され、状態、累積回数、発生日時で並べ替えることもできます。

**❷ エラー**\
Webサイトで直近の1週間に発生したエラーが表示されます。\[エラー項目]をクリックすると、「エラー詳細」ページへ移動します。

* **状態**: 「新規」「処理」「完了」「処理済」と表示され、「エラー詳細」ページで変更することができます。
* **累積**: 当該エラーの発生累積回数がカウントされます。
* **エラー名**：エラータイプ、ユーザー定義のエラーメッセージ、コードの行番号を表示します。一覧の上段のエラー3つを赤で表示します。
* **発生日時**: 当該エラーの最終発生日時が表示されます。

{% hint style="info" %}
詳細なWebエラー分析のために、エラーメッセージを指定し、ユーザー定義のエラーを収集することができます。ユーザー定義のエラーメッセージの指定に関する詳細は、’[IMQA WPM/WCrashインストールガイド > \[WCrash\] Custom Web Crash 発生 > ユーザー定義エラーメッセージ指定](https://docs.imqa.io/imqa-guide/jpn/installation/web-wpm-wcrash/gong-tong-webagent-she-ding#yzermessji)’を参考にしてください。
{% endhint %}

## 4. エラー詳細

IMQA WCrashのエラー詳細は、特定のエラーがどのページURLでどのくらい発生し、どのユーザー環境で主に発生するかを分析することができます。コールスタックとエラー発生ルートなどを確認でき、管理者はそのエラーにタグをつけたり、処理過程を記録・確認することができます。 <br>

### 4.1. 概要

<figure><img src="https://lh7-us.googleusercontent.com/9uDbg7LfDgtd1ck-vhpZ__ERkl8-KAX2XjzSY-OI0KIgza3fZCdyiEbwrlcKPjXpcxbK615yFqu-HLx231gp3p3t1cEGvvTB-eLBW9J9zxXwiU2iloYAcj1g4kcv1arja9pOnW7lLKRGF_RVGRLNSLSdLVmbiAAAxLk4ZO88UtNR7920cRaQLeNGLfMbOQ" alt=""><figcaption></figcaption></figure>

「ダッシュボード」または「エラー検索」で特定のエラーをクリックすると移動でき、IMQA WCrashエラー詳細は、以下のとおりに構成されています。

**❶ エラー情報**\
**❷ 日別エラー発生数**\
**❸ ユーザーの環境**\
**❹ タグ**\
**❺ コールスタック**

### 4.2. エラー情報

エラー情報と累積回数を確認し、管理者が処理過程を記録、確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/atxDlyp3kFrUSF-LXGvKVunRm9l8rx8By403cciY1CHsE0Zj7PZkCSlOkELSvJnmClLXc-X_UbZU7PU6eEXHN11_Z6K3oyH34fg-2U6czaSKHXif9geQ7TyJypkowu4osvFfPHj1rdjNGysR93kcnmTyIN03WgRckv7TDD78kZgQYbjKLk_Q1p28tNnEFQ" alt=""><figcaption></figcaption></figure>

**❶ エラー情報**\
エラー名、クラス名、エラーが発生したコードラインナンバーが表示されます。

* **エラーインスタンス**: 当該エラーのキャッチされたエラーインスタンス名を表示します。

<table><thead><tr><th width="189" align="center">Error Type</th><th align="center">Description</th></tr></thead><tbody><tr><td align="center">Error</td><td align="center">ユーザーが設定したエラータイプです。</td></tr><tr><td align="center">EvalError</td><td align="center"><mark style="color:red;">eval()</mark>で発生するエラーです。</td></tr><tr><td align="center">RangeError</td><td align="center">変数の有効な範囲を超えた場合に生成されるエラーです。</td></tr><tr><td align="center">ReferenceError</td><td align="center">誤った参照をした場合に生成されるエラーです。</td></tr><tr><td align="center">SyntaxError</td><td align="center">無効な構文が存在する場合のエラーです。</td></tr><tr><td align="center">TypeError</td><td align="center">有効な資料型でない場合は、そのタイプのエラーです。</td></tr><tr><td align="center">URIError</td><td align="center"><mark style="color:red;">encodeURI()</mark>や <mark style="color:red;">decodeURI()</mark> 関数に不適切なパラメータを渡した場合に生成されるエラーです。</td></tr><tr><td align="center">AggregateError</td><td align="center">複数のエラーを 1 つのエラーで包み込むエラー形式です。</td></tr></tbody></table>

* **ユーザー定義のエラーメッセージ**：特定のエラータイプのエラーが作成されるとき、ユーザーが指定したメッセージを表示します。
* **ページ**：当該エラーが発生したページのURLを表示します。
* **コードの行番号**：当該エラーの行番号を確認することができます。

{% hint style="info" %}
詳細なWebエラー分析のために、エラーメッセージを指定し、ユーザー定義のエラーを収集することができます。ユーザー定義のエラーメッセージの指定に関する詳細は、’[IMQA WPM/WCrashインストールガイド > \[WCrash\] Custom Web Crash 発生 > ユーザー定義エラーメッセージ指定](https://docs.imqa.io/imqa-guide/jpn/installation/web-wpm-wcrash/gong-tong-webagent-she-ding#yzermessji)’を参考にしてください。
{% endhint %}

**❷ 状態**\
担当者は、確認後にエラーの処理状態を変更することができます。クリックすると、状態を変更できるオプションが表示されます。状態変更基準は特に定められていないため、管理者の判断によって以下のように設定することができます。

* **新規**: 新たに発生したエラーの場合
* **処理**: 担当者が原因を把握して処理中の場合
* **完了**: 担当者が処理業務を完了した場合
* **閉じる**: 管理者が確認し、当該エラーの処理業務を完了した場合

{% hint style="info" %}
状態変更を行ったエラーは、同じエラーが発生した場合でも状態が維持されます。
{% endhint %}

**❸ 累積**\
当該エラーの発生総累積回数が表示されます。

### 4.3. 日別エラー発生数

直近1週間における該当エラーの1日あたりのエラー発生数を記録し、特定の日付のエラー発生の推移と発生数を確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/tRZc_JZeOCYTUopu-fYNEAABoM_Fq7LRcUGh1QjbM4Yk3Zi0fLbeSjKIxWl3XY_43ei5DvGWjK2KK60pijcTMbMw1PfKcJFEjxOn4aC2jS6Vzw3p-42Qiz75wm9eKd2IhANjiXLdFnOwWb5EqF7wsj4rUdlrHjF9MyCN-R9Pwdl5aEHNxWKdhTeumMlnaw" alt=""><figcaption></figcaption></figure>

* **エラー発生数**: 直近1週間における1日あたりのエラー発生数をカウントします。

{% hint style="info" %}
Y軸は、エラー発生数を表します。当該エラーを処理した後、再発生したのか容易に把握することができます。また、特定の日付にエラー発生数が急激に増加した場合、該当日の前後に変動要因があったか確認してください。
{% endhint %}

### 4.4. ユーザーの環境

直近の1週間に当該エラーがどのようなユーザー環境で多く発生したのかが表示されます。

<figure><img src="https://lh7-us.googleusercontent.com/LsB8igc7CJjbEXxXSkK6UMpoXdmJYmZhCwUhDm_cnHGe3tmUrmUv6_w-Ohc4BhH25SE2f5yDmqMZgfPAdpqUnwtUn7MGtM-CxoHqCg4K-DWJ6G2fev511ceFE3OANgFndF5tWIyGljcPkmar1lBBQxNYPeF-OACzrWn_FqdEvrg9MoIy4KXrDoFPIACUjA" alt="" width="563"><figcaption></figcaption></figure>

* **デバイス**: 当該エラーが発生したユーザーのデバイスが表示されます。ユーザーが接続したOSにより、「Desktop」と「Mobile」に分類して表示されます。
* **OS**: 当該エラーが発生したユーザーのOSが表示されます。
* **ブラウザ/バージョン**: 当該エラーが発生したユーザーのブラウザとバージョンを表示します。ユーザーのブラウザとバージョンを表示します。

{% hint style="info" %}
ユーザー情報はWebサイトにアクセスしたとき、ユーザーのUser-Agent情報に基づいて表示します。IMQA WPMは、ユーザーが主に使用するOSとブラウザに大別されます。 OSの場合、「Windows」 「macOS」 「Android」 「iOS」 「Linux」などに区別されます。 ブラウザの場合、「Chrome」 「Safari」 「Microsoft Edge」 「Firefox」 「Samsung Browser」などに区別されます。特定されていないOSやブラウザの場合、「Unknown」で表示されることがあります。
{% endhint %}

### 4.5. タグ

当該エラーに対する追加情報を、タグで自由に管理することができます。

<figure><img src="https://lh7-us.googleusercontent.com/HX5aOZVThk6Dhs55BmNP9JT37CLR7Fue7UeZObu4f0Md5hJKG8TTcv5nFT7DAAbvynbkjreP40XIVKARrfsUqoj8L1xiXJLAN9Tg3S7AS8wu_uyrsZrWsBFJnRFFDTdCo-dtQO8KVZ_2S9ahuswz7NVuICbuXX3AyK7RB7mo3zcMXUfgiy1XLWHj6UASTw" alt=""><figcaption></figcaption></figure>

① タグに希望するタグ名を入力して、\[+]アイコンをクリックしてください。

② 画面下の空きスペースに登録したタグが表示されます。\[X]アイコンをクリックすると削除できます。

{% hint style="info" %}
登録したタグは、「エラー検索」ページで検索ワードとして活用することができます。ターゲットとなるユーザー環境でタグを管理したり、発生状況、高いリソース使用量の記録などに活用してみてください。1つのエラーには、同じ名前のタグを登録することはできません。
{% endhint %}

### 4.6. コールスタック

クラッシュが発生したスタック情報を確認することができます。個別ユーザーの詳細情報と移動ルートを分析することができます。

<figure><img src="https://lh7-us.googleusercontent.com/SSeyzaW12zXwd_KbVIuOecIeKyNyfeb3ErYgLJFdNrFKt_tl5vfCbSfhSNuXaVy-tQm04BfHzsE8RtMSmspfihbNXS7KQkCBiLQHtx83kn19K05yfpC3AiP56OI2eCITvVMg7-fc_ofGz_i9Fx5XtAMltOCsB7F4IqeJ9Ih8ZdDmldIQHxU-uPsHej6UGg" alt=""><figcaption></figcaption></figure>

**❶ クラッシュ発生スタック**\
クラッシュスタック情報のうち上位スタックラインが表示されます。

**❷ スタック情報**\
エラー発生のスタック情報を確認することができます。これによりエラーの原因と発生位置を確認することができます。

**❸ 原本ダウンロード**\
スタックに関する情報を「txt」ファイル形式でダウンロードしてメンバーと共有することができます。\[原本ダウンロード]をクリックすると、’Crash\_stacktrace.txt’ファイルが ’Download’ フォルダに保存されます。

## 5. エラー検索

IMQA WCrashエラー検索は、選択した期間中に発生したエラーを検索することができます。状態、ユーザーの環境、タグなどで検索することができ、当該エラーの詳細ページへ素早く移動することができます。

### 5.1. 概要

<figure><img src="https://lh7-us.googleusercontent.com/2UTIKwpLMbRYU2Va0SOe5Ew9kAFjPzSjdgZ_FtfdZnbVhV0cm3CUrVaSDZTU0nOA9Wmb6qQ3dn44tCGh5L-7NBjG3JKXFZ3um60NctPUS2maQvNiHen0mMrnXHOTgx0RlmuCvD1MiTyL6QmCFnuOFVg" alt=""><figcaption></figcaption></figure>

IMQA WCrashエラー検索は、以下のとおりに構成されています。

**❶ フィルター**\
**❷ エラーテーブル**

### 5.2. フィルター

日付、状態、デバイス、OS、ブラウザ、タグでエラー テーブルに表示されるエラーをフィルタリングできます。

<figure><img src="https://lh7-us.googleusercontent.com/Yg-oZ8CIRUethq_zIw6IELmRSBhYIepjMtU365Zv_0S2_70ZIek6Ns8g0ZBuoD1IQ92sERbRtqeWlh9qsy3uUANEmNcsJeWadBr58olkoPhNaXhhNJdV7Injcw-zc-SJxjgIngHg4nbM3oOMqtOT3EdSffhOzBQbiswTM46CuTVKTj12sleAG_6R-wsLlA" alt=""><figcaption></figcaption></figure>

**❶ 日付**\
基本設定は「7 days」で、最大30日まで発生したエラーをフィルタリングできます。バーの上にマウスをドラッグすると、最大日付に変更することができます。

**❷ 状態**\
基本設定は「すべて」で、「エラー詳細」ページで設定した状態でフィルタリングすることができます。

**❸ デバイス**\
基本設定は「すべて」で、「Desktop」または「Mobile」でフィルタリングすることができます。

**❹ OS**\
基本設定は「すべて」で、エラーが最も多く発生したOS4つとその他でフィルタリングすることができます。

**❺ ブラウザ**\
基本設定は「すべて」で、エラーが最も多く発生したブラウザ4つとその他でフィルタリングすることができます。

**❺ タグ**

![](https://lh7-us.googleusercontent.com/Bvokruf2JyigPazUMZ9kxB4-hRCzihIcMWM5kMKiWz4cOH4mAWy8V8_SWTPIPMCScMpJ_zgi6hHiaLgIZL9glFUdglYOsacN4_vhHRvsuNniYOJuA8tnW31z35sebx0lx0wt-8WKs23OKl-Zu0RJMz0CozysqD6tZ942qdV8s238UZAcVafEEBgoouS6UQ)

基本設定は「すべて」で、選択をクリックすると、「エラー詳細」ページで設定したすべてのタグリストから選択してフィルタリングすることができます。特定のタグを選択すると、フィルター条件として追加されます。\[X]アイコンをクリックすると削除できます。

### 5.3. エラーテーブル

フィルターで選択した条件でエラーを確認することができます。現在の状態、累積発生数、クラッシュ名、タグと最終発生日時が表示されます。これを通じてエラーを素早く把握でき、「エラー別詳細ページ」へ移動することができます。

<figure><img src="https://lh7-us.googleusercontent.com/pUDMS7TlxUo79HQOG6ysdOd-w0V0LSqtjOuFz0vadaa2PpSOyFc8Aa5V5O4cJW-oexxVmvC-oQ9_zYv0hAyN0qmFnFss9EX7EYvYdP-JgpGIZQ7yW8o4LiZX8k896JHv3TEWR1aJcFoYst8V4MV1_jO_1zSembkCIEosepO5FQ1GwtEBwe29Wz-tC_AMPA" alt=""><figcaption></figcaption></figure>

**❶ ヘッダ(整列)**\
基本は最近発生したエラー順に整列され、状態、累積回数、発生日時で並べ替えることもできます。

**❷ エラー**\
フィルターで選択した条件でエラーが表示されます。\[エラー項目]をクリックすると、「エラー詳細」ページへ移動します。

* **状態**: \[エラー詳細] ページで設定した状態を表示します。
* **累積**: 当該エラーの発生累積回数がカウントされます。
* **エラー名**：エラータイプ、ユーザー定義のエラーメッセージを表示します。
* **タグ**：\[エラー詳細] ページで設定したタグを表示します。
* **発生日時**: 当該エラーの最終発生日時が表示されます。

## 6. 統計

IMQA WCrash統計には、測定されたエラーを基に様々な統計指標が表示されます。どんなエラーがどれくらい発生し、どのようなユーザー環境で主に発生するのかを分析することができます。また、クラス、ブラウザ、ページを基準にして分析することもできます。

### 6.1. 概要

<figure><img src="https://lh7-us.googleusercontent.com/a2qEfI1IRldNrcGiFJ38q1iPOMosyMWE88nBUvP5eTbGibwTukDFPisrnllhnNirM8sSQX0EBLKC0lw_0i2I-jtCMaBWU3saZC_VYmVZNMHjztaoUJV4ViSeQbZQ0Wt9OIC0PxbNPv5HMIHF4gR9POecfhqd8NFAJAcC5vnuGIcQPvdCU3_YFrz5jgNTBA" alt="" width="375"><figcaption></figcaption></figure>

IMQA WCrash統計は、以下のとおりに構成されています。

**❶ 日別エラー発生状況**\
**❷ デバイス/OS/ブラウザ-バージョン別比率**\
**❸ デバイス-ブラウザ別エラー発生数**\
**❹ エラー比率上位10クラス(エラータイプ)**\
**❺ エラー上位10ブラウザ**\
**❻ エラー比率上位10ページ**

### 6.2. 日別エラー発生状況

直近の15日間における日別エラー発生数が記録され、特定の日のエラー発生推移と発生数を確認することができます。

<figure><img src="https://lh7-us.googleusercontent.com/rTgcS1EUwpGqp_2TVeeEvkvTaKMieRe71sTFYz-JtMLvk1VN_6KbD8FPJG3GP7QW2G4xn5SHcUiHOm2U0BysNhO0NOOqNnRLabuXOZyTAxgzbxJKyVgSCd-Y6LX8kO-t_JEJO8c18EpHcki3dEanVomXYGiCKldozn-6p38p28gLdqmDTKgYnpHkvqlWGA" alt=""><figcaption></figcaption></figure>

* **ウェブクラッシュ発生数**: 直近の15日間の日ごとのWebエラーログ発生数をカウントします。

{% hint style="info" %}
特定の日付にエラー発生数が急激に増加した場合、該当日の前後に変動要因があったか確認してください。また、その日付の利用者数と訪問数を一緒に把握すると、どのような原因でエラーが多く発生したのか指標解析に役立ちます。
{% endhint %}

### 6.3. デバイス/OS/ブラウザ-バージョン別比率

直近の15日間に発生したエラーのデバイス、OS、ブラウザ-バージョン別比率を確認することができます。(保存期間は、顧客会社によって異なります。)

<figure><img src="https://lh7-us.googleusercontent.com/gyY-CUawAXgIFkzE_-5zR2AK7BvYyN2j-YP7XG7TG42hYDVPWLcSUoEDJ4bOrINrsUlPv9OuPewMzIcmrm_muTN268KDyeThSzhzT3preasS58BbxG2kaoE2RjgriO7BplviMOxjPBD4ocNlgYnvD6OSZE1BsYErjotxmHUEtqx1SZr8VR0ZnbeTyiCVAA" alt=""><figcaption></figcaption></figure>

### 6.4. デバイス-ブラウザ別エラー発生数

直近の15日間に発生したエラーのデバイスごとのブラウザの比率を、累積棒グラフを通じて特定のデバイスで発生するエラー発生数とブラウザの最適化程度を把握することができます。(保存期間は、顧客会社によって異なります。)

<figure><img src="https://lh7-us.googleusercontent.com/X2UNo23gX5R8wnc9gAicoCjfi1UdVBV1zu4-LZzoW6sGl8y8jCoNX4gYmTMWOQGc0tqp2yRnhDg9rYhNvwueOpR721gxcWVdHtSSk8AwveEMxzSWK21zfkiCoZATcnrna7fkyuAnnqCt4QCWeTMSzcu3aZ8qih0Rxwp4cXKrTi3HjrVNIFdX5j6xLHDXWw" alt=""><figcaption></figcaption></figure>

累積棒グラフにより特定のデバイスを基準とした時の総エラー発生数と様々なブラウザの比率を把握することができます。'Desktop' または 'Mobile' バーにマウスポインターを上げると、ツールチップが表示されます。

* **総エラー発生数**: 特定のブラウザにおいて発生したエラー数がカウントされます。

<figure><img src="https://lh7-us.googleusercontent.com/-6z5g3a1tS5MHULf5hiB1XNwtGMHusnsgRFz41Na94h8ftFe-rtHXzAzDvIWuMQp9XOzvUtCyMwcchiw3mibUPS17v4xeSJUHV1thej2CoTs35CjAqp-UVrG6R2V_45Sr3aWyTIG0fBZ4SlpK4iPfg4" alt=""><figcaption></figcaption></figure>

表示されたツールチップを通して、各ブラウザ別エラー発生数を確認することができます。

* **ブラウザ別エラー発生数**: 各ブラウザで発生したエラー数がカウントされます。

{% hint style="info" %}
デバイスごとのブラウザ比率の指標から、以下のようなことを解析することができます。

1\. どのブラウザでエラーが多く発生したかが分かります。&#x20;

2\. どのデバイスでエラーが多く発生したかが分かります。

3\. デバイスを基準に、どのデバイスでエラーが多く発生したかが分かります。

例えば、DesktopではChromeブラウザで多くのエラーが発生しましたが、MobileではSafariブラウザのエラー比率が高かった場合、実際のユーザー接続デバイス別ブラウザ最適化優先順位を調整することができます。
{% endhint %}

### 6.5. エラー比率上位10クラス(エラータイプ)

直近の15日間にエラー発生比率上位10クラス（エラータイプ）で発生したエラーの比率を確認することができます。(保存期間は、顧客会社によって異なります。)

<figure><img src="https://lh7-us.googleusercontent.com/sG8-POpeJNYgCvi4QKZbhY02mQrU_LKGZsYA7pb-erzSaZqSnNHrhMhfy3Yh3nDebi5zUqso4EJPwrFHd7pDK31TTYgWyMHaf2MwUGoO9uMQMMRxEZ7haG3BIzKW69-CUH6W7V4WvMCsiT_8qAv4eGsDosGLRneOP5ezehOLJkJwOzzzWikou-HUzo75yQ" alt=""><figcaption></figcaption></figure>

* **エラー発生比率**: 各クラス（エラータイプ）で発生したエラー発生比率が表示されます。

{% hint style="info" %}
どのクラスでエラーが多く発生したのかを判断できます。
{% endhint %}

### 6.6. エラー上位10ブラウザ

直近の15日間にエラー発生率上位10個のブラウザで発生したエラー発生数を確認することができます。(保存期間は、顧客会社によって異なります。)

<figure><img src="https://lh7-us.googleusercontent.com/ZGccspo99JPMinouJCU95rWvG89IbzbYO9zkUj5KhOzX9Yu0BDzt1-90kZmRJSreTgEXHCZVlblZOMG6OrfO1gVPlAxhHMfXQoew3eZ3vsmeaTs-r2aY1H2ZKjUmW1rx7Wue9b6P-rHgpzdP-V1ULNYExXov-21NwoivLLVJOEnrvVwhwUZJQDrZsCGhSA" alt=""><figcaption></figcaption></figure>

* **エラー発生数**: 各ブラウザで発生したエラー発生数がカウントされます。

{% hint style="info" %}
どのデバイスでエラーが多く発生したのかを判断できます。 これによりブラウザの最適化における優先順位を設定することができます。「Unknown」はブラウザ情報が特定されていないことを意味します。ユーザーが多く利用しないブラウザまたは新規のブラウザなどがあります。
{% endhint %}

### 6.7. エラー比率上位10ページ

直近の15日間にエラー発生率上位10個のページで発生したエラー発生数を確認することができます。(保存期間は、顧客会社によって異なります。)

<figure><img src="https://lh7-us.googleusercontent.com/DlgY89KRT9Y159m_IE98vl73FFAObSFd5Lzz5KmEJH4ddBmph6w-aEIsapOXqVJ88XaQGGeFQ-LnkRO9FlVKMNbny5Uqp-bODHymSjaJYC89sPYKKKuDkqOm4SMnTDxXHdNRfwLN_TG4dy1qtSvVzGnuyc25AgcfbI_eeXYhdbABFWT8dMXNs_xGTKUNeg" alt=""><figcaption></figcaption></figure>

* エラー発生数: 各ページで発生したエラー発生数がカウントされます。

{% hint style="info" %}
どのページでエラーが多く発生したのかを判断できます。 ビジネス上重要なページであれば、迅速な改善が必要だと判断することができます。
{% endhint %}