Google Analytics 4と連携できますか？

はい。Checkout Widgetは、予約の進行中に予約イベントをGoogle Analytics 4（GA4）へ送信します。ここでは現在のCheckout Widgetについて説明します。旧バージョンを使用している場合は、旧ウィジェットをご覧ください。

トラッキングを設定する

Checkout Widgetの設定でAnalyticsを開き、Enable Google Analyticsをオンにします。Send events viaで、ウィジェットから予約イベントを送信する方法を選択します。ウィジェットでは一度に1つの方法のみ使用します。

Google Analytics 4 — ウェブサイトですでにGoogle Analyticsタグを読み込んでいる場合はUse existing tagを選択します。読み込んでいない場合はUse custom tagを選択し、GA4測定ID（G-…）を入力します。ウィジェットはそのタグを通じて自動的にイベントを送信します。
Google Tag Manager — Enable Google Tag Managerもオンにし、ウェブサイトで既存のコンテナを使用するか、カスタムのコンテナID（GTM-…）を入力します。ウィジェットはデータレイヤーにイベントを送信します。データレイヤーのeコマースデータを使用し、一致するカスタムイベントトリガーとGA4イベントタグをコンテナに設定して公開すると、予約イベントがGA4に届きます。Tag Managerの設定ガイドをご覧ください。

設定を保存してトラッキングを有効にします。ウィジェットがGoogle Analytics 4経由でも予約イベントを送信している間は、同じ予約イベントをTag Managerやカスタムコード経由で転送しないでください。購入数や収益が二重にカウントされる可能性があります。

自動的に送信されるイベント

イベント	Checkout Widgetが送信するタイミング
`page_view`	選択画面、チェックアウト画面、完了画面、エラー画面など、ウィジェットのステップが表示されたとき
`select_item`	商品またはイベントの一覧から商品、パッケージ、商品バウチャーが選択されたとき
`add_to_cart`	予約またはパッケージがバスケットに追加されたとき
`view_cart`	バスケットが表示されたとき
`begin_checkout`	顧客情報の入力ステップが表示されたとき
`add_payment_info`	支払い情報が送信される前に、支払いステップが表示されたとき
`purchase`	支払いが成功したとき、または支払い残額のない注文が確定したとき

表示されるステップは予約の進行内容によって異なります。たとえば、無料予約では支払い画面が表示されない場合があります。

イベントに含まれる情報

ページビュー: page_titleとpage_pathによって、tier_selection、extras_selection、basket、paymentなどのウィジェットのステップが識別されます。page_locationは、ウィジェットを埋め込んだウェブサイトページのURLです。
商品の選択: item_list_id、item_list_name、items配列によって、選択された商品またはパッケージが識別されます。
バスケットとチェックアウトのイベント: currency、数値形式のvalue、order_id、locale、itemsが含まれます。itemsには、チケット種別、数量、単価、関連する商品またはパッケージが記録されます。選択時には商品またはパッケージのIDが使用され、それ以降のイベントではチケット種別のIDが使用されます。
購入: transaction_id（注文参照番号）も含まれます。利用可能な場合、couponはbegin_checkout、add_payment_info、purchaseに含まれます。Analyticsイベントにはwidget_idも含まれます。

収益の対象範囲: valueは、商品およびパッケージの予約で追跡されるチケットの合計金額です。商品バウチャーも含まれます。追加商品、物販、ギフトカードの購入は含まれないため、GA4の収益と注文全体の合計金額が異なる場合があります。

カスタムトラッキング

カスタムトラッキングを行う場合、ウェブサイトの開発者はth:接頭辞を付けた同じ7つのイベント（例: th:purchase）をdocumentで監視できます。イベントのデータはevent.detailに含まれ、組み込みのGoogle Analyticsトラッキングをオフにしている場合も利用できます。

設定を確認する

ウィジェットを埋め込んだページでテスト予約を完了します。GA4のリアルタイムレポートまたはDebugViewで確認してください。標準レポートの更新には24～48時間かかる場合があります。Tag Managerを使用している場合は、プレビューでGA4タグが発火することを確認してから、変更を公開します。

コンソールログ、イベントが不足している場合、同意や広告ブロッカーに関する問題については、Google AnalyticsとTag Managerのトラッキングをデバッグする方法をご覧ください。