Analytics Suite — テスト用サイト（実ページ検証）

実ページ計測サンドボックス

このページには本番と同じスニペット（analytics.js を実CDNから読み込み）が設置されています。

下のボタンを操作すると、イベントが ブラウザ → CDN → ingest(Edge Function) → Supabase と流れ、ダッシュボードに溜まっていきます。右下の送信モニターで実際のビーコン送信が見えます。

※ 計測は同意（下のバナー or ②）するまで一切始まりません。入力欄の値は録画で全マスキングされます（非交渉のプライバシー方針）。

任意の意味付きイベントを送る（CTAクリック等）。

→ events に cta_click / video_play

CMPでオプトインされた状態を再現。許可で計測・録画が開始。

→ consents に同意状態を記録（立証用）

イライラの兆候。1秒以内に同じ場所を3回以上連打で検知。

→ rage_click（シグナル＝このセッションは録画される）

押しても何も起きない「死んだ」要素。700ms変化なしで検知。

押しても反応しないボタン（クリックして）

→ dead_click

例外を発生させ、直後のクリックを「エラークリック」として検知。

→ js_error、直後クリックで error_click

購入・申込などの成果。シグナル扱いで録画も確実に残る。

→ conversion（シグナル）

入力欄にフォーカスで form_start、送信で form_submit。値は録画で全マスキング。

ログインユーザーを紐付け（identify）。URLに ?utm_medium=cpc や ?utm_source=email を付けて開くとチャネル判定が変わります。

→ 以後のイベントに user_id が付与

本番CDNのSDKは変更せず、track() で EC イベントを送ります。ダッシュボードの「🛒 EC分析」「🟢 コンバージョンヒートマップ」で集計されます。

カートは空です

→ product_view / add_to_cart / checkout_start / purchase

25% / 50% / 75% / 100% 到達時に一度ずつ scroll_depth を送信します。ゆっくり最下部まで下りてください。

▼ 25% 地点あたり
ここはスクロール深度を計測するためのダミーコンテンツです。実際のサイトでは記事や商品説明が入ります。

▼ 50% 地点あたり

▼ 75% 地点あたり

▼ 100%（最下部）
ここまで来たら 100% 到達イベントが送信されます。