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:

1Go to your Google Analytics admin and click on Create Property.

google analytics

2Create a new property dedicated to Livestorm.

google analytics

3Choose Web.

google analytics

4Fill in the URL field with https://app.livestorm.co/ and enter a stream name.

google analytics

5Copy your Google Analytics Tracking ID from the given property.

google analytics

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:

1Go to your Google Analytics admin and click on Create Property.

google analytics

2Create a new property dedicated to Livestorm.

google analytics

3Copy your Google Analytics Tracking ID from the given property.

google analytics

Set Up Google Analytics With Livestorm#

1Go to your Livestorm Account Settings.

google analytics

2Click on App Marketplace and select the Google Analytics card.

google analytics

3Paste your Google Analytics Tracking ID and Continue to next step.

google analytics

4Choose where you want the integration to be enabled.

google analytics

5Choose if you want to "Automatically enable this integration for new events".

google analytics

6Now that you're all set, you can Enable the integration! 🎉

google analytics

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

google analytics
google analytics

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.

google analytics

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#

1Open your GA4 property.

2Click on the Admin gear in the bottom left, then click on Custom Definitions.

google analytics

3Click on Custom Dimensions, then click on Create Custom Dimensions.

google analytics

4Give your dimension a name, such as "Livestorm Event Name", and a description.

google analytics

5Set 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. 

6Click 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.

1Go to your Livestorm account and click on the Apps tab in the left dark menu band.

2Click on the Custom Code card.

google analytics

3Paste 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.

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

google analytics

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.

1Via 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. 

google analytics

2Via 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".

google analytics

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:

1In 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.

google analytics

2In your specific event, in Settings > Apps, check if Googe Analytics is enabled.

google analytics

3Check 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.

google analytics

4From your Chrome inspector (right click on the page > Inspect > Network) see if data is being sent to Google Analytics.

5You can download the Chrome Extension for Google Tag Assistant and open it on your Registration pages.

google analytics

6Check if you're looking at the right property.

7Check 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.