Connect Google Analytics & Livestorm

Google Analytics enables you to keep track of the visits on your website or any platform where you can put the Google Analytics tag on.

By connecting Livestorm and Google Analytics together, you can paste your Google Analytics tag on the Livestorm Registration pages and Company page. This is useful if you want to track visitors or registrations on those specific platforms with your own analytics. You can even create custom properties in Google Analytics for the registration pages and/or the company page. You will be able to capture more insights on the visitors such as the device, the source of the traffic, the time spent on the page, etc. as well as for analytics on their registration.

Registrants who don't allow Livestorm cookies won't be tracked on Google Analytics.

Please note that there are two versions of Google Analytics: the legacy version called Universal Analytics, and the new version called Google Analytics 4 (GA4). We support both versions in our integration, but bear in mind that Google is deprecating Universal Analytics on July 1st, 2023.

Find Your Measurement ID Within a GA4 Account

Follow these steps to set up Google Analytics with Livestorm, it's very easy:

1: Go to your Google Analytics admin and click on Create Property.
2: Create a new property dedicated to Livestorm.
3: Choose Web.
4: Fill in the URL field with https://app.livestorm.co/ and enter a stream name.
5: Copy your Google Analytics Tracking ID from the given property.

Find Your Tracking ID Within a Universal Analytics Account (Only Available Until July 1st, 2023)

Please be aware that Universal Analytics will stop processing data on July 1st, 2023 and will be replaced from then onwards by Google Analytics 4, Google's new measurement solution. For more information on this, feel free to refer to this dedicated article on Google Analytics' help website.

Follow these steps to set up Google Analytics with Livestorm, it's very easy:

1: Go to your Google Analytics admin and click on Create Property.
2: Create a new property dedicated to Livestorm.
3: Copy your Google Analytics Tracking ID from the given property.

Set Up Google Analytics With Livestorm

1: Go to your Livestorm Account Settings.
2: Click on App Marketplace and select the Google Analytics card.
3: Paste your Google Analytics Tracking ID and Continue to next step.
4: Choose where you want the integration to be enabled.
5: Choose if you want to "Automatically enable this integration for new events".
6: Now that you're all set, you can Enable the integration! 🎉

In addition to tracking visits, we'll also send a registration event to Google Analytics so you can track it as well. We fire an event in this format:

Category: Webinar
Action: Register
Label: Name of the Event

The Google Analytics integration you've just set up will not be enabled by default on events previously created. You need to enable it manually on each event.

Track Registrations as Conversions in GA4

In order to track conversions (event registrations) on GA4 with Livestorm, you will need to follow these steps:

Create Custom Dimensions In GA4

1: Open your GA4 property.
2: Click on the Admin gear in the bottom left, then click on Custom Definitions.
3: Click on Custom Dimensions, then click on Create Custom Dimensions.
4: Give your dimension a name, such as "Livestorm Event Name", and a description.
5: Set the scope to "Event" and the event parameter to "livestorm_event_name" for example. You can type the event parameter name directly in the dropdown search bar.
6: Click on Save. You can also create other custom dimensions, such as "Registration source": in this case, set the scope to "Event" and the event parameter to "registration_source".

Add a custom code in Livestorm

You will now need to add some custom code on Livestorm to send an event to GA4 upon successful registration.

1: Go to your Livestorm account and click on the Apps tab in the left dark menu band.
2: Click on the Custom Code card.
3: Paste the following piece of code in the "Custom Code" window.

<script>  
const eventTitle = window.event_type.title

  livestorm.on("registration-success", function() {
    gtag('event', 'livestorm_registration_success', {
      'registration_source': 'Livestorm',
      'livestorm_event_name': eventTitle
    });
    })
</script>

In the example code above: "livestorm_registration_success" is the name of the event sent to GA4 upon succesful registration, "registration_source" and "livestorm_event_name" are the parameters (which we previously created as custom dimensions).
The event name and parameters can be replaced with the values of your choice to match the custom dimensions you have set up in your GA4 property.

4: Make sure that the custom code is enabled on your registration pages and click on Save.

Mark The Event As a Conversion In GA4

Once the event appears in your reports (new events may take up to 48 hours to appear), you'll need to mark it as a conversion. You can do this either via the Admin panel or via your Reports.

Please note that it may take some time for conversions to appear in GA4 reports and explorations. If you don't see your events appearing straight away in GA4, you might need to wait from 24 to 48 hours before heading to our Troubleshooting section.

1: Via the Admin panel: click on the Admin panel, then Events and click on the blue dot to the right of the event you want to mark as a conversion.
2: Via your Reports: click on the Reports tab on the left panel, then under Examine user behavior, click on Events, then click on the three dots to the right of the event you want to add as a conversion and select "Mark as a conversion".

Troubleshooting

If you are encountering a problem with your Google Analytics integration, here is a list to help you check if everything is set up properly:

1: In your Account Settings > App Marketplace > Google Analytics, check if the integration is enabled on the Registration pages, Company page and if it's automatically enabled for new events.
2: In your specific event, in Settings > Apps, check if Googe Analytics is enabled.

3: Check the code source of the Registration page with Chrome inspector (right click on the page > Inspect > Elements) and see if the analytic tag is loaded.

4: From your Chrome inspector (right click on the page > Inspect > Network) see if data is being sent to Google Analytics.
5: You can download the Chrome Extension for Google Tag Assistant and open it on your Registration pages.
6: Check if you're looking at the right property.
7: Check if you're looking at the right time period.

If your Google Analytics integration is still not working, you can contact our support team at help@livestorm.co. They will be very happy to help you 🙂

Join our On-Demand Product Training

During this 1h-training session, we will cover everything you need to know to manage your online event, from the event creation to hosting them live, and analyzing your participation data afterwards.

Watch