Google アナリティクスとタグマネージャーのトラッキングをデバッグする方法

チェックアウトウィジェットを通じて行われた予約が Google アナリティクスに表示されない場合は、ウィジェットに組み込まれたデバッグログを使って、どの段階で止まっているかを確認できます。

1. まず、ウィジェットがイベントを送信する仕組みを理解する

ウィジェットの設定で、Analytics の Send events via オプションを確認してください。このオプションには2つの選択肢があり、それぞれ動作が大きく異なります。そのため、デバッグ時に何が表示されるかも変わります。

Google Analytics 4 — ウィジェットは各予約イベントを Analytics プロパティに直接送信します。Use existing tag（デフォルト）を選択すると、ページ上にすでにある Google Analytics タグを使用します。Use custom tag を選択すると、入力した測定 ID を使って独自のタグを読み込みます。どちらの場合も、Google と通信するのはウィジェットです。そのため、ブラウザの Network タブで予約データが送信されていることを確認できます。

Google Tag Manager — ウィジェットは Google アナリティクスに何も直接送信しません。各イベントを Tag Manager コンテナに渡し、その後の処理はコンテナが決定します。Use existing container（デフォルト）を選択すると、ページ上にすでにあるコンテナを使用します。Use custom container を選択すると、入力したコンテナ ID を使ってコンテナを読み込みます。どちらの場合も、Tag Manager 内にイベントを送信するタグを設定していなければ、Google アナリティクスには何も届きません。予約が表示されない最も一般的な理由はこれです。つまり、ウィジェットは正常に動作しているものの、イベントを受け取るタグが設定されていません。セクション5を参照してください。

同じセクションの上部には、Enable Google Analytics という全体設定もあります。この設定は、両方の方式でトラッキングを有効または無効にします。無効になっている場合は、Tag Manager が有効でも何もトラッキングされません。

2. デバッグログを有効にする

TicketingHub ダッシュボードで、テストするチェックアウトウィジェットの設定を開きます。
Analytics セクションで Enable analytics debug logging を有効にして保存します。

有効にすると、ウィジェットはイベントが発生するたびに、サイトのブラウザコンソールへ1行のメッセージを書き込みます。Google Analytics 4 を選択している場合は、タグに対する Google のデバッグモードも有効になります。Google Tag Manager を使用する場合は、イベントを DebugView で確認するために Preview を使用するか、GA4 タグでデバッグモードを有効にしてください。コンソールログで確認できるのはウィジェット側の処理だけです。Google がその後どのように処理したかは確認できないため、GA4 DebugView や GTM Preview の代わりにはなりません。

3. サイトでブラウザコンソールを開く

ウィジェットを埋め込んだ ご自身のウェブサイト のページを開きます（TicketingHub ダッシュボードではありません）。
ブラウザのデベロッパーツールを開き（F12、または右クリック → 検証）、Console タブに切り替えます。
ブラウザのコンソールにフレームセレクターが表示される場合は、top フレームが選択されていることを確認してください。ウィジェットは自身のフレーム内ではなく、ページに対してイベントを報告します。
コンソールの設定で Preserve log を有効にします。予約後にウィジェットが別のページへリダイレクトする場合、最終購入イベントに関するメッセージはリダイレクト直前に書き込まれます。この設定が無効だと、メッセージが消去されて読む前に失われることがあります。
テスト予約を行います。ページの読み込み前からコンソールを開いておく（またはコンソールを開いた状態でページを再読み込みする）と、ページの初期化中に表示されるメッセージも確認できます。

4. コンソールメッセージの意味

メッセージ	意味
`Triggering GA event …` / `Triggering GTM event …`	ウィジェットがイベントを Google アナリティクスに送信した、または Tag Manager コンテナに渡したことを示します。
`… event … processed`	イベントが受信され、処理されたことを示します。通常、処理したタグまたはコンテナの名前もメッセージに含まれます。Tag Manager の場合、これはコンテナがイベントを受信したことを意味するだけで、Google に何かが送信されたことを意味しません。セクション5を参照してください。
`… event … was not confirmed within …ms`	数秒以内に、イベントを処理したことをウィジェットに通知するものがありませんでした。これは必ずしもイベントが失われたことを意味しません。イベントが届いているかどうかは GA4 DebugView で確認してください。一般的な原因についてはセクション6を参照してください。
`… event … was still waiting for confirmation when the page navigated away`	確認処理が完了する前にウィジェットが別のページへリダイレクトされました。購入後のリダイレクトを使用している場合は正常な動作です。イベントが失敗したという意味ではありません。GA4 DebugView で確認してください。
`… failed to load …`	Google のスクリプトを読み込めませんでした。通常は、広告ブロッカーまたはネットワークフィルターによってブロックされています。
`… event … dropped …`	イベントをまったく送信できませんでした。メッセージには理由が示されます。ページで Google アナリティクスまたは Tag Manager がまだ利用できない、またはウィジェット設定で Tag Manager が無効になっている可能性があります。

ウィジェットは、確実に確認できる内容だけを意図的に報告します。Google のスクリプトが読み込まれたか、またタグがイベントを処理したことを確認したかは把握できますが、Google がデータを受け付けたかどうかまでは把握できません。そのため、推測するのではなく DebugView を確認するよう案内します。

