ブラウザは、JavaScriptスニペット(または「エージェント」)を使用して、アプリのウェブページをインストゥルメントします。JavaScriptはブラウザ監視用のデータを収集します。Browserエージェントをインストールする場合は、さまざまなデプロイメントオプションから選択できます。
New Relicアカウントをまだお持ちでない場合は、New Relicアカウントを新たに作成します。永久無料です。
ブラウザモニタリングを有効にする
Browser Pro+SPAは、ブラウザモニタリングを有効にした場合のデフォルトエージェントです。これにより、ブラウザモニタリング機能のすべてに自動的にアクセスできます。ブラウザモニタリングオプションの詳細については、このドキュメントのBrowserエージェントの種類を参照してください。
ブラウザモニタリングを有効にするには:
- one.newrelic.comへ移動し、Add dataをクリックしてから、Browser and mobileをクリックします。
- UIの指示に従って、New Relic Browserなど、アプリに使用するブラウザモニタリング用のデータソースを選択します。
- アプリケーションのトラフィックを生成し、New Relicにデータが表示されるまで数分間待ちます。
- オプション:インストールが完了し、データを確認したら、アプリの設定ページに移動して、追加のエージェント設定を行うか、Browserエージェントの種類を変更します。
ブラウザのモニタリングエージェントを有効にした後、ウェブページデータがNew Relicに表示されるまでに数分かかる場合があります。問題が解決されない場合は、トラブルシューティングのヒントに従います。
デプロイメントのオプション
ブラウザモニタリングのデプロイ時にどのオプションを使用しても、最終的にはブラウザ監視用のJavaScriptスニペット(「エージェント」とも呼ばれる)がアプリページに挿入されます。個人の設定やビジネス上のニーズに合わせた方法をお選びください。
エージェントのインストールに使用されるスクリプトの詳細については、GitHubリポジトリにあるBrowserエージェントのRead meファイルを参照してください。インストール中に呼び出されたサードパーティ製ライブラリについては、サードパーティ通知ファイルでも確認できます。
APM監視アプリでの自動有効化
ブラウザのモニタリングを有効にする場合、APMエージェントを使用すると、ブラウザ監視用のJavaScriptスニペットを自動的に投入できます。すでにAPMで監視されているアプリケーションにエージェントをインストールするには、これが最も簡単な方法です。
APMの監視対象となっているアプリは、APMアプリケーションインデックスに一覧表示されています。
コピー/ペーストを有効化
ブラウザのモニタリングを有効にすると、JavaScriptスニペットをアプリのウェブページに手動で挿入することができます。コピー/ペーストオプションを使用すると、ウェブページのパフォーマンスを監視するために必要なJavaScriptスニペットの正確な配置を制御できます。このオプションは、次のような場合に役立ちます。
- スタンドアロン型アプリ、静的サイト、CDNによって配信されるキャッシュページ
- 標準的なサーバーサイドアプリと同様に、ブラウザアプリに密接に連結されていないAPMアプリ(たとえば、クライアントサイドアプリがREST APIバックエンドと通信する場合)
コピー&ペースト方法の使用方法については、この短いYouTubeの動画をご覧ください(約 1分50秒)。
JavaScriptスニペットを使用するためのヒント:
- ウェブページへの配置:コードスニペットをコピーし、ページ内のできるだけ
<head>
要素の最上部付近、ただし位置に敏感な<meta>
タグ(例、X-UA-Compatible
またはcharset
情報)の後に埋め込む形でペーストします。インラインのhead
配置に関する詳細については、JavaScriptの配置要件を参照してください。 - ライセンスキーとアプリのID:生成されたJavaScriptの末尾付近に、ブラウザのライセンスキーとアプリケーションIDがあります。これは、REST APIやAPIエクスプローラーを使用する際に有効です。
APMが監視するアプリでの手動インストゥルメント
当社のAPMエージェントは、ページロードタイミングで必要なJavaScriptで、ウェブページをインストゥルメントできます。APMエージェントのAPIを使用してJavaScriptスニペットをウェブページに手動で追加する場合は、できるだけ最上部に近い位置にインストゥルメンテーションスニペットを挿入します。これで、ブラウザのAJAX呼び出しやJavaScriptエラーに関する詳細な情報を利用できます。
詳細については、APMエージェントの手順を参照してください。
NerdGraph APIを使用したブラウザアプリの作成
NerdGraph APIを使用して、ブラウザアプリを手動で作成します。このNerdgraphのチュートリアルを参照してください。
このドキュメントはインストールで役立ちましたか。
Browserエージェントタイプ:Lite、Pro、Pro+SPA
Browserエージェントには、Lite、Pro、Pro+SPAの3種類があります。エージェントタイプは、お客様の請求に影響しません。
Browserエージェントのタイプ | 比較 |
---|---|
Pro+SPA | これは、ブラウザモニタリングを有効にすると、デフォルトでインストールされるエージェントです。 含まれているもの:
|
Pro | 含まれているもの:Browser Pro機能にアクセスできます。 含まれていないもの:シングルページのアプリケーション監視用に設計された機能がありません。 |
Lite | 含まれているもの:基本的なページロードタイミングとブラウザユーザー情報を表示します。 含まれていないもの:Browser Pro機能とSPA機能がありません。 |
エージェントタイプが価格設定にどのように関連するかについての詳細:
- 使用量に基づく価格設定:この価格設定モデルには、請求要因としてデータインジェストがあります。データのインジェストを減らすには、インストール後に、最新でないエージェントタイプにダウングレードすることを検討してください。
- 元の価格設定:ブラウザのモニタリング機能へのアクセスは、エージェントタイプではなく、サブスクリプションプランによってゲートされます。デフォルトのPro+SPAエージェントを使用しない理由はありません。
エージェントの初期インストールが完了したら、アプリ設定ページに移動して、設定の編集やサブスクリプションの変更を行うことができます。