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

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

単一ページ アプリケーション (SPA)は、HTML ドキュメントを 1 回読み込んで追加の コンテンツを作成することです。

例: 見込み顧客を獲得するためのフォームがあるとします。このフォームには 3 つの screen:

  • 顧客情報をキャプチャする最初の画面。
  • 顧客が特定のサービスに関心を示す 2 つ目の画面
  • 顧客の興味や関心に関連するウェブセミナーに登録するための 3 番目の画面ページ。

SPA のページビューを正確に測定するための鍵は、 ユーザーが操作する各スクリーンでページの参照 URL を正確に把握できるため、 追跡できるようにすることです

始める前に

このページでは、次のものがすでに完了していることを前提としています。

  • ウェブサイト用の Google アナリティクス 4 アカウントとプロパティ手順 Google 分析

  • ウェブサイトに実装された Google タグが、最初にページが表示されたときに配信されるタグ 表示されます。詳しくは、Google Chat の設定 タグ

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

正確な SPA 測定を実装するには、次のいずれかの方法で 仮想ページビュー:

  • ブラウザ履歴の変更(推奨): SPA で履歴 API、具体的には pushState() メソッドと replaceState() メソッドで画面を更新するには、 選択します。

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

<ph type="x-smartling-placeholder"></ph>

ブラウザ履歴の変更履歴の実装

GA4 で拡張計測機能を有効にする

ブラウザの履歴に基づいて page_views を自動的に測定するには:

  1. Google アナリティクスを開きます。

  2. [管理] の データの収集と修正: [データ ストリーム] >ウェブ

  3. [測定機能の強化] でスイッチをオンにして、すべてのオプションを有効にします。

  4. クリックすると、個々のオプションを編集できます。[ページビュー] で、[表示] をクリックします。 詳細設定をご覧ください。必ず、ページの読み込みページ ブラウザの履歴イベントに基づいて変更されます

    ページビューの設定を示す画像

  5. 変更を保存します。