Can't pass the UTM from URL to the embed form in my website

  • 22 December 2022
  • 6 replies
  • 71 views

Hi,

 

I have a problem. I have already added transitiveSearchParams of utm in the embbed form already. Why I still can’t see the utm on my Google Analytics when I submit the form from my website?

 

PS. Form is already connected to my GA
 

 


6 replies

Userlevel 7
Badge +5

@mathio may be able to help with this! 

Userlevel 7
Badge +5

Hi, can you show me a page or eg. CodeSandbox with this issue? Your code seems correct and transitive search params work eg. in our demo.

@mathio this form is attached to this website https://atlas.kitchen/

Userlevel 7
Badge +5

I tried to replicate the code in CodeSandbox and it works for me:

https://codesandbox.io/s/currying-meadow-wmn3rj?file=/src/App.js:226-370

If you add ?utm_source=123123 to the URL, you can see it is passed to the embedded form.

 

I dont know what the issue might be in your website.

@mathio Thank you very much or checking this for me. 

 

Do you have any recommendation for the website like what should we check?

I am not a developer myself but I’ll need to give the developer suggestion.

 

Thank you once again! 

Userlevel 7
Badge +5

From the top of my head:

  • ensure the query param is present in your page URL at the time the typeform renders
  • in past I have seen 3rd party JS scripts modify <iframe> src attribute before it loads
  • you could build the embed package locally and link a local dependency (via yarn link or yalc) and try to debug the issue (look into get-transitive-search-params.ts file)

 

Reply