Answered

UTM tracking to full page embed not working

  • 4 March 2023
  • 9 replies
  • 225 views

Userlevel 1
Badge +1

Hi

 

I’ve followed the utm tracking setup tutorials but the utms arent being populated when I look at the results page.

Interestingly, I’ve created a gclid hidden field (to capture the gclid string from google ads) and that is being passed through. 

I’ve got utm tracking switched on in the typeform settings and all 5 utm params switched on

My website is selfemployedmortgagehub.com and the full page typeform embed is at /qualify

Here’s the code I have embeded in webflow

<div data-tf-widget="PFzalDyg"  data-tf-opacity="100" data-tf-inline-on-mobile data-tf-iframe-props="title=DYQ v4" data-tf-transitive-search-params="utm_source, utm_medium, utm_campaign, utm_term, utm_content, gclid" data-tf-auto-focus data-tf-medium="snippet" data-tf-full-screen data-tf-hidden="utm_source=xxxxx,utm_medium=,utm_campaign=,utm_term=,utm_content=,gclid="></div><script src="//embed.typeform.com/next/embed.js"></script>

Can’t see anything obvious that I’m doing wrong, any ideas? Thank you.

Graham

icon

Best answer by mathio 13 March 2023, 11:24

View original

9 replies

Userlevel 1
Badge +1

I’ve also tried it with data-tf-hidden deleted and still only gclid is passed through

 

<div data-tf-widget="PFzalDyg"  data-tf-opacity="100" data-tf-inline-on-mobile data-tf-iframe-props="title=DYQ v4" data-tf-transitive-search-params="utm_source,utm_medium,utm_campaign,utm_term,utm_content,gclid" data-tf-auto-focus data-tf-medium="snippet" data-tf-full-screen ></div><script src="//embed.typeform.com/next/embed.js"></script>

 

Userlevel 1
Badge +1

A further update, I’ve also just disconnected from universal analytics in typeform connect and set up the integration to use GA4. But still no utm data.

 

When I click through from the homepage where I’ve manually added data for the utms like so:

https://www.selfemployedmortgagehub.com?utm_source=facebook&utm_medium=social&gclid=123456789abcdef

 

the url is mangled like so:

 

https://www.selfemployedmortgagehub.com/qualify?_gl=1*3uuvnd*_up*MQ..&gclid=789456abc

 

Any ideas?  

 

Thank you.

Userlevel 7
Badge +5

Hi @Graham Cox Apologies for missing this. 

@mathio do you happen to know if hidden fields are any different with GA4?

Userlevel 7
Badge +5

Hello @Graham Cox 

if you want to use transitive-search-params attribute you need to populate those values in the URL of the page with your typeform as well. 

When I click the Get Started button on your website I get redirected here:

https://www.selfemployedmortgagehub.com/qualify

You need to pass variables in query string for this to work, eg:

https://www.selfemployedmortgagehub.com/qualify?utm_source=my_source&utm_medium=my_medium&utm_campaign=my_campaign&utm_term=my_term&utm_content=my_content&gclid=my_gclid

 

Userlevel 1
Badge +1

Hi @mathio 

 

Thanks for your reply, I appreciate your help.  That makes sense. The only thing I’m unsure of is how I dynamically grab the utm values to insert them in the button link?

 

Kind regards,

 

Graham

Userlevel 1
Badge +1

Hi @Graham Cox Apologies for missing this. 

@mathio do you happen to know if hidden fields are any different with GA4?

No problem, thanks for referring onto Mathio

Userlevel 7
Badge +5

The only thing I’m unsure of is how I dynamically grab the utm values to insert them in the button link?

This depends on what tools and languages you use to build your website.

Eg. in PHP you read it from $_GET, in JavaScript you can look at window.location object (or request object server-side).

If you use a CMS to build your website the approach will vary - eg. for Wordpress you need to use a URL Params plugin:
https://wordpress.org/plugins/url-params/

Userlevel 1
Badge +1

Thanks @mathio 

 

I’m using webflow, so I’ll post on their community forum and see if there’s a script to grab the values.

 

Thank you for all your help, it’s much appreciated.

 

Graham

Userlevel 7
Badge +5

Let us know what they end up saying, @Graham Cox !

Reply