予約ページのトラッキングイベント

Dolyu の予約ページが Google Tag Manager（GTM）、Google Analytics 4（GA4）、Meta Pixel に送信するイベントとフィールドです。トラッキングコードの入力場所とレポートの設定は、ヘルプセンターの「広告と分析トラッキング」をご覧ください。

対象範囲

GTM コンテナ ID を入力した場合だけ dataLayer にプッシュし、GA4 測定 ID を入力した場合だけ GA4 に、Meta Pixel ID を入力した場合だけ Meta に送信します。
purchase は、お客様が予約ページで予約を送信したときだけ送信します。

イベント一覧

イベント	送信タイミング	`booking_step`	GTM／GA4	Meta Pixel
`add_to_cart`	お客様がサービスを予約に追加したとき	`service`	送信	`AddToCart`
`remove_from_cart`	お客様が選んだサービスを外したとき	`service`	送信	送信しない
`begin_checkout`	日時選択のステップに進んだとき	`time`	送信	`InitiateCheckout`
`booking_time_selected`	日時を選び、確認のステップに進んだとき（カスタムイベント）	`confirm`	送信	送信しない
`purchase`	予約の送信が完了したとき	`complete`	送信	`Schedule`

店舗が [複数サービスの同時予約を許可する] をオンにしていない場合、お客様が別のサービスを選び直すと、先に元のサービスの remove_from_cart、続いて新しいサービスの add_to_cart を送信します。
ステップのイベントは先に進んだときだけ送信します。前のステップに戻っても送信せず、もう一度進むと再度送信します。
複数の日時をまとめて予約した場合も purchase は 1 回だけ送信します。日時の数は slot_count に入ります。

例：予約の完了

お客様が「体験レッスン」を 3 人で予約した例です。単価 1000、合計金額は人数に応じて計算されるため、value は 1000 × 3 です。タブを切り替えると、GTM、GA4、Meta Pixel それぞれが受け取る内容を確認できます。

GTM（dataLayer）GA4（gtag）Meta Pixel（fbq）

window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    currency: 'TWD',
    value: 3000,
    transaction_id: '9f1c2e4a-…',
    items: [
      {
        item_id: '5b7d…',
        item_name: '体験レッスン',
        item_category: 'レッスン',
        item_variant: '王小美',
        price: 1000,
        quantity: 3,
        index: 0,
      },
    ],
  },
  booking_step: 'complete',
  slot_count: 1,
});

gtag('event', 'purchase', {
  currency: 'TWD',
  value: 3000,
  transaction_id: '9f1c2e4a-…',
  items: [
    {
      item_id: '5b7d…',
      item_name: '体験レッスン',
      item_category: 'レッスン',
      item_variant: '王小美',
      price: 1000,
      quantity: 3,
      index: 0,
    },
  ],
  booking_step: 'complete',
  slot_count: 1,
  send_to: 'G-XXXXXXXXXX',
});

fbq('track', 'Schedule', {
  value: 3000,
  currency: 'TWD',
  content_type: 'product',
  content_ids: ['5b7d…'],
  contents: [{ id: '5b7d…', quantity: 3, item_price: 1000 }],
  num_items: 1,
});

Google Tag Manager

1 つのイベントごとに 2 件をプッシュします。まず { ecommerce: null } で前回の e コマースデータをクリアし、続いてイベント本体をプッシュします。形式は例の「GTM（dataLayer）」タブをご覧ください。

フィールド	型	説明
`event`	string	イベント名。イベント一覧を参照
`ecommerce.currency`	string	店舗が設定した通貨。ISO 4217 コード（例：`TWD`）
`ecommerce.value`	number	すべての品目の `price × quantity` の合計
`ecommerce.items`	array	品目。品目のフィールドを参照
`ecommerce.transaction_id`	string	`purchase` のみ：予約番号
`booking_step`	string	`service`、`time`、`confirm`、`complete` のいずれか
`slot_count`	number	`booking_time_selected` と `purchase` のみ：この予約の日時の数

予約ページ内のページ移動

お客様が予約ページ内でページを移動したとき（最初の読み込みは除く）、次のデータをプッシュします。

window.dataLayer.push({ event: 'virtual_page_view', page_path: '/…', page_title: '…' });

Google Analytics 4

GA4 測定 ID を入力した場合、同じ 5 つのイベントを gtag で送信します。パラメータは GTM の ecommerce と同じ内容に booking_step と slot_count（GTM のフィールドと同じ）を加え、send_to で店舗の測定 ID を指定します。書き方は例の「GA4（gtag）」タブをご覧ください。予約ページ内のページ移動では page_view も送信します。

品目のフィールド

フィールド	型	説明
`item_id`	string	サービス ID
`item_name`	string	サービス名
`item_category`	string	サービスのカテゴリ名
`item_variant`	string	スタッフ名。スタッフがまだ決まっていない場合や、スタッフが不要なサービスでは含めません
`price`	number	単価。通貨の基本単位で表します（例：新台湾ドル）
`quantity`	number	合計金額が人数に応じて計算されるサービスは人数、それ以外は 1。`purchase` ではさらに日時の数を掛けます
`index`	number	品目の順番。0 から始まります

value と price はサービス料金で、実際に受け取った金額ではありません。

Meta Pixel

Dolyu のイベント	Meta の標準イベント
`add_to_cart`	`AddToCart`
`begin_checkout`	`InitiateCheckout`
`purchase`	`Schedule`

パラメータ（書き方は例の「Meta Pixel（fbq）」タブを参照）：value、currency、content_type（常に product）、content_ids（サービス ID）、contents（品目ごとの id、quantity、item_price）、num_items（品目の数）。ページの読み込み時と予約ページ内のページ移動時に PageView を送信します。

予約ページのトラッキングイベント ​

対象範囲 ​

イベント一覧 ​

例：予約の完了 ​

Google Tag Manager ​

予約ページ内のページ移動 ​

Google Analytics 4 ​

品目のフィールド ​

Meta Pixel ​