シングルページ アプリケーションを測定する

このドキュメントは、Google アナリティクスを使用してシングルページ アプリケーションのページビューを測定するデベロッパーを対象としています。

シングルページ アプリケーション(SPA)は、HTML ドキュメントを 1 回読み込み、JavaScript API を使用して追加コンテンツを取得するウェブサイトです。

例: 見込み顧客を獲得するフォームがあるとします。フォームには次の 3 つの画面があります。

  • お客様の情報を取得する最初の画面。
  • ユーザーが特定のサービスに関心があることを示す 2 つ目の画面。
  • 3 番目の画面では、お客様の興味や関心に関連するウェブセミナーに登録できます。

SPA からのページビューを正しく測定するには、ユーザーが操作した各画面のページビューをカウントし、ページの参照 URLreferrer を正しく把握して、ユーザー ジャーニーを正確に追跡できるようにすることが重要です。

始める前に

このページは、以下を前提とした内容です。

  • ウェブサイトの Google アナリティクス 4 アカウントとプロパティ。詳しくは、Google アナリティクスの設定方法をご覧ください。

  • ウェブサイトに実装され、ページが最初に読み込まれたときに配信される Google タグ。詳しくは、Google タグを設定する方法をご覧ください。

シングルページ アプリケーションの測定を実装する

正確な SPA 測定を実装するには、次のいずれかの方法で新しい仮想ページビューをトリガーします。

  • ブラウザの履歴の変更(推奨): SPA で History API(特に pushState() メソッドと replaceState() メソッド)を使用して画面を更新する場合は、このオプションを使用します。

  • カスタム イベント: ウェブサイトで DocumentFragment オブジェクトを使用してさまざまな画面をレンダリングする場合は、このオプションを使用します。