GTMプレビュー検証サイト(Next.js)
GTM: GTM-T6QBH8X8
配信元: www.googletagmanager.com

GTMプレビュー検証テストサイト(Next.js)

GTMプレビュー(Tag Assistant)の接続継続を検証するテスト環境です。
各導線パターンでTag Assistantの接続が維持されるかを確認します。

テスト手順

  1. GTMプレビューモードでこのサイトを開く(URLに ?gtm_debug=xxx が付与される)
  2. Tag Assistantが接続されていることを確認
  3. 下記の各導線をテストし、Tag Assistantの接続状態を確認

テスト導線

B-1SPA遷移(next/link)

Next.jsの Link コンポーネントによるクライアントサイド遷移。JSコンテキストが維持される。

Page A へ SPA遷移 →
B-2GETフルページ遷移(<a href>)

通常の <a> タグによるフルページリロード。JSコンテキストが破棄される。

Link A へ GET遷移 →
B-3POST → 303リダイレクト

フォーム POST 送信 → サーバーサイド303リダイレクト。本番の会員登録完了と同じパターン。

フォーム送信テストへ →
B-4F5 リロード

このページで F5 キーを押してリロードし、Tag Assistantの接続状態を確認してください。