SPA 向け Web Analytics

Cloudflare Web Analytics は、サポート状況に応じて次の 3 つの方法のいずれかで、シングルページアプリケーション（SPA）上のユーザー操作を自動的に計測します。

1. Soft Navigations API ↗ を使う
2. Navigation API ↗ の navigate イベントを購読する
3. History API ↗ の pushState 関数をパッチし、onpopstate イベントを購読する

SPA の自動計測を無効にするには、次のとおり script タグの data 属性に spa オプションを false で追加します。

<script
  type="module"
  src="https://static.cloudflareinsights.com/beacon.min.js"
  data-cf-beacon='{"token": "...", "spa": false}'
></script>

注: この設定には 手動埋め込み が必要です。

Google Tag Manager (GTM) を使っている場合は、スクリプト URL のクエリ文字列に spa=false を渡して SPA 計測を無効にできます。

<script
  type="module"
  src="https://static.cloudflareinsights.com/beacon.min.js?token=...&spa=false"
></script>