How to capture UTM Parameters in a Cookie and transfer them to a (hidden) Form Field
ฝัง
- เผยแพร่เมื่อ 15 มิ.ย. 2024
- UTM information is only visible on the Landing page. If you capture the information and transfer it into a cookie you can easily use it in e.g. a Form. That way, when the user submits the form, you’ll be able to also know where he originally came from. In this Tracking deployment we’ll do just that.
1. Capture the UTM Information and write Cookie
2. Read Cookie with Google Tag Manager
3. Fill in the Cookie value into a Form automatically
OUTLINE:
00:00 - Intro
00:36 - Why Transfer UTM Parameters into a Hidden Form Field Using a Cookie?
01:41 - Creating a New Form Field
02:57 - Pulling UTM Data into Google Tag Manager
05:25 - How to View Cookie Data in Chrome Developer Tools
06:07 - Creating a Cookie Variable in GTM
07:45 - Filling the Form Field with Your Stored Cookie Data
11:24 - Hiding Your Form Field
12:37 - Summary
🔗 Links:
Custom Tag Template: www.simoahava.com/custom-temp...
Code for filling the form field: gist.github.com/measureschool...
🎓 Measure Masters Membership: measureschool.com/measure-mas...
❓ Take Our GA4 Quiz: measureschool.com/google-anal...
FREE Tag Manager Course: measureschool.com/products/fr...
FREE Analytics Course: measureschool.com/products/fr...
🔀 GTM Copy Paste - Our Chrome extension chrome.google.com/webstore/de...
🚀 Hire us: measureschool.com/services/?u...
📚 Recommended Measure Books: kit.co/Measureschool/recommen...
📷 Gear we used to produce this video: kit.co/Measureschool/measures...
📡 Our Live Streaming Software: restream.io/join/YXLM2
👍 FOLLOW US
Facebook: / measureschool
Twitter: / measureschool
LinkedIn: / measureschool - วิทยาศาสตร์และเทคโนโลยี
![How to use a dataLayer variable to pull data from the GTM dataLayer [Quick Tip]](http://i.ytimg.com/vi/PV3KBpbKXsA/mqdefault.jpg)
I’m curious… who loves hidden form fields as much as I do?
Elementor already captures by default the url of form submission page .. isn't It same? Also, I've configured my website as per your earlier tutorial on setting up first session and second session cookie on form fill page. Thanks for your lovely videos, definitely helps us!
I just love DATA! :-) ... your videos are always very well done which means they follow a nice linear process to enable geeks like myself to follow and learn!
Cool, but what if i do the same just using the cookie and sending the values directly to a CRM
ME!!!
Love it
I've been paying $100-200 to have this done, per form. And I just set this up on a new form in less than an hour. Excellent video!
Hi ResponseFlood are you using Hubspot for your forms ? Is it working ?
Greetings from Brazil! I must say, you´re the only person i've found on the internet explainin this so well.
Thank you bro, you are HUGE
Hi, I'm French and thanks to a mix between several of your videos I was able to trace the source of my leads by email and in our crm. I subscribe. Thank you for the content and it's great thanks to the quality subtitles I was able to have a correct translation.
You really helped me !! I was struggling for 2 months trying to capture gclid into my crm and then, step-by-step, you came with the solution !!!
Huge thanks from Brazil!
Oi Vitor. Estou precisando enviar as utms para um CRM após passar pra várias páginas em diferentes domínios. Você conseguiu fazer como?
@@TVProtagonista Desculpe a demora, só vi agora! Foram duas partes. Seguir exatamente o que ele fez no vídeo (aí escolher o cookie que quer extrair) e depois fazer o seu CRM conversar com o Contact Form 7.
Have been waiting for this video all my life :D
Me too, at least since the day GTM was born.
This is incredibly helpful! Thank you Julian!!
Hugely valuable. Thank you! Good to see Gclid in there, too, for those running Google Ads. We haven't found a way to match those to specific SEM campaigns, but the presence of a gclid parameter at least tells us the lead came from a Google Ad.
Why do you want to measure utm of google ads campaigns, if google ads has its own attribution parameters?
How can we save UTM parameters separately?
Love your videos! This is a good one.
Thank you! solved a problem I had been working on for a long time
Thanks for this. Didn’t pick how to use in the CRM.
Exactly what I was looking for. Thank you
Great to hear!
@@MeasureSchool We have a little problem with the referrer. We use cross-domain tracking and have two pages. The problem is that the referrer is always on the main page instead of the original source. Is there any way to ignore (bypass) this?
Example:
A user comes from Google (organic) to our page. If he then navigates to the second page (subdomain), the referrer is always our main domain instead of google.
I think this could solve the issue when adding the "rel" attribute to the anchor tag.
rel="noreferrer"
Thank you so much!!!
Thanks for this - most helpful! Is it possible to extract the url data into separate variables, so that each variable could be passed to the form individually? Or would this need one Cooke per UTM tag? Thanks!
Thanks Julian for your videos! I had managed to implement what you taught here and it works when I test it. I somehow don't get to capture any UTM parameters for my form submits. Might I ask if this is because they are mainly come from direct links, or from Google search, or something else? Is there a way to identify them?
Thank you Julian for your useful video. I have been following your videos for past couple of years. It indeed has been a go to channel when it I need to refer for Google analytics, Google tag manager. I would really appreciate if you could make video on hit builder. Thank you. Kamal
I have been waiting for this video since.... well I found your channel yesterday, so yesterday. Are you on Twitter?
@MeasureSchool - Super helpful and easy to follow tutorial. THANK YOU! I don't have a form field on the page because we're using an iFrame embedded webform. So I'd like to write this to the page within a hidden div. How does the script change?
There's a plugin called Contact Form 7 Database which will store Contact Form 7 submissions. Or you could use Gravity Forms as an alternative.
Hey Julian, what settings are you using for your computer screen? I like how it doesn't show the full screen and only zooms into details that are relevant to us viewers. Or are you recording your full screen and then cropping it subsequently? Thanks.
Here is a complementary information ! when you get the variable that returns the link with the utms, all you have to do to catch those elements easily is create an URL variable then choose query as the url component you wanna catch and in the source field which the variable uses as the url source choose the variable that returns the url link with utms
thanks for the add
I don't quite understand what you mean but this is exactly what I'm looking for. Got any more steps/screenshots/guide to assist? Thanks a lot!!
Great information! I'm not seeing the script in the description? Could you tell me where I can get the script that you add for the Form Fill? Thanks.
Hi ! Great video, using that solution a lot but encountering an issue with Divi. I can't successfully autofill the field on a Divi form. Do you have a tip or 2 about this, please?
Great video as always Julian! Is there a way to use GTM to give users an option of accepting or rejecting cookies on a page?
yes, there are many consent solutions out there
Hey Julian,
This is really amazing and very helpful and now I am able to freely use any webpage as a Landing Page without worrying about the Attribution of Paid sources or Campaigns.
Just wanted to understand some further process on this. Let's say if we need to pass different UTM parameters in separate fields. How could we break the whole URL and pass it to separate fields, like something we use as a Query feature in the URL variable to separate the parameters.
Regards,
Kunal
Did you figure this out? Need this too. Thanks
Hi, thanks a lot, you help so much, but can you help me, please?
I did all the steps you explained in the video, but when I open the page that contains the field that will collect the UTMs, at first it completes the field with the information but after a few seconds they disappear, you know what what could it be?
Hi, wanted to know whether this is the same process if I want to track whether a form fill up happened due to PPC or Organic SEO when the client runs both SEO & PPC. Can we do this in GA4 also? Also, form fill up can be tracked based on keywords? Thanks in advance
Is this still necessary with GA4 or does GA4 store's cookie data? The tag template doesn't exist anymore :(
Thanks for your videos, they are great. I need to assign a UTM by which a langing page of an app is reached to a download button that redirects to Google play. Is this possible? Could you pass me some info? Can you make a video? Thank you very much!
can you plz have separate video for dynamic utm parameter filling and referrer cookies?
At 12:00... Can you please elaborate? Should we create a tag for this + another one for the initial source if no utm?
Hi, thanks for the tutorial!
If my user goes to an external website for a credit check and then returns to the thank you page within my website. And on the credit clearing page there is also an embedded UTM of the credit clearing company. When the user returns to my website to the thank you page, will I still be able to recognize the UTM I set? Because right now it will be lost as soon as you go to the clearing company's external website and receive their UTM.
Thanks in advance
Julian, thank you for this video. I have a problem, when I "hide" the field, it stops reading the cookie´s url. Why could this happen? Thanks!
Thanks for your tutorial. I've managed to follow it as setting up the tab, but it looks like the debug / tag assistant window utilities have changed since you recorded it. I can't see whether or not the tag is firing.
Don't worry I discovered the reason. I was using previewing in Microsoft Edge which was blocking the cookies used in debug mode. Worked fine in Chrome browser.
However, that raises a couple of questions:
1) I the cookie you show how to create in your tutorial likely to get blocked as a 3rd party cookie, even though it's really a cookie set up by the website owner?
2) And just out of curiosity - how would you go about checking to see if the tag is firing in the alternative solution offered by Google for browsers that block the debug mode cookie because it's a 3rd party cookie? If I understood Google's blurb correctly when I was trying to test in Edge - that solution is the future of Google Tag Manager Assistant.
How to strip out clean gclid? right now its pulls it along with the url and 1st part cookie var does not have any function to do it
Can we still apply utm parameter as hidden field or are their easier ways?For me most important thing is that i get the keywords from google ads that send me the person whol fills out the form. Can this be achieved in wordpress? How about website speed performance? i see you are adding javascript and html code extra.
I'd like to store source and medium separately. Any idea how to do that using this, or another, technique?
This is really great, thank you.
How do you parse out the utm url into the individual fields? So I can pass name, email, phone from one form and have it pre-filled into another? That would be helpful.
Thanks,
I'm also looking for this. I'm trying to understand the persist data template he's using but when I read the code i understand that it really just reads the exact URL. Would be awesome to have cookies split up in the right field/separate cookies
Looking for this too, did u find a way to do this?
__gtm_referrer parameter don't track direct & adwords traffic. Can you check into that?
I am doing this in dynamics 365 with a dynamics 365 marketing form. It works for me when I am doing it in debug mode but not otherwise. Why could this be?
is there also a way to do this without using javascript? most of users come from another page and then go to the form page and submit the form. I need the search term and which ad triggered the user to come on the website.
yes, great. but how to get the keywords or search terms that people searched for before they submit any form. can this be achieved with the tutorial? any tips?
would this work with something like ontraport? They use the UTM codes based on Googles format but they essentially are the ones with the tracking script. They say it's out of scope and don't support their own product if on my own website and not there page builders. I'm losing variables when they click the button to go to the next page
Will this be affected by chrome going cookie-less?
This guy..
Thanks!
You mentioned this doesn't work with Facebook yet which is unfortunate as I was wishing I could use this solution + ActiveCampaign instead of using something like Alex Becke's Hyros for more accurate FB campaign tracking.
Any suggestions or other videos I could check out to create more accurate ad reporting and tracking?
Have you been able to find a way on how to grab the UTM parameters from FB and pass them onto AC? I'm facing this same issue, I no longer want to use Hyros and I was thinking about pulling the UTM to AC then use databox for better-looking reports.
Legends
Aqui está constando que a variável Cookie - __gtm_campaign_url" é desconhecida. Mais alguém teve esse problema?
Thanks for the video! Is it possible to capture UTM values if someone visits your site organically?
Would like to know if this is possible or advisable too
nope, you don't have any control over the link on google.com
@@MeasureSchool I remember that, I saw google organic traffic can see on inspect tab as refferer. But I forgot how could I check it again. I think there is a way to see organik traffic.
Anyone got this working with Elementor (free version)? Having problems with the javascript that pulls UTM data from the user's cookie. Field name, when Inspected, isn't just containing name, but some "form_fields"...
how do you get the different UTMs from the cookie URL to fill in different hidden form fields?
I'm also looking for an answer here. We work with a specific utm tag, and it's all we need to get in a specific cookie to register campaign info... If you found any working solution please share!
Can you make more videos like this? On how to use gtm custom templates?
He makes videos like this all the time!
Question, cant this already be seen in GA? If you have a UTM Tag you should be able to see the source? Correct me if Im wrong :)
Yes you can see this in GA. But now you can transfer this data to your CRM. Giving a very interesting data point. I use this to determine the lifetime value of customers per channel but also conversion rate per channel. This helps me to determine allowed CPA per channel and campaing type or even keyword.
Hello Julian. Thanks so much for the video! I was able to send the utm parameters into seperate hidden form fields but I have one question.. How do I set the lifetime of the __gtm_campaign_url cookie to 3 months for example, instead of only the session? Thank you!
@Cedric Ong just recently... but I'm not sure yet if it's 100% effective
@Cedric Ong The UTM's I was able to separate myself. I asked my IT'er to keep them for longer then the session, since this was out of my league as a marketer. I can send you the code though if you'd like.
@Cedric Ong I'd love that code if you still got it. I'm trying to separate the UTMs as well
@@skat3boardfreak hii, i'd also Love to know how to split the utm into different fields pls
I have cross-domain tracking and would like to use this to pass the UTM data from one domain to another. Anyone know how to do that?
Any luck on this?
Have you compared this version with the version from Michael Jansen in his GTM-Book?
no. can you enlighten us?
Is it possible to use this with a javascript form?
Can this work on Google Form as well?
Great video. I'm just having 1 problem. I have installed the Google Tag manager code into my source code in the correct places and have followed the tutorial and repeated the instillation twice, however the cookies are not showing when I load the page and the input shows "undefined" since the variable is not there. I have looked around and can't find any solutions. Do you have any idea why this may be happening?
Thank you
i get undefined too, what am i doing wrong?
I find a solution. You should investigate your google tag variable. Make sure that it is correct. The variable var value = "{{ this one }}" should be exactly as in the google tag variable panel. Double check everything!
@@SongSlava I am getting "undefined" too my variables are correct. Sometimes I am getting the url. But most of the times it is "undefined" .
How can we set its expire time ?
Been having issues with getting a form working like this on Shopify, any suggestions?
where you able to figure this out I ? It is not working for me an Hubspot forms
Is there a way to pull out parts of the URL. In your video it populates the full URL. Can I take one part of the URL like ?
yes, have a look at the URL Variable in GTM
I can get the cookie to write, but the custom html tag wont' rewrite with the value of the cookie. Any insight as to why this is? We are using zoho forms.
nope, no insight. Just good old debugging.
Will this only work with UTM parameters? What if I defined custom parameters in the field of the cookie settings, would these work ok?
I've just thought of another question - I'd like to use this method for pulling out parts of the URL. In your example you have a variable which takes the full URL so that you can populate the form field. How could I take just one part of the URL say for example ?
@@EddyGonzalez1509 Eddy ! Pudiste lograrlo? Me explicarías como?
I can't get this to work with embedded HubSpot forms. Anyone else have had this problem ? does it matter if once I hide the form I can't see the name of the field on the HTML?
hubspot forms are in an , so you can't be doing this technique
@@MeasureSchool Do you have a tutorial for how to do this with Hubspot?
Any luck with getting this to work with Hubspot forms?
Any way to do this with clickfunnels??
is there a way to pass cookie data to a hidden field even if it wasn't part of the URL?
yes
Hi - great video, thanks!
Say I want to save all UTM parameters for each email sent, and not just the URL as a string/referral -- do I need SEPARATE cookies for that? , , etc.