Your Custom HTML Element Just Got a Conversion Tracking Upgrade
Let’s cut to the chase shall we?
Tracking conversion events on a website is a big deal for any serious online business.
So big in fact that Thrive Themes has made it a primary focus to build as many data and conversion tracking features into our plugins as possible.
But tracking conversions on your site is just the beginning. You should also have an easy way to integrate important conversion tools (like your opt-in forms) with platforms such as Google Analytics and Facebook Ads.
To help you do that, we just upgraded our Custom HTML element so you can now track more sophisticated conversion events from your opt-in forms in our lead generation plugin — Thrive Leads.
You can now embed tracking scripts like Facebook pixels and Google Analytics code directly into your lightbox opt-in form states.
That means you can now use a switch state action as your conversion event!
Interested to learn more? Keep reading to see exactly how this new Thrive Leads feature can help you boost your conversions...
Advanced Tracking Scripts In Thrive Leads — Before
Of course, you’ve always been able to setup conversion tracking scripts in Thrive Leads, but were limited to placing your scripts only on actual posts or pages.
That meant if you wanted to track signup conversions through Google Analytics or Facebook by using their tracking scripts, you were forced to create a lead generation form that redirected subscribers to a custom URL where the tracking script was embedded:
After a visitor subscribed, they would be redirected to this new page (usually a Thank you page) and this would fire the tracking script.
Ultimately, this limited the available post opt-in action choices for advanced users.
The New Conversion Tracking Feature in Thrive Leads
So what can you do now that you couldn’t do before in Thrive Leads?
You’re gonna love this… you can track lightbox switch state actions as your conversion event!
To do this, you just insert a Custom HTML element within one of your Thrive Leads lightbox states so that either the loading of a default lightbox state, or the action of switching to a non-default lightbox state executes your tracking script.
Let’s take a look at how simple it is to actually set this up on one of your Thrive Leads lightbox opt-in forms...
Inserting the Custom HTML Element within a Thrive Leads Lightbox
So you’re ready to put this new conversion tracking feature into action, huh?
Well okay then. Let’s start by loading up a multi-step lightbox template in Thrive Leads to show you how it all works.
Here’s a screenshot of a simple 2-state lightbox from our “Round Image” template series:
Notice that this first or “Default” state is just a simple lead generation form offering a freebie to visitors if they sign up to your list.
Setup Option 1: Placing Tracking Scripts on Default States
Now, if you want to, you can drop a Custom HTML element directly onto a default state and then paste your tracking script in that. But if you do that, the code will execute whenever the lightbox loads — even if your visitor doesn’t convert and simply closes the lightbox.
There may be a few use cases for placing the tracking script on a “Default State” like this, so it’s there if you need it...
...but more likely, you’ll want to use Setup Option #2:
Setup Option 2: Placing Tracking Scripts on Non-Default States
So say your visitor follows through and subscribes to your list through the lead generation form example I just showed you.
Here’s what the next state in the lightbox would look like — a Thank You state:
This non-default state — called “state 1” in the editor — is where you’ll most likely want to place your tracking scripts since visitors won’t be able to load it unless they actually subscribe to your list (a.k.a. the conversion you want to track).
Here’s what your opt-in form will look like within the Thrive editor window once you drop the Custom HTML element onto the Thank You state of your lightbox:
Now, because the Custom HTML element does mess with the positioning of your other elements on the form, take that into account when building out your design.
The addition is minor and only takes up the space of the "No preview available." Custom HTML element area on the front end view (not the actual length of your tracking script):
You can also play around with negative margins to help eliminate the design interference of your Custom HTML element, but notice how the actual tracking script is invisible when displayed on the frontend to your visitors.
Note: If you just place normal text within your Custom HTML element without the proper HTML tags, the text will show up on your form!
How To Embed Tracking Scripts within Your Custom HTML Elements
Are you ready for this, ‘cause it’s super simple!
Once you add a Custom HTML element to the lightbox state of your choice, an “Insert Custom HTML into the Page” setup box will appear:
You with me so far?
Now, if you did add your Custom HTML element to your default state, then the only thing you’ll have to do is add your tracking script — there won’t be any other options available to modify.
However, if you added your Custom HTML element to a non-default state, then you’ll have to choose the moment you want your script to fire from a small dropdown menu first. Your options will be to fire the code:
- On page load — your script will be executed/loaded immediately when the Thrive Leads form is loaded on the page.
- When the visitor views the state — your script will be executed/loaded anytime a visitor does something on the page that makes the non-default state active.
You’ll want to select the second option if you’re trying to track the conversion through a lightbox switch state action.
Finally, just insert your tracking script in the “Type or paste HTML code below” area and click save.
And that’s all there is to it!
You may have more complicated tasks to complete on the Google Analytics or Facebook Ad side of things to get your custom conversion tracking working, but your Thrive Leads lightbox form will ready to go.
Need more help with this feature?
Now It’s Your Turn
Are you at a point where it’s time to take your analytics game to the next level with advanced conversion tracking scripts?
If so, give this new Thrive Leads conversion tracking feature a try and let us know what you think!
P.S. You might have noticed that this is an improvement to the Custom HTML element, which means that this is available in Thrive Quiz Builder too. If you want more information on what that’s all about and how to use it, you can visit this Thrive Knowledge Base article.
Otherwise, keep an eye out for Part 2 of this article where we'll discuss how to use this new Custom HTML feature to make your quizzes an even more powerful online marketing tool!