Google & Meta Analytics Tracking

Overview

BookingNinja includes a comprehensive analytics tracking system that automatically sends booking funnel events to multiple analytics providers including Google Analytics 4 (GA4) and Meta/Facebook Pixel. This system tracks user interactions throughout the booking process to provide insights into conversion rates and user behavior.

Setup: To use the Meta or Google Tracking you will need to place your Analytics tracking ID or Meta Tracking ID inside BookingNinja’s admin panel.

If using the iFrame, not all data may be past to the embed by Google (such as the UA Source. In this case you should listen to events from BookingNinja using the Iframe Integration and handle sending data to your analytics providers directly.

Tracked Events

Data Sent with Events

Every event includes the following enhanced parameters:

{
timestamp: "2024-01-15T10:30:00.000Z",
page_url: "https://example.com/booking",
page_title: "Book a Table - Restaurant Name",
user_agent: "Mozilla/5.0..."
}

Automatic Event Mapping

The system automatically maps internal events to GA4 standard events for better reporting and integration with Google's enhanced ecommerce features:

- Purchase events (booking_completed) map to purchase

- Cart events (add_addon) map to add_to_cart

- Checkout progression maps to standard GA4 funnel events

Meta/Facebook Pixel Integration

The system maps booking events to Facebook's standard events for optimal ad optimization:

- Purchase for completed bookings

- AddToCart for add-on selections

- InitiateCheckout for payment initiation

- ViewContent for browsing add-ons

Iframe Integration

When the booking form is embedded in an iframe, events are automatically forwarded to the parent window using postMessage:

window.addEventListener('message', function(event) {

  if (event.data.type === 'analytics_event' && 

    event.data.source === 'booking_ninja_iframe') {

    // Handle the analytics event

    console.log('Booking event:', event.data.event, event.data.parameters);

}

Debug Mode

Enable debug mode to see tracking activity in the browser console (this must be on the iFrames window if using the embed)

window.analyticsTracker.enableDebug();

Debug output includes:

- Event names and parameters
- Provider-specific tracking confirmations
- Error messages for failed tracking attempts
- Parent window message sending status