Which events your booking page tracks

Your iBooker.online booking page tracks the customer's whole journey — not just the final booking. Each step fires a clean, named event with rich parameters, so your analytics and ad platforms can see exactly where people drop off and what they book. Nothing to code: the events fire automatically once you add your GA4 and/or Meta Pixel ID.

The five events

These fire in order as the customer moves through the booking flow:

• select_location — the customer picks a location.
• select_service — a service is chosen, with its name and price.
• select_staff — a team member is chosen, or “Any available”.
• begin_checkout — the customer reaches the checkout step.
• purchase — the appointment is booked. This is your main conversion.

Rich parameters on every event

Each event carries structured data you can use for value-based bidding, reporting and audiences — not just an anonymous “conversion”:

• service_name — the booked service.
• service_price — the service price (a real number).
• currency — e.g. USD, EUR.
• location_name — the chosen location.
• staff_name — the specialist, or “Any available”.
• duration — appointment length in minutes.
• booking_id — the Square booking reference (also used as the GA4 transaction_id to de-duplicate purchases).

Where each event goes

One booking action fans out to every destination you've configured, in real time:

• Google Analytics 4 — the events arrive under their own names (select_service, begin_checkout, purchase, …) with the parameters above.
• Meta Pixel — mapped to standard events for ad optimization: select_service → AddToCart, begin_checkout → InitiateCheckout, purchase → Purchase (with value + currency). Location and staff fire as custom events.
• dataLayer — every event is pushed to the dataLayer, so Google Tag Manager and value-based audiences get the full payload.

Example: the purchase event

When an appointment is confirmed, the booking page pushes a purchase event like this:

window.dataLayer.push({
  event: "purchase",
  booking_id: "5f3a…",
  transaction_id: "5f3a…",
  value: 60,
  currency: "USD",
  service_name: "Haircut & styling",
  staff_name: "Alex",
  duration: 45
});

Turn it on in two steps

1. 1Open your project settings in iBooker.online and paste your GA4 Measurement ID (G-XXXXXXX) and/or your Meta Pixel ID.
2. 2Save — that's it. Every visit to your booking page now fires the events above automatically.