Track Conversions on Your Registration Pages

While using Livestorm you can use the help of pixels to track your registration conversions from other platforms such as Facebook, Google, and Zapier. In this article, we will explain the step by step process to use a pixel in Livestorm to track registrations conversions for your events from third party platforms.

IN THIS ARTICLE

• Use Custom Code to Track Your Registrations
• Insert Your Pixel into Custom Code
• Recommended Code
• Track Your Registrations with Meta Pixel
• Track Your Registrations with Zapier
• Track Your Registrations with Google Tag Manager
• Further Examples

Use Custom Code to Track Your Registrations

Our Custom code integration is available to customers with a yearly Pro subscription, monthly Pro subscription (if subscribed for at least 3 months), and customers on Managed Billing.

Insert Your Pixel into Custom Code

1

Go to your Settings menu and then Account settings.

2

Click on App marketplace and select the Custom code card.

3

Paste your code with your pixel.

4

Choose if you want your code to be applied on your Registration pages and/or the Company page.

5

Choose if you want to enable the integration on the new events you will create.

6

Click on Enable integration and check on the Integration menu that the status is green and "Enabled".

The Custom code 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.

Recommended Code

To trigger something after a registration, you need to know when it is successful. This is why we provide the following method:

<script>  
livestorm.on('registration-success', function () {   
  // YOUR CODE
})
</script>

We also provide specific methods for any kind of pixels:

• livestorm .addPixel to add a link to an image-based pixel
• livestorm .addTag to add a tag-based pixel like a javascript file or an iframe.

To display a tracking pixel after registration

<script> 
livestorm.on('registration-success', function () {   
  livestorm.addPixel('HTTPS://TRACKINGPIXEL.gif') 
}) 
</script>

To execute a tracking script after registration

<script> 
livestorm.on('registration-success', function () {
  livestorm.addTag('script', 'src', 'https://TRACKINGSCRIPT.js')   
})
</script>

To execute a tracking iframe after registration

<script> 
livestorm.on('registration-success', function () { 
  livestorm.addTag('iframe', 'src', 'THE LINK HERE') 
})
</script>

Track Your Registrations With Meta Pixel

Due to Meta's non-requirement of domain verification, you can now use Facebook pixels to track your event's registration analytics with Livestorm. Once you have configured your pixel through Facebook Events Manager, you can use your pixel's code with Custom Code to track Facebook registrations for your event.

Track Your Registrations with Zapier

Another easy way to track registrations is to send events via Zapier once someone has registered. Then you can send events to Adroll or even Google Analytics.

For Google Analytics, you don't need to use this method to track registrations as we have a native Google Analytics integration. You may check out our dedicated page to learn more about this ➡️ Connect Google Analytics & Livestorm

In any case, here's the Zapier example to track registrations. The first step will be the trigger called " New registrant" and then the action called "Create a Measurement".

You'll need to fill in the necessary fields for the trigger "New registrant" and the action "Create a Measurement in Google Analytics".

Track Your Registrations with Google Tag Manager

Instead of using the custom code you can just load Google Tag Manager and handle the code on GTM's end. You can define triggers that will help you create the action within Google Tag Manager. See here for the guide on Setting up and Installing Tag Manager.

1

First, you need to launch GTM. 

2

Then, you need to add the scripts that you want to launch from GTM. So in the tag configuration, you can add all of your pixels and scripts that need to be loaded.

Note: You can create different tags if needed. This is useful for example if you want to load ad tracking scripts on event registration, and an entirely different set of scripts on PageLoad for example.

3

 You need to define the triggers that will launch these tags, but you can also set up a trigger for event registration confirmed.

Another script should be used when someone completes their registration.

Further Examples

There are other advertising platforms that rely on conversion pixels that you can plug into Livestorm. Among which:

• Adroll
• Quora (use the tracking method after loading the main tag)

Further Examples

Here's an example of a common advertising network.

Example using Google Tag Manager

<script>
<!-- Google Tag Manager -->
...
<!-- End Google Tag Manager -->
livestorm.on('registration-success', function () {
  fbq('track', 'CompleteRegistration')
})
</script>