5. Google Tag Manager を使用する場合はタグを設定する

Tag Manager はトラッカーではなく、コンテナです。ウィジェットから予約イベントを受け取ると、コンテナはトリガーを確認し、一致するタグを実行します。一致するタグがない場合、イベントはそこで停止します。コンテナ自体はイベントを受信しているため、コンソールには引き続き processed と表示されます。

新しく作成したコンテナは、これらのイベントを自動的には取得しません。多くの Analytics タグは「Initialization」または「All Pages」で発火するよう設定されていますが、これらはウィジェットの予約イベントとは一致しません。

ウィジェットの予約を Google アナリティクスに送信するには、Tag Manager コンテナに次のものが必要です。

測定 ID（G-…）を設定した Google tag（または GA4 Configuration タグ）。
送信したい予約イベントごとの GA4 Event タグ。ウィジェットのイベント名のいずれかと一致するイベント名を持つ Custom Event トリガーを使用します。

ウィジェットは次のイベント名を送信します。

イベント	発生するタイミング
`page_view`	訪問者がウィジェット内の別のステップに移動したとき
`select_item`	商品またはイベントの一覧から商品やパッケージを選択したとき
`add_to_cart`	商品がバスケットに追加されたとき
`view_cart`	注文概要が表示されたとき
`begin_checkout`	顧客情報の入力ステップが表示されたとき
`add_payment_info`	詳細情報が送信される前に、支払いステップが表示されたとき
`purchase`	支払いが成功したとき、または支払い残額のない注文が確定したとき

ショッピング関連のイベントについては、データレイヤーから e コマースデータを送信するようタグを設定してください。ウィジェットは、通貨、金額、商品、トランザクション ID など、標準の Google アナリティクス e コマースフィールドを Google が想定する形式で送信するため、カスタムマッピングは必要ありません。

設定を確認するには GTM Preview（Tag Assistant）を使用してください。ウィジェットから各イベントが届いたことや、どのタグが発火したか、発火しなかったかを正確に確認できます。イベントは届いているのにタグが発火しない場合は、トリガーが一致していません。タグは発火するのに Analytics に何も届かない場合は、タグに設定した測定 ID を確認してください。

注意点として、Tag Manager を使用する場合、ウィジェット自体から Google アナリティクスへ予約データが送信される様子は、ウィジェットの Network タブには表示されません。ウィジェットが Tag Manager コンテナのスクリプトを読み込むことはありますが、予約データを含むリクエストを送信するのは、タグが発火した後のご自身のタグです。

6. よくある原因と対処方法

広告ブロッカーとプライバシー拡張機能 — これらは、ほぼすべてのブロックリストで Google のトラッキングスクリプトをブロックします。拡張機能を無効にしたプライベート／シークレットウィンドウ、またはクリーンなブラウザプロファイルでテストしてください。広告ブロッカーを使用している訪問者もトラッキングされないため、一部の予約が表示されないのは正常な場合もあります。
イベントは処理されるが Analytics に何も表示されない — Tag Manager を使用している場合、ほとんどの場合、ウィジェットのイベントで発火するタグが設定されていないことが原因です。セクション5を参照してください。
コンソールに何も表示されない — トラッキング全体が無効になっている可能性があります。Enable Google Analytics が有効になっていることを確認してください。この設定は Tag Manager にも適用されます。また、コンソールを開いた状態でページを読み込んだことも確認してください。
すべてのイベントで、Tag Manager が無効のため破棄されたと表示される — ウィジェット設定で Enable Google Tag Manager を有効にしてください。Tag Manager 方式を使用するには、この設定と Enable Google Analytics の両方を有効にする必要があります。
Google Analytics のメッセージだけが表示され、Tag Manager のメッセージが表示されない — ウィジェットが Google Analytics 4 経由でイベントを送信する設定になっているため、Tag Manager の設定は無視されています。Send events via を Google Tag Manager に変更してください。ウィジェットはどちらか一方の方式のみを使用し、両方を同時に使用することはありません。
測定 ID またはコンテナ ID が間違っている — ウィジェット設定の ID が、Analytics プロパティ（G-…）または Tag Manager コンテナ（GTM-…）の ID と一致していることを確認してください。
同意バナー — 訪問者が Analytics の Cookie を受け入れていない場合、Google Consent Mode によってイベントが意図的に保留されることがあります。判断する前に、テストページで Analytics に対する同意を受け入れてください。
キャッシュまたは最適化プラグイン — WordPress のキャッシュプラグインや最適化プラグインが、Analytics スクリプトの動作を妨げることがあります。一時的に無効にするか、除外リストにスクリプトを追加してみてください。

7. Google のツールで確認する

コンソールでは、ウィジェット側の処理が完了したことを確認できます。データが届いたことを確認するには、次のツールを使用します。

GA4 DebugView（Analytics → Admin → DebugView）では、プロパティにリアルタイムで届いたイベントを確認できます。
GTM Preview（Tag Assistant）では、ウィジェットが送信した各イベントに対して、どのタグが発火したかを確認できます。

Google アナリティクス 4 と連携できますか？