Search

Integrate Google Analytics 4 in vcita

Integrate Google Analytics 4 GA4

Google Analytics 4 (GA4) helps you understand how customers interact with your business, from service bookings to contact form submissions. Track clicks, monitor transactions, and get the insights you need to make smart, data-driven decisions. 

Benefits of GA4

  • Track leads and client actions on your portal and website widget
  • Monitor visits to your Business Page
  • Analyze behavior to boost conversions
  • Identify marketing efforts with highest ROI

To integrate Google Analytics 4:

  1. Open the platform.
  2. Click App Market.
  3. Select Google Analytics.
  4. Click Install.
  5. Click Open app.
  6. Enter your Google Analytics 4 ID. You can find your Google Analytics 4 ID here.
  7. Click Save.

Note: GA4 may take up to 24-48 hours to sync.

Test Google Analytics 4

To test Google Analytics 4:

  1. Open the platform.
  2. Click Client Portal.
  3. Click View as demo client.
  4. Click an action.

View Realtime Reporting

To view Realtime Reporting:

  1. Sign in to your Google Analytics account.
  2. Click Reports.
  3. Click Realtime.
  4. See "Event Count" for event data.

Note: The first realtime events can take up to 24 hours to sync. Some other events might also take up to 24 hours to fully process, even if they appear in the Realtime report right away.

View Data

To view data:

  1. Sign in to your Google Analytics account.
  2. Click Reports.
  3. Click Engagement.
  4. Click Events.

Important: No Personally Identifiable Information (PII) is sent to Google Analytics or any other systems. Conversion tracking in your account fully complies with HIPAA standards and regulations to protect your data.

Track Online Events

All client activities include the following parameters: 

  • %userid% - Unique identifier of a user as it appears in CRM
  • %activityid% - Generated activity, such as a meeting id
  • %event%- Always show "client portal (Previously LiveSite)
  • %type% - Event Category
  • %name% - Event name as it appears in your analytics dashboard
  • %price% - Purchase prices and payment amounts (Only for relevant events)

Online Presence List of Event Parameters

When a client... This event will show in Google Analytics... Unique params
Starts scheduling an appointment “scheduling_entry_page“  
Selects a service “scheduling_service_selected“  
Chooses a provider “scheduling_provider_selected“  
Picks a date and time “scheduling_date_time_selected“  
Fills in their details “scheduling_filled_detailes  
Completes a booking “scheduling_booking_success“  
Visits the file upload page “file_upload_entry_page“  
Uploads a file “file_upload_success“  
Visits the contact form “contact_us_entry_page”  
Sends a message via contact form “contact_us_message_success”  
Requests directions “get_directions_entry_page“  
Visits the payment page “payment_entry_page“  
Opens the payment dialog “payment_checkout_dialog_open“ %price%
Makes a payment “payment_checkout_success“ %price%
Cancels a payment “payment_checkout_discard“ %price%
Encounters a payment error “payment_checkout_error“ %price%
Visits the package purchase page “purchase_package_entry_page“  
Selects a package item “purchase_package_item_selected“ %price%
Opens the package checkout dialog “purchase_package_checkout_dialog_open” %price%
Purchase a package “purchase_package_checkout_success“ %price%
Cancels a package purchase “purchase_package_checkout_discard“ %price%
Encounters a package purchase error “purchase_package_checkout_error“ %price%

Connect Google Tag Manager

Google Tag Manager is a central platform that lets you configure and manage multiple tags, such as Facebook Pixel and Google Ads. You can track the same events used in Google Analytics 4 and apply them to Facebook Pixel and Google Ads.

To connect Google Tag Manager:

  1. Open the platform.
  2. Click App Market.
  3. Select Google Analytics.
  4. Click Install.
  5. Click Open app.
  6. Enter your Google Tag Manager ID. You can find your Google Tag Manger ID here.
  7. Click Save.

Meta Pixel & Google Tag Manager Set Up for Website Widget

The platform has a native Google Tag Manager integration. This means you can plug your GTM Container ID directly into the platform, and the platform will automatically fire specific "Data Layer" events whenever someone interacts with your widget (like booking an appointment or sending a message).

Below are the exact steps to link the platform to GTM and fire your Meta Pixel Lead event

