高品質な運用環境を維持するためにできる最も重要なことの 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 インスツルメンテーションを組み込むことで予想されるコストとメリットを見積もるアプローチの概要を説明します。