Skip to main content
Answered

UTM tracking if typeform is not on the landing page

  • May 1, 2021
  • 6 replies
  • 568 views
P

Hello,

I would like to save UTM tags into typeform. I know that this is possible and how to add the tags to an embedded typeform (data-transferable-url-parameters="utm_source, utm_medium")

 

But this solution is just working, if the typeform is on the main landing page. Because after the user clicks to an internal link, the utm paremeters in the url are gone. So there would be no url-paremeters to transfer to typeform..

This is how it looks like for me:

Multiple blog articles (utm tags here) with internal link to typeform landing page → typeform landing page (utm tags are gone) → redirection

 

If the typeform would be embedded on those blog articles, I could use the “data-transferable-url-paremeters”. But how is it possible to save utm tags, if the typeform is not on the main landing page?

 

Any ideas how to solve this? Maybe add utm tags as cookies and let typeform read it from there?

 

Thanks!

Kind regards,

Philipp

Best answer by Liz

Hi @Philipp thank you!! If you haven’t already, I would first suggest adding hidden fields to the form and your URLs to pass information through. While we don’t have any set code we can provide, you can also use Javascript to pass the information from the first page to the typeform hidden fields into the following pages. Additionally, I’d suggest using Google Analytics to track funnels to see which pages your respondents are coming from and where they’re dropping off or continuing. 

I know that isn’t a terribly straightforward answer, but hopefully that helps give you a start!

    6 replies

    Liz
    Ex–Typefomer
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • May 3, 2021

    Hi @Philipp Thanks for stopping by! If you’re linking the typeform into a blog post, you’ll need to write a code (usually using Javascript) to pass the data into the Typeform hidden fields. Would you mind sharing an example of the page where the form link is located so I can take a look? I think we may have some example code of this on the community - I’ll search for it in the meantime! 

    Life is a series of awkward moments separated by snacks.
      P
      • Philipp
      • Author
      • Explorer
      • May 4, 2021

      Hi Liz,

      thanks for your reply. I just created a video to explain and to show you my problem:

       

      Thank you! :-)

       

        Liz
        Ex–Typefomer
        Forum|alt.badge.img+5
        • Liz
        • Tech Community Advocate
        • Answer
        • May 7, 2021

        Hi @Philipp thank you!! If you haven’t already, I would first suggest adding hidden fields to the form and your URLs to pass information through. While we don’t have any set code we can provide, you can also use Javascript to pass the information from the first page to the typeform hidden fields into the following pages. Additionally, I’d suggest using Google Analytics to track funnels to see which pages your respondents are coming from and where they’re dropping off or continuing. 

        I know that isn’t a terribly straightforward answer, but hopefully that helps give you a start!

        Life is a series of awkward moments separated by snacks.
          E
          • Easyblue
          • Navigating the Land
          • April 6, 2022

          Hello I got the same situation but I have difficulties writing the javascript code. Would you have an exemple to share please ? 

            Liz
            Ex–Typefomer
            Forum|alt.badge.img+5
            • Liz
            • Tech Community Advocate
            • April 6, 2022

            Hi @Easyblue The Javascript code will really vary depending on where you’re passing the information in from. Could you provide us more information about where you’re grabbing the data and how you’re directing respondents to your form? 

            Life is a series of awkward moments separated by snacks.
              A
              Forum|alt.badge.img+1
              • azisbak
              • Navigating the Land
              • February 18, 2026

              Hey Philipp

              You're absolutely right that Typeform's built-in UTM capturing only works if the user completes the form on the exact same page they initially land on. Once they navigate from your blog articles to the typeform landing page, those UTM parameters are lost from the URL.

              As Liz mentioned, you could write some JavaScript to store the UTMs when the visitor first lands on your blog article, then retrieve them and pass them into the Typeform hidden fields on the form page. But this requires custom code and ongoing maintenance as browsers update.

              Tools like Attributer.io can handle this automatically for you. When someone clicks your UTM-tagged link and lands on one of your blog articles, it captures those UTM parameters and stores them in a first-party cookie. Then when they navigate to your typeform landing page and submit the form, it automatically writes that original UTM data into hidden fields you add to your Typeform.

              As a bonus, it also captures attribution data for visitors who come from organic channels (like Organic Search, Organic Social, Direct Traffic, etc.) where UTM parameters aren't present, plus other useful data like the original landing page and the page where the form was submitted.

              Still need help?

              Don't be shy and ask the community.

              Ask your question here!
              Community T&Cs Accessibility statement