Hello - we are directing people from our Facebook ad with a UTM to our landing page (meetgenie.co). People then need to hit APPLY before they are taken to an embedded Typeform. Our UTM parameters drop when people go from the landing page to the embedded form homepage.
We have a Typeform / GA integration set up but I am not able to track the UTM campaign details against our Form Submission Goal in GA.
Is there any way to resolve this?
Thanks
Best answer by mathio-tf
Hello @Liz and @Weemanpro
I can see when you click the “Apply” button that the UTM param is not preserved in URL.
In your embedded form you should define transitive search params (as data-tf-transitive-search-params) to load the value from your page URL (instead of data-tf-hiden option)
Of course you dont need to preserve those params in URL, if you have them stored somewhere else for your user session. In that case I suggest you use our embed SDK to pass the values via JavaScript.
Hi @Weemanpro Happy Monday! Are you correctly passing the UTM information into the embedded form? If you’re not quite sure, the video below can walk you through the set up!
Hi - we aren’t currently passing the UTM through typeform. So what I am wondering is whether through a GA integration should in GA in theory be able to match the traffic to this site by UTM with a typeform complete / typeform submit event. OR will the only way for UTM details and Form Complete goal / event show up in GA is by passing the UTM through our typeform? Thanks for your help.
The challenge is that in order to get the UTM into typeform (because users will hit an intermediary page before going to the embedded form) is that we will either need to change the embedded form to a pop-up or implement quite a significant piece of custom coding to pass the UTM parameters around wherever a user travels on our site.
I am just trying to work out if I can do this UTM tracking in GA with the standard GA / Typeform integration. I don’t need to track a UTM against a specific form submission. I just need to see in GA how many form submissions there have been against a specific UTM.
In your embedded form you should define transitive search params (as data-tf-transitive-search-params) to load the value from your page URL (instead of data-tf-hiden option)
Of course you dont need to preserve those params in URL, if you have them stored somewhere else for your user session. In that case I suggest you use our embed SDK to pass the values via JavaScript.
Yeah this is a common issue as the UTM parameters get lost when users navigate from your landing page to the embedded Typeform. The UTMs are only present in the URL when someone first lands on your site, so by the time they click "APPLY" and get to the form, those parameters are no longer available for Typeform to capture.
The solution is to capture and store the UTM parameters when the visitor first lands on meetgenie.co, then pass them through when they eventually submit the Typeform. You could write some custom JavaScript to store the UTMs in localStorage when someone lands on your site, then populate hidden fields in your Typeform with that stored data.
Alternatively, there are tools like Attributer.io that handle this automatically. They capture the UTM parameters (plus other attribution data like the GCLID, FBCLID, and information on organic traffic) when someone first arrives, store it in a cookie, and then write it into hidden fields on your Typeform when it's submitted. This means the UTM data flows through to GA via your existing integration, even though the user navigated between pages.
You could also try moving the Typeform directly onto your landing page instead of having a separate "APPLY" step, but that might not work with your current user flow.