ブラウザーエージェント収集データ
WhaTapブラウザーエージェントは、ユーザーのブラウザーで発生したイベントを収集し、収集したデータを再処理してモニタリングを使用します。 すべての収集データは、ユーザーセッションに依存します。
タイプ(Type)
以下は、WhaTapブラウザーエージェントによって収集されるデータタイプです。
- Long：long to string32までの形式の固有IDのデータタイプです。
- TimeStamp：ms(millisecond) 単位で、測定時間のタイムスタンプです。
- HighResolutionTime：ms単位の所要時間です。
- TimeSet：タイムライン表示のために開始タイムスタンプと所要時間を表示します。
- ResourceType：「document」、「xhr」、「fetch」、「beacon」、「css」、「script」、「image」、「font」、「media」、「other」のいずれかを意味します。
- ErrorType：「console」、「onError」、「promiseRejection」、「fetchError」、「xhrError」、 「messageError」のいずれかを意味します。
共通収集データ
イベント発生時の基本的に収集されるデータは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| sessionID | Long | ウェブアプリケーションユーザーがウェブページの閲覧を開始するときに発行される固有IDです。 セッションの保持期間は最大4時間で、15分間続くと、ID の有効期限が切れます。 ブラウザークッキーに保存します。 | x7dbvq64ga80sd |
| userID | Long | ウェブアプリケーションユーザーが初めて接続するときに発行される固有IDで、有効期限がありません。 ブラウザークッキーに保存します。 | z7eqnnitlc19j9 |
| sendEventID | Long | イベント発生後に収集サーバーへのデータ送信時に発行するリクエストの固有IDです。 | x4rp4tnuq25i0h |
| page.url | String | イベントが発生したページのURLです。 | https://site.whatap.io/8/dashboard?dataKey=abcd |
| page.host | String | イベントが発生したページのURLのドメイン名です。 | site.whatap.io |
| page.path | String | イベントが発生したページのURLのパスです。 | /8/dashboard |
| page.query | String | イベントが発生したページのURLのパラメータです。 | dataKey=abcd |
| page.protocol | String | イベントが発生したページのURLのプロトコルです。 | HTTPS |
| page.title | String | イベントが発生したページの文書タイトルです。 | SaaSモニタリングNo.1のWhaTapモニタリング |
| userAgent | String | イベントが発生したブラウザーのuseragentです。 | Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36 |
ページロードイベント
ユーザーがウェブアプリケーションにアクセスし、ページのコンテンツを完全に読み込んだときに発生するイベントです。 基本的な収集データは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| navigationTiming.startTimeStamp | TimeStamp | navigationStartのタイムスタンプです。 ページを読み込みが開始された時間のタイムスタンプ値です。 | 1658057382311 |
| navigationTiming.eventID | Long | ページを読み込むイベントの発生時に発行する固有IDです。 | x7mkg24tags307 |
| navigationTiming.redirect | TimeSet | httpリダイレクションの所要時間です。 | {duration: 10, start: 315} |
| navigationTiming.cache | TimeSet | app cacheリソースを読み込みにかかる時間です。 | {duration: 5, start: 325} |
| navigationTiming.dns | TimeSet | ウェブサイトのドメイン探索にかかる時間です。 | {duration: 5, start: 330} |
| navigationTiming.connect | TimeSet | TCP接続設定の所要時間です。 | {duration: 6, start: 335} |
| navigationTiming.ssl | TimeSet | ssl handshakeプロセスの所要時間です。 | {duration: 5, start: 336} |
| navigationTiming.download | TimeSet | documentダウンロードの所要時間です。 | {duration: 100, start: 341} |
| navigationTiming.firstByte | TimeSet | ブラウザーがサーバーにdocumentをリクエストし、最初のバイトを受信するまでの所要時間です。 | {duration: 10, start: 341} |
| navigationTiming.domInteractive | HighResolutionTime | navigationStartからブラウザーがdocumentの構文解析を完了した時間です。 DOMが用意されているステータスです。 | 441 |
| navigationTiming.domContnentLoaded | TimeSet | DOMツリーを生成するのにかかる所要時間です。 | {duration: 50, start: 441} |
| navigationTiming.domComplete | HighResolutionTime | 「navigation Start」からdocumentおよび下位リソースの読み込みを完了した時間です。 | 491 |
| navigationTiming.domLoad | TimeSet | 「onload」イベントの所要時間です。 | {duration: 1, start: 491} |
| navigationTiming.backendTime | HighResolutionTime | 「navigationStart」からリソースのダウンロードまでの所要時間です。 | 126 |
| navigationTiming.frontendTime | TimeSet | ブラウザーが構文解析を完了した時間からloadイベントが完了するまでの所要時間です。 | {duration: 51, start: 441} |
| navigationTiming.loadTime | HighResolutionTime | 「navigationStart」から「loadEventEnd」までの所要時間です。 | 492 |
| totalDuration | HighResolutionTime | 「navigation Start」から最終ページの読み込みを完了した時間です。 | 550 |
ルーター変更イベント
ユーザーがSingle Page Application(SPA) の形式のウェブアプリケーションでページ移動時に発生するイベントです。 基本的な収集データは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| loadTime | HighResolutionTime | ルーター変更の所要時間です。 | 500 |
| startTimeStamp | TimeStamp | ルーター変更開始時間のタイムスタンプです。 | 1658057382311 |
| endTimeStamp | TimeStamp | ルーター変更終了時間のタイムスタンプです。 | 1658057382811 |
| pageLocation | String | ルーター変更イベントが発生したページのURLです。 | https://site.whatap.io/8/dashboard?dataKey=abcd |
| host | String | ルーター変更イベントが発生したページのURLのドメイン名です。 | site.whatap.io |
| path | String | ルーター変更イベントが発生したページのURLのパスです。 | /8/dashboard |
| query | String | ルーター変更イベントが発生したページのURLのパラメータです。 | dataKey=abcd |
| protocol | String | ルーター変更イベントが発生したページのプロトコルです。 | HTTPS |
| isComplete | Boolean | ルーターの変更が完了していない状態でルーターを別のページに変更する場合の区切り値です。 | true |
リソースロードイベント
ユーザーがウェブアプリケーションを使用中にリソースを読み込みしたときに発生するイベントです。 基本的な収集データは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| startTime | HighResolutionTime | 「navigationStart」からリソースリクエスト開始までの時間です。 | 1000 |
| startTimeStamp | TimeStamp | リソースリクエスト開始のタイムスタンプです。 | 1658057382321 |
| eventID | Long | リソースを読み込むたびに発行する固有IDです。 | x280or4ok0kqo0 |
| type | ResourceType | リソースタイプです。 | image |
| url | String | リソースURLです。 | https://unpkg.com/purecss@2.0.3/build/pure-min.css?dataKey=abcd |
| urlHost | String | リソースURLのドメイン名です。 | unpkg.com |
| urlPath | String | リソースURLのパスです。 | /purecss@2.0.3/build/pure-min.css |
| urlQuery | String | リソースURLのパラメータです。 | dataKey=abcd |
| urlProtocol | String | リソースURLのプロトコルです。 | HTTPS |
| is3rdParty | Boolean | 3rd partyにリクエストしたリソースを区分するための値です。 | false |
| timing.duration | HighResolutionTime | リソースのダウンロード完了までにかかる時間です。 | 61 |
| timing.size | Number | リソースのエンコードサイズです。 | 20 |
| timing.redirect | TimeSet | httpリダイレクションの所要時間です。 | {duration: 10, start: 315} |
| timing.cache | TimeSet | app cacheリソースを読み込みにかかる時間です。 | {duration: 5, start: 325} |
| timing.dns | TimeSet | リソースドメイン検索の所要時間です。 | {duration: 5, start: 330} |
| timing.connect | TimeSet | TCP接続設定の所要時間です。 | {duration: 6, start: 335} |
| timing.ssl | TimeSet | ssl handshakeプロセスの所要時間です。 | {duration: 5, start: 336} |
| timing.firstByte | TimeSet | ブラウザーがサーバーにリソースをリクエストし、最初のバイトを受信するまでの所要時間です。 | {duration: 10, start: 341} |
| timing.download | TimeSet | リソースダウンロードの所要時間です。 | {duration: 100, start: 341} |
| resourceInfo.method | String | リソースリクエストのメソッドです。 | POST |
| resourceInfo.status | Number | リソースリクエストのステータスです。 | 200 |
エラーイベント
ユーザーがウェブアプリケーションの使用中にブラウザーで発生したエラーです。 基本的な収集データは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| message | String | エラー発生時のメッセージ情報です。 | SyntaxError: Unexpected end of JSON input |
| stack | String | エラー発生時のスタック情報です。 | at printWarning (webpack-internal:///../node_modules/react-dom/cjs/react-dom.development.js:86:30) at error (webpack-internal:///../node_modules/react-dom/cjs/react-dom.development.js:60:7) |
| timestamp | TimeStamp | エラー発生時のタイムスタンプです。 | 1658057382321 |
| type | ErrorType | エラータイプです。 | onError |
| status | Number | エラータイプが「xhr」、「fetch」の場合に収集するエラーステータス値です。 | 501 |
| url | String | エラータイプが「xhr」、「fetch」の場合は、AJAXリクエストURLです。 | https://site.whatap.io/yard/api?pcode=8&type=summary |
コアウェブバイタルイベント
コアウェブバイタル(Core Web Vitals)は、ウェブコンテンツ利用者の使用経験に影響を与えるさまざまな測定値の中でグーグルを重要視する3つのメトリクスです。 基本的な収集データは次のとおりです。
| データ名 | タイプ | 説明 | 例 |
|---|---|---|---|
| lcp | HighResolutionTime | Largest Contentful Paint(LCP)、ページを最初に読み込み始めた時間を基準にビューポート内の最大の画像またはテキストブロックのレンダリング時間を報告します。 | 12334 |
| fid | HighResolutionTime | First Input Delay(FID)、ユーザーがページと初めて操作したとき(例：リンクをクリックしたり、ボタンをタップしたとき、カスタムJavaScriptベースのコントロ ールを使用するとき)からその操作にレスポンスしてブラウザーがイベントハンドラー処理を開始するまでの時間を測定します。 | 7 |
| cls | Number | Cumulative Layout Shift(CLS)は、動的に読み込まれたコンテンツによる予期せぬレイアウト移動を数値化して表現した点数です。 | 2 |