Feedback
video guide

Passing UTM parameters from embedded typeforms

Passing UTM parameters from embedded typeforms
Userlevel 7
Badge +5
  • Tech Community Advocate
  • 7172 replies

Want to pass data from Google Analytics into your embedded Typeform? Follow the steps below to pass UTM variables into your form. 

 

1. Make sure you have connected your typeform to Google Analytics. Check out our help center article for more info.

2. Go to Typeform Builder (Create Panel) and add two hidden fields to your form. Or, you can automatically turn on UTM tracking in your form settings: 

xeDy-uPBvj9bZivD5-owqXkAyfltOWr-TG_PLE5h9cFq1HGmUFNNlZEXzgrGzmIOwVpN8orDFi4CZDu3DW4xnF8nTaQIGsx5oSNKBjWlwfXHSlB_osKktKZNz4eqfEIMgu1ZPWo_

 

 

4. Publish the form so the changes are applied.

5. Now go to the Share panel and choose your preferred way of embedding the form.

6. Click on get the code and when the pop-up window appears copy the code.

 

kGZtvNOVLSo72bcBZ4HQWiT2XFMaPQNGy2npndkjJXTQtO3GVqMnBvvjSXqMH_onmNj-bY3OwBYPNOg-j0B9-oMVRMNbakcbaRT6tQDVXE3IWhNl8hfZyOUD7eV3U3wnjnB-5nvl

7. Paste it in your code editor.

 

IMPORTANT

Make sure your website URL has the parameters with the same name, that is, utm_source and utm_medium. It should look like this... 

 

dg7fAZt882gE5q_9tf2IIFUUGshaEhF_1EJWcOr_Z3ancbFF5BYxP8nj6f2BLn74VwFCGr-8NY8pfYMdI736-3WC07_4_s5SWnrRLOmQ3iK7twbvg7x36acO21ytyEyD3vUetRqE

9. Go to the embedded code snippet and add the following part to the code you pasted on your website - 

data-transferable-url-parameters="utm_source, utm_medium"

10. Try not to break the code. Add it after data-mode="your embed mode" or after the Typeform URL just as in the screenshot. It should look like this:

 

GkCzsA7KjzJQt6iLu5CFQDTRdGWg1cqRraL02HSiiQkQG4bqBnfdDGrwK85HIVfZsAI6qzaPp-A5E9s6EZtaW1W5A4A11Ucyw-Sbr8SMCVqzfBeLkq8pvLu1WcAmcu8I9vUdbl7P

 

All done, now head to your Google Analytics and it should show! 

 


16 replies

Userlevel 7
Badge +6

Thanks for this @Liz - that should help to explain the steps much more easily to folks. 

 

des

Userlevel 7
Badge +5

I hope so, @john.desborough ! :grin:

Thanks for this! Just wanted to clarify though, if my Google Analytics is implemented via GTM and I connect Typeform to GTM, will that work or do I still need to connect Google Analytics to Typeform directly? 

Userlevel 7
Badge +5

Hi @cay013 I would still suggest connecting Google Analytics to your form directly for the best performance of the integration!

Got it, thanks for the confirmation! Will do just that! Cheers!

Userlevel 7
Badge +5

@cay013 Not a problem! Let me know if you think of any other questions. :grinning:

Hey @Liz , does the “data-transferable-url-parameters” and “data-tf-transitive-search-params” do the same thing? Because I saw this post, https://www.typeform.com/help/a/dynamically-pass-utm-values-from-a-url-to-an-embedded-typeform-for-advanced-users-4406211186580/

and now I am all confused. Beg your pardon if I am unable to understand this simple thing but I am not a technical guy.

Would really appreciate your response.

Thanks in advance.

Userlevel 7
Badge +5

Hi @mahabulislam86 I’m not aware of the “data-tf-transitive-search-params”. Do you mind sharing where you saw it? It could be something new that I’ve missed!

Or @mathio do you know of this? 

Userlevel 7
Badge +5

Yes, both do the same, however each applies to different SDK version:

Current version (version 1) of our embed SDK uses data-tf-transitive-search-params. We strongly recommend you use this one.

Previous version (version 0) used data-transferable-url-parameters. we no longer recommend you use this it and we do not provide any support for it.

Userlevel 7
Badge +5

Thank you, @mathio !!

Hi @mahabulislam86 I’m not aware of the “data-tf-transitive-search-params”. Do you mind sharing where you saw it? It could be something new that I’ve missed!

Or @mathio do you know of this? 

Thank you for your quick response Liz. I’ve already shared the article link on my post where I came across the new term!

Yes, both do the same, however each applies to different SDK version:

Current version (version 1) of our embed SDK uses data-tf-transitive-search-params. We strongly recommend you use this one.

Previous version (version 0) used data-transferable-url-parameters. we no longer recommend you use this it and we do not provide any support for it.

Thanks @mathio for jumping quickly on this and clarifying.

@Liz 

I am almost positive I have done everything correctly, but I think I saw something about WIX not allowing this - I have embedded the typeform code in the WIX html block? I am still getting xxxx/xxxx for source/medium in Google Analytics. Hope you can help!

 

Userlevel 7
Badge +5

Hi @kym Wix can definitely be a bit finicky, but do you mind sending the URL where you have the form embedded so we can take a look?

@Liz 

Thanks - here’s the URL: https://www.mowbot.co.nz/get-started

Userlevel 7
Badge +5

Thanks, @kym ! When I look at the embed code, it looks like those parameters are being stripped, but I’m not sure why (or exactly where the issue is). I’m tagging @mathio to see if he can help. He’s out of office this week, but hopefully he’ll have some more insight when he returns!

Reply