アプリへシングルページアプリ監視を追加する方法

SPA 監視では、JavaScript スニペットを使って、アプリのウェブページを計測し、監視用のデータを収集しています。New Relic Browser で SPA 監視機能をアプリに適用するには、以下のどちらかの、アプリにNew Relic Browser をデプロイするのと同じ方法でできます。

  • UI から自動的に行う
  • ページに直接、JavaScript スニペットをコピー&ペーストする
この機能へのアクセス可否は、サブスリクプションレベルによります。SPA 監視機能は、New Relic Browser Pro のユーザーのみ利用可能です。

前提条件

SPA 監視をデプロイに必要なこと:

  • アプリと Browser エージェントのバージョンが、New Relic の要求する互換性と用件を満たしていること
  • 最初のアプリのセットアップ手順の一環として表示されるサービスの利用規約に同意すること。利用規約に同意すると、あなたは、New Relic が URL のハッシュフラグメントを収集することを承認したことになります。同意するには、一度だけチェックボックスにチェックを入れるだけです。

SPA 監視の有効化

SPA 監視機能をデプロイする手順は以下のとおりです。

  1. New Relic Browser の Settings > Application settings より、Pro + SPA を選択します。
  2. 利用規約(Terms of Service)に同意します。
  3. Save application settings [アプリ設定の保存]を押します。
  4. すでにコピー&ペーストの方法で、New Relic Browser をデプロイしている場合は、JavaScirpt コードスニペット全体をコピーし、もともとコピーしていたページの HEAD のできる限り上部に、ただし、位置が重要な意味を持つ META タグ(例えば、 X-UA-Compatiblecharset 情報)の後にペーストしてください。既存のコードは削除してください。
  5. New Relic Browser が SPA 計測データを収集するまで数分待ちます。
  6. SPA 監視データを確認するために、New Relic のメニューバーから、Browser > Browser apps > (選択したアプリ) > Page views へアクセスします。

数分経っても、SPA データが、Page views ページに表示されない場合や、そのほかの問題が発生した場合は、New Relic Browser の トラブルシューティングの手順をご覧ください。

screen-browser-spa-enable070816.png
Browser > (選択したアプリ) > Browser app > Settings > Application settings: Select the Pro + SPA オプションを選択し、利用規約(Terms of Service)に同意します。そして、アプリの設定を保存します。すでに New Relic Browser をコピー&ペーストの方法でデプロイしている場合は、既存のスクリプトを SPA 監視用に JavaScript のスニペットと置き換えてください。
生成された JavaScript の下部には、New Relic Browser のライセンスキーとアプリケーションIDが含まれています。これらの情報は、New Relic REST API (v2) や API Explorer でも利用できる情報です。

SPA 監視の無効化

New Relic Browser の SPA 監視機能を外す手順は以下のとおりです。

  1. New Relic のメニューバーから、Browser > Browser apps > (選択したアプリ) > Settings > Application settings ヘアクセスします。
  2. 異なるエージェントのバージョン/ローダオプションを選択します。
  3. Save application settings [アプリ設定の保存]を押します。

関連情報

関連する情報は以下のとおりです。