SPA1 および SPA2 モニタリング

4.4.3 以前では、ブラウザ RUM のみが AngularJS 1 SPA アプリケーションの自動インストゥルメンテーションを提供していました。他のフレームワークについては、JavaScript エージェント API を使用して手動でイベントを報告する必要がありました。SPA のこの制限付き自動インストゥルメンテーションは、SPA1 モニタリングと呼ばれています。

JavaScript エージェント 4.5.16 以降では、ブラウザ RUM が Angular 1 ～ 9（および、JavaScript エージェント 21.12.0 では Angular 12）に認定されています。すべての SPA フレームワークの自動インストゥルメンテーションに対するこのサポートは、SPA2 モニタリングと呼ばれています。

次の表では、SPA1 および SPA2 モニタリングのサポートについて説明します。


SPA モニタリングのバージョン	自動インストゥルメンテーション	メトリクス	JavaScript API
SPA1	AngularJS 1 のみ	Base / Virtual Pages：ブラウザ RUM のページタイミングメトリック Ajax Requests：使用可能なすべての Ajax メトリック	あり
SPA2	すべての SPA フレームワーク。自動インストゥルメンテーションは、次のフレームワークで認定されています。 React Angular 1 ～ 9（JavaScript エージェント 4.5.16 以上） Angular 12（JavaScript エージェント 21.12.0 以上） Vue（JavaScript エージェント 24.4.0 以上）	Base pages：ブラウザ RUM のページタイミングメトリック（エンドユーザー応答時間（EURT）、視覚的な完了時間（VCT）、およびページ完了時間（PCT）を含む） Virtual Pages：エンドユーザー応答時間（EURT）、視覚的な完了時間（VCT） Ajax Requests：使用可能なすべての Ajax メトリック	あり

使用する SPA モニタリング

通常は、SPA2 モニタリングを使用することを強くお勧めします。ほとんどのアプリケーションでは、SPA2 モニタリングを使用する JavaScript エージェントで SPA の遷移を確定的に識別し、JavaScript エージェント API で特別な設定やコールメソッドを記述することなく、メトリックとリソースを正しくキャプチャします。SPA アプリケーションが AngularJS 1 で構築されている場合は、いくつかの設定を追加して自動インストゥルメンテーションを有効にします。