> ## Documentation Index
> Fetch the complete documentation index at: https://cal.id/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Setting Up Google Analytics & Tag Manager

> Track visitor behavior and booking conversions on your Cal ID pages by connecting Google Analytics 4 and Google Tag Manager to your account.

Integrating Google Analytics (GA) and Google Tag Manager (GTM) allows you to track visitor behavior on your booking pages, measure conversion rates, and analyze the effectiveness of your marketing campaigns.

<Info>
  Before you start, have your tracking ID ready — a Google Analytics **Measurement ID** (`G-XXXXXXX`, or a legacy `UA-XXXXXX-Y`) or a Google Tag Manager **container ID** (`GTM-XXXXXX`). You'll paste it into Cal ID during setup.
</Info>

## Accessing the app store

<Steps>
  <Step title="Log in to Cal ID">
    Open your main dashboard at [Cal ID](https://cal.id/home).
  </Step>

  <Step title="Navigate to Apps">
    Click on [**Apps**](https://cal.id/apps) in the left-hand sidebar menu.
  </Step>

  <Step title="Filter by category">
    Choose **Analytics** from the featured categories at the top to quickly find tracking tools.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-1.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=2fd4d825b98ca6b5257f232422423357" alt="Analytics category in the App store" width="1600" height="832" data-path="images/apps/google-analytics-1.png" />
    </Frame>
  </Step>
</Steps>

## Setting up Google Analytics

Google Analytics helps you understand how visitors find and interact with your booking page.

<Steps>
  <Step title="Locate and install Google Analytics">
    Find the **Google Analytics** card within the Analytics category and click the **Install** button on the card.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-2.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=aa5f2f5963c0636ff2d2e2685272c33e" alt="Google Analytics card with Install button" width="1434" height="748" data-path="images/apps/google-analytics-2.png" />
    </Frame>
  </Step>

  <Step title="Choose account">
    Select the specific account where you want to install the integration.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-3.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=da4671bfaf0eba73c6e89b5f3dae0732" alt="Account selection for Google Analytics" width="1600" height="829" data-path="images/apps/google-analytics-3.png" />
    </Frame>
  </Step>

  <Step title="Select event types">
    Choose the specific **Event Types** you wish to track, or select **Set up later** if you prefer to configure this at a different time.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-4.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=c00c0e1ee9c403d021ef05685ffee4dc" alt="Selecting event types to track" width="1600" height="829" data-path="images/apps/google-analytics-4.png" />
    </Frame>
  </Step>

  <Step title="Enter Tracking ID">
    If you selected event types, a pop-up will appear asking for your **Tracking ID** (formatted as `UA-XXXXXX-Y` or `G-XXXXXXX`).

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-5.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=f00e2373a17337c72bbc19179379f573" alt="Entering the Google Analytics tracking ID" width="1600" height="840" data-path="images/apps/google-analytics-5.png" />
    </Frame>
  </Step>

  <Step title="Save">
    Click the **Save** button to activate tracking.
  </Step>
</Steps>

## Where to find your tracking IDs

<Steps>
  <Step title="Log in to Google Analytics">
    Open your Google Analytics account.
  </Step>

  <Step title="Open Admin">
    Click **Admin** (gear icon) in the bottom left.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-6.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=0f58fdd4b82b25ef70d77742281addf1" alt="Google Analytics Admin gear icon" width="1431" height="755" data-path="images/apps/google-analytics-6.png" />
    </Frame>
  </Step>

  <Step title="Open Data Streams">
    Under the Data Collection and modification column, click **Data Streams**.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-7.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=b6c5febecb4252f43d2288b8e39821c7" alt="Data Streams in Google Analytics" width="1426" height="739" data-path="images/apps/google-analytics-7.png" />
    </Frame>
  </Step>

  <Step title="Select your data stream">
    Select your website data stream and copy the Measurement ID, or if you do not see any data stream, create one.
  </Step>

  <Step title="Copy the Measurement ID">
    Copy your **MEASUREMENT ID** from the top right corner and paste it in the Tracking ID field.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-8.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=61a7bfa2cb03d7cc954345c845627b06" alt="Copying the Measurement ID" width="1432" height="753" data-path="images/apps/google-analytics-8.png" />
    </Frame>
  </Step>
</Steps>

## What to set up in Google Analytics

To get the most out of your data, configure the following in your Google Analytics dashboard:

* **Create a Property**: Ensure you have a property created for your booking website.
* **Set up Events**: Define custom events to track specific actions, such as **Booking Form View**, **Booking Form Submission**, and **Payment Completed**.
* **Conversion Goals**: Set up goals based on these events to measure your conversion rate.

## Setting up Google Tag Manager

Google Tag Manager allows you to manage and deploy marketing tags without modifying code directly.

<Steps>
  <Step title="Locate and install Google Tag Manager">
    Find the **Google Tag Manager** card in the App Store and click the **Install** button.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-9.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=a0077e5f5ceb089a4da59173e905559e" alt="Google Tag Manager card with Install button" width="1434" height="748" data-path="images/apps/google-analytics-9.png" />
    </Frame>
  </Step>

  <Step title="Choose account">
    Select your preferred account for installation.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-10.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=f0df14b8d300cbd747df806c683136cb" alt="Account selection for Google Tag Manager" width="1600" height="832" data-path="images/apps/google-analytics-10.png" />
    </Frame>
  </Step>

  <Step title="Select event types">
    Pick the event types to be tracked by GTM.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-11.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=40bf054239e8f75761ca36835e6316ce" alt="Selecting event types for GTM" width="1600" height="832" data-path="images/apps/google-analytics-11.png" />
    </Frame>
  </Step>

  <Step title="Enter Tracking ID">
    Enter your **Tracking ID** (formatted as `GTM-XXXXXX`) in the pop-up field.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-12.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=b64a5488359a70d62c011ed272acddec" alt="Entering the GTM tracking ID" width="1600" height="832" data-path="images/apps/google-analytics-12.png" />
    </Frame>
  </Step>

  <Step title="Save">
    Click the **Save** button to integrate GTM.
  </Step>
</Steps>

## What to set up in Google Tag Manager

Once integrated, use GTM to manage your tracking:

* **Tags**: Create tags for Google Analytics, Facebook Pixel, or other conversion tracking tools.
* **Triggers**: Set triggers for when these tags should fire (e.g., when a user lands on the booking success page).
* **Variables**: Use built-in variables to capture specific booking data like event duration or event type name.

## Verifying installation

After installing, you can verify if the tracking is working:

* **Real-time Reports**: Check the **Real-time** report in Google Analytics to see if your own visits are being tracked.
* **Tag Assistant**: Use a browser extension like Google Tag Assistant to confirm that the GTM container is loading correctly on your public booking page.

## How to add or change IDs for a specific event

<Steps>
  <Step title="Go to Event Types">
    From your main dashboard, click on the [**Event Types**](https://cal.id/event-types) tab in the left-hand sidebar.
  </Step>

  <Step title="Select and edit">
    Find the specific event you want to configure and click **Edit** to open its settings.
  </Step>

  <Step title="Navigate to Apps">
    In the top navigation bar of the event editor, click on the **Apps** tab.
  </Step>

  <Step title="Toggle tracking tools">
    Locate **Google Analytics** and/or **Google Tag Manager** in the list. Switch the toggle to **ON** for the tool you want to use for this specific event.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/apps/google-analytics-13.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=a72207dcb10ca67c99dc89cdddd0b9fd" alt="Toggling tracking tools for an event type" width="1432" height="751" data-path="images/apps/google-analytics-13.png" />
    </Frame>
  </Step>

  <Step title="Enter Tracking ID">
    For **Google Analytics**, paste your specific `G-XXXXXXX` or `UA-XXXXXX-Y` ID into the input field. For **Google Tag Manager**, paste your specific `GTM-XXXXXX` container ID into the input field.
  </Step>

  <Step title="Save changes">
    Click the **Save** button in the top right corner to apply these unique tracking IDs to this event type.
  </Step>
</Steps>

### Why use event-specific tracking?

* **Targeted Analytics**: Track conversions for high-value sales calls separately from general inquiries.
* **Clean Data**: Prevent data from different departments or teams from mixing in your Analytics reports.
* **Custom Triggers**: Fire specific marketing tags in GTM that only apply to certain services.


## Related topics

- [App Store](/docs/apps/app-store.md)
- [Integrating Cal ID with Make](/docs/apps/make.md)
- [Integrating Cal ID with Pabbly](/docs/apps/pabbly.md)
- [Analyzing Booking Performance with Cal ID Insights](/docs/insights/booking-performance.md)
- [Managing Installed Apps](/docs/apps/manage-installed.md)
