高品質の本番環境を維持するためにできる最も重要なことの 1 つは、質の低いユーザー エクスペリエンスを検出して解決するために必要な Web テレメトリがあることを確認することです。 このガイドでは、 を最適化するために必要なデータを確実に取得する方法について説明します。 私たちは、以下の点を確実にサポートします:
- 収集したデータから最大限の価値を引き出す
- 報告されたデータを使用してサービスを最適化する機会を検討する
- 問題の優先順位付けとトラブルシューティングを迅速に行うことができる
- リアルタイムのビジネス KPI ダッシュボードを作成するために必要なデータを取得する
ブラウザアプリケーションの命名とサブアカウントの配置を調整する
まず、ブラウザーの名前付けとデータ構成が適切であることを確認する必要があります。必要に応じて、名前変更ガイドに従ってブラウザ アプリケーションの名前を変更できます。複数の環境からのデータを 1 つのブラウザー アプリケーションにレポートしている場合は、新しいブラウザー アプリを作成し、ページ内の JavaScript スニペットを更新して、適切なアプリをレポートすることができます。
ブラウザ監視組織を確認するときは、次の点に留意してください。
- さまざまな環境 (dev/qa/production) からの Web アプリケーション インストルメンテーションは、さまざまなブラウザ アプリケーションにレポートする必要があります。
- ブラウザ アプリケーションがサポートする環境 (開発環境、QA、運用環境など)。
- ブラウザ アプリケーションの目的 (顧客向け、内部向け、Web サイト、Web サイト コンポーネント、リージョンなど)。
JavaScript エラーを調整する
次に、JavaScript エラーに対処する必要があります。JavaScript エラーは、ページ読み込みプロセスを中断し、エラーを表示し、ユーザーがアクションを完了できないようにすることで、ユーザー エクスペリエンスと SEO に悪影響を及ぼします。まず、JavaScript エラーが UI または NRQL を使用してキャプチャされていることを確認します。
JS エラーが報告されていることを確認したら、イベント ログも存在することを確認します。イベント ログには、JS エラーにつながるブラウザの対話、AJAX 呼び出し、およびトレースが表示されます。これは、エラーの根本原因のトラブルシューティングに役立ちます。
イベント ログが見つからない場合のトラブルシューティングを行うには、 次の手順 に従ってください。
最後に、JavaScript エラーにスタック トレースがあることを確認してください。
スタックトレースが見つからない場合のトラブルシューティングを行うには、 次の手順に従ってください。 または、スタック トラックは表示されるが展開できない場合は、次の手順に従ってください。
ページビューのグループ化を確認する
次に、ページビューのグループ化を確認します。 Page views UI のページ URL は自動的にグループ化され、ページのパフォーマンスをより適切に管理できるようになります。 自動グループ化を決定するアルゴリズムは、Web アプリが初めてインストゥルメントされたときに実行されます。 現在の Web トラフィックが、アプリが最初にインストゥルメントされたときと大きく異なる場合は、表示されるグループが少なすぎる可能性があります。
セグメント許可リスト を使用して、ページ ビュー URL がグループ化される方法を調整します。
AJAX 呼び出しのグループ化を確認する
ページビューを確認したら、AJAX 呼び出しのグループ化についても同じことを行う必要があります。AJAX 呼び出しは、大規模な操作を容易にするためにグループ化されています。場合によっては、AJAX 呼び出しが非常に多くなり、個々のリクエスト URL ごとにそれらをナビゲートすることが困難になることがあります。UI または NRQL クエリを使用して、AJAX グループ化を調整する必要があるかどうかを確認します。
セグメント許可リスト を使用して、AJAX リクエストがどのようにグループ化されるかを調整します。
ディストリビューティッド(分散)トレーシングの有効化
次に、ブラウザでディストリビューティッド(分散)トレーシングを有効にして、バックエンドから最終エンドポイントまでリクエストをトレースすることで、AJAX のパフォーマンスを向上させます。 トレース情報は、どのアプリケーションがユーザー エクスペリエンスに影響を与えているかを理解するのに役立ちます。 この情報を使用して、サービスの問題に自分で対処したり、担当チームに委任したりすることができます。
デプロイメントをセットアップする
次に、NerdGraph を使用してWeb アプリケーションの変更を追跡し、パフォーマンス KPI、コンバージョン、ユーザー エンゲージメントに対する変更の影響を確認します。
カスタムアトリビュートを追加する
カスタム属性を使用してデータをフィルタリングおよびグループ化します。カスタム属性はオプションですが、使用すると多くの価値が得られます。以下に最も一般的に推奨される属性を示しますが、さらに追加したい場合もあるでしょう。
小売業者向けの追加のカスタム属性
価値を実現する
サービスを監視するプロセスと同様に、可観測性プログラムは、努力への投資に対する期待収益を批判的に考える専用のチーム機能を通じて利益を得ることができます。次のセクションでは、可観測性の実践に Web インスツルメンテーションを組み込むことで予想されるコストとメリットを見積もるアプローチの概要を説明します。