Find out which media channel (Google Ads or Facebook Ads), which campaign and even which ad or keyword generate the best leads. With the URL parameters, the so-called UTMs, tracked correctly, it will be possible to have this control and enable precise optimizations.
Let's look at a common problem
Suppose your company focuses on lead generation and chooses to use an external form on your website. A major advantage of using external forms, such as Typeform, is that it's easy to maintain and edit the fields.
It's also beautiful, has the latest features and integrates with various other tools, such as Google Sheets and Pipedrive.
However, when we use links or their embedded codes, we lose the UTMs that were in the URL of our pages. This is because the user is taken to another domain, as in this example:
The user arrives at this page via a Google ad:
https://pareto.io/pt-br/contato/?utm_source=google&utm_medium=cpc
When you click on the button, you are taken to a link on the Typeform domain or an embed code is triggered. This is an example of the Typeform link:
https://paretogroup.typeform.com/to/j9MK45Ed
At this point, the UTMs disappear. So we can't track which channel or campaign the leads are coming from.
Script solution
Para não perder essas UTMs, é necessário incluir um código JavaScript ao final da página, como um elemento mesmo no <body>. Apresentamos o script a seguir, para que possa ser utilizado nessa solução:
<script>
buttons = document.getElementsByClassName('typeform-button')
const queryString = window.location.search;
buttons.forEach(button => button.setAttribute('href', button.getAttribute('href') + queryString))
typeform_buttons = document.getElementsByClassName('typeform-share')
newQueryString = queryString.replaceAll('?', '&')
typeform_buttons.forEach(button => button.setAttribute('href', button.getAttribute('href') + newQueryString))
</script>
If you have a website built in WordPress, just add it directly in the Page Editor:
The first part of the code identifies all the buttons on the page that contain the "typeform-button" class and adds the UTMs that are in the page URL to their links. Therefore, the buttons need to be configured with this Class Name:
In the case of Typeform, you also need to create hidden fields with the UTMs you want to track. This way, Typeform itself will store the values each time you fill them in:
Remember that in order to track the UTMs of Google and Facebook campaigns, they need to be configured in the account:
Example for Facebook Ads (we usually include it at the ad level):
Example for Google Ads (we usually include it at the ad group level):
Please note: The tracking templates used by the platforms will be those at the most granular level, i.e. if there is a tracking template at account level and another at ad group level, the one at ad group level will be considered.
The big gain for advertisers who work with lead generation is to be able to understand exactly where the qualified leads are coming from!
You can even understand which ad they are coming from. By sending this data to a Google Sheets spreadsheet, you can generate reports and get great insights to improve your Google and Facebook campaigns.
In this example, we track a lot of information. See what Typeform stores:
Here, we have the source (google), the media (cpc), the campaign and ad group IDs, the network (g = google), the device (m = mobile, c = computer), the type of match (b = broad) and the keyword that generated the lead (+facebook + ads = broad modified "google ads").
Check out other articles from the Pareto Blog for paid media optimization.
