このドキュメントは、ウェブサイトでのページビューを測定するデベロッパーを対象にしています。 Google アナリティクスを使った シングルページアプリケーションです
単一ページ アプリケーション (SPA)は、HTML ドキュメントを 1 回読み込んで追加の コンテンツを作成することです。
例: 見込み顧客を獲得するためのフォームがあるとします。このフォームには 3 つの screen:
- 顧客情報をキャプチャする最初の画面。
- 顧客が特定のサービスに関心を示す 2 つ目の画面
- 顧客の興味や関心に関連するウェブセミナーに登録するための 3 番目の画面ページ。
SPA のページビューを正確に測定するための鍵は、 ユーザーが操作する各スクリーンでページの参照 URL を正確に把握できるため、 追跡できるようにすることです
始める前に
このページでは、次のものがすでに完了していることを前提としています。
ウェブサイト用の Google アナリティクス 4 アカウントとプロパティ手順 Google 分析。
ウェブサイトに実装された Google タグが、最初にページが表示されたときに配信されるタグ 表示されます。詳しくは、Google Chat の設定 タグ。
シングルページ アプリケーションの測定を実装する
正確な SPA 測定を実装するには、次のいずれかの方法で 仮想ページビュー:
ブラウザ履歴の変更(推奨): SPA で履歴 API、具体的には
pushState()
メソッドとreplaceState()
メソッドで画面を更新するには、 選択します。カスタム イベント: ウェブサイトで
DocumentFragment
を使用している場合 異なる画面をレンダリングする場合は、このオプションを使用します。
ブラウザ履歴の変更履歴の実装
GA4 で拡張計測機能を有効にする
ブラウザの履歴に基づいて page_views
を自動的に測定するには:
Google アナリティクスを開きます。
[管理] の データの収集と修正: [データ ストリーム] >ウェブ。
[測定機能の強化] でスイッチをオンにして、すべてのオプションを有効にします。
クリックすると、個々のオプションを編集できます。[ページビュー] で、[表示] をクリックします。 詳細設定をご覧ください。必ず、ページの読み込みとページ ブラウザの履歴イベントに基づいて変更されます。
変更を保存します。