Step 1: Connect Google Tag Manager to the Platform

First, we need to put your GTM container inside your platform widget.

  1. Open your platform dashboard.
  2. Click on App Market in the left-hand menu.
  3. Find and select the Google Analytics app (the platform houses both GA4 and GTM in this same app).
  4. Click Install, then click Open app.
  5. Enter your Google Tag Manager ID (It looks like GTM-XXXXXXX and can be found at the top right of your GTM workspace).
  6. Click Save.

Step 2: Create GTM Triggers for Platform Events

Because GTM is now natively integrated, the platform will automatically push specific event names to GTM when a user takes action. Here are the most common lead events:

User Action

Platform Event Name (GTM Trigger)

 
Sends a message via the contact form contact_us_message_success
Completes a calendar booking scheduling_booking_success

To create a trigger for them:

  1. Open Google Tag Manager and go to Triggers > New.
  2. Name it Platform - Lead Success.
  3. Click Trigger Configuration and select Custom Event.
  4. In the Event name field, type or paste the exact platform event you want to track (e.g., contact_us_message_success). Note: To track multiple events, you can use a Regex match like contact_us_message_success|scheduling_booking_success, but setting up individual triggers is often safest.
  5. Click Save.

Step 3: Add the Meta Pixel Base Code Tag

  1. In GTM, go to Tags > New and name it Meta Pixel - Base Code.
  2. Select Custom HTML as the tag type.
  3. Paste your Meta Pixel base script (found in your Meta Events Manager).
  4. Set the trigger to Initialization - All Pages.
  5. Click Save.

Step 4: Add the Meta Pixel Lead Tag

  1. Go to Tags > New and name it Meta Pixel - Lead Event.
  2. Select Custom HTML and paste the standard Meta Lead snippet:
    <script>
      fbq('track', 'Lead');
    </script>
  3. Click Triggering and select the Platform - Lead Success Custom Event trigger you created in Step 2.
  4. (Optional but recommended): Go to Advanced Settings > Tag Sequencing and check "Fire a tag before Meta Pixel - Lead Event fires". Select your Meta Pixel - Base Code tag. This ensures the base code is always loaded before the Lead event fires.
  5. Click Save.

Step 5: Test and Publish

Because the widget is integrated directly with your platform account, testing through your Client Portal link is recommended:

  1. In your platform dashboard, go to Client Portal and click Copy under the Client Portal URL.
  2. In Google Tag Manager, click Preview.
  3. Paste that copied Client Portal URL into the Tag Assistant prompt and click Connect.
  4. Fill out a test form or book a test appointment.
  5. Go back to the Tag Assistant tab. On the left-hand side, you should see the contact_us_message_success (or scheduling) event appear in the timeline. Click on it, and verify that your Meta Pixel - Lead Event tag says "Tags Fired".
  6. Go back to GTM and click Submit and Publish!

Setting Up Tags

You can create tags for Google Ads to track conversions or other specific events. You can also set up tags for Facebook Pixel to track events such as page views, form submissions, purchases, or custom actions. 

Configuring Triggers

Triggers determine when and where the tags should be implemented. You can configure them in Google Tag Manager based on specific events or conditions such as page loads, button clicks, form submissions, or custom data layer events. 

Preview Your Changes

Before publishing your changes, we recommend using Google Tag Manager’s preview mode to make sure everything is working perfectly. Once you’re happy with the setup, you can confidently publish your updates.

To preview your changes:

  1. Open the platform.
  2. Click Client Portal.
  3. Under Client Portal URL, click Copy.
  4. Open Google Tag Manager and sign in to your account.
  5. Click the Preview button.
  6. Paste the URL of the site.
  7. Click Connect.

FAQ

Why can’t I see Google Analytics 4 in the App Market?

Google Analytics 4 is not included in all subscription plans. If it’s missing from your App Market, please reach out to our support team for help.

Do you still support Google Universal Analytics?

Google Universal Analytics was discontinued on July 1st, 2023, so it’s no longer supported.

Does Google Analytics 4 track back office events?

No, Google Analytics 4 only tracks events on your Client Portal, business pages, and widgets.

Related to

Was this article helpful?