How to Track Conversions on My Registration Pages?

Looking to track your registrations in Google Analytics or Facebook Ads for example? Do you need to send an event to a third party software when someone fills out the registration form? This article will help you.

IN THIS ARTICLE:

Custom Code Integration

Log in to your Livestorm account. Go to  Settings > Integration > Custom code. You can just paste your custom code between script tags for instance. You can even tell Livestorm if you want to have it automatically set up for each new webinar you create.

Important note: integrations you set up will be disabled by default for your previously created webinars. If you want to enable the integration for a previous webinar, just go to the webinar settings page and enable it under "integrations"

How it works

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>

Examples

Here a couple examples from common advertising networks.

Example with Facebook Ads Tracking Code

Here is a custom code snippet for instance that will allow you to send track events to Facebook Ads once someone has registered: 

<script>
  // You add the Facebook Ads tag here on all pages
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  document,'script','https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', 'YOUR FB PIXEL ID HERE');
  fbq('track', 'PageView');
  
  // You add the livestorm method to trick your FB event when a registration is successful 
  livestorm.on('registration-success', function () { 
    fbq('track', 'CompleteRegistration')
  })
</script>

Same Facebook example using Google Tag Manager

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

Example with LinkedIn Tracking Pixel

Here's how to get your Linkedin pixel. You should get only the URL for .gif pixel, not the img tag. Now, here's what you need to set in Livestorm:

<script>
livestorm.on('registration-success', function () {
  livestorm.addPixel('YOUR LINKEDIN PIXEL URL HERE');
})
</script>

Others examples

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

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

Send Events via Zapier

Another easy way to track registrations is to send events via Zapier ( what's Zapier) once someone has registered. Then you can send events to Facebook Ads, 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". 

Then specify to which dimension and construct the event:

Using 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 script on PageLoad for example.

3. You need to define the triggers that will launch these tags. In the example (screenshot below), we are tracking a PageView event so the trigger is on PageLoad. But you can also set up a trigger for event registration confirmed.

👆🏼 This screenshot shows a script that will send the information that someone viewed the page to Facebook.

Another script should be used when someone completes their registration.

Related Articles