0:00 - Introduction 1:43 - Method #1: URL Success Page 1:52 - Create Goal in Google Analytics 3:52 - Testing: URL Success Page 4:50 - Method #2: Form Submit Trigger 5:15 - Set Up in GTM 11:04 - Create Goal in Google Analytics 14:17 - Method #3: Element Visibility Trigger 15:09 - Inspect Your Page with Chrome Developer Tools 16:26 - Set Up in GTM 16:26 - Create Trigger 19:11 - Create Tag 19:30 - Testing: Element Visibility Trigger 20:12 - Other Tracking Techniques
This video might be the best tutorial of how to track forms with Google Tag Manager. The example using the CSS Selector was very useful. Thank you for this content!
Hi Julian, thank you so much for all this information. You detail step by step how to properly set up our tracking and conversion, I really enjoy your content and I would like to thank you once more for all this amazing knowledge you offer !!!
Great! As a follow-up video, you can show how a person can import the goal from GoogleAnalytics to GoogleAds (atleast for technique 1) so that they can track their conversions through their ads.
You can use form classes, assuming the field is indicative of that specific form (IE, no other form uses the specific name or numbers associated with that form). Just use whatever variable that won't change and stays the same. Form ID for my case changed every time so I used form classes and it worked.
Thanks for your content Julian! I follow you since a while ago and it has helped me a lot. I wanted to ask you if the Method 2 is still working in 2020, because before i created the form trigger, i did a submission which is tracked by GTM in the Form variables (where you find 'Form ID', 'Form target', 'Form text', etc), but when i created the trigger you show in the video and made another submission, GTM doesn't recognizes it as a "gtm.formSubmit" hit, but only as another regular click (again, showing the Form's variables). What do you think is going wrong? i missed something? Thanks a lot again 😀
I have a similar problem... My GTM just doesnt recognize the form submission - in any of the 3 methods - when the submission is done with AJAX! So I set the form submission to "reload page" and now it works! Maybe this could be the same for you.
Great tutorial! Question: At 7:05 mark, you mentioned a technique of opening up a new window without sending the form out. How do you do it exactly? I tried it with Command + Send, but that doesn't work.
AWESOME VIDEO!! If anyone is pulling hairs for not seeing Conversions on Real Time @ GA assign a same value for your event at GTM and at Conversion set up at GA instead of leaving it blank
Hi! Great video thank very. much, it helped me a lot. There is one thing that is missing. I had to use the third version of the tag and the visibility values and I wanted to set up the goal in Analytics but I couldnt because you don't explain how to set up the third version. Please can you advise? When I am in Goal I have options as destination or event but neither one of them is giving me the option of the visibility action. Thanks a lot!!!!!!
Great video - helped me so much with my GTM issues. Advanced version: Is there a way to connect events and formsubmits? --> The basic idea is, I only want an event to fire when a form is successfully submitted - so I don't have any events tracking that did not end up in a submitted form. Any ideas? Anyone?
Wow, that was outstanding. I have a question...... I am creating audiences now and I am using: If visited Page and I want to exclude people who filled out the form. I have form 3 type of form, where I had to use CSS code so I can not exclude people who visited the form completion. Any ideas? Thank you.
Hey Julian, this is a great video and it got me up and running on Tag Manager. I used the third method for establishing a trigger. I'm not sure why the 2nd method did not work for me, nonetheless I am good now. But I do have a problem. I followed your video and for some reason I can not find the CSS node that established the connection to Tag Manager. It is "div.elementor-message-success". But now when I do a search in my Console....it's nowhere to be found. My concern is that if I need to modify...I can't. I'm just stumped. Anyway, just some feedback just in case the matter comes up in the future.
Thanks Julian, I watched this whole video... and it helped. I had a form where the elements weren't labelled in HTML so it was the 3rd option I needed. I have to watch it twice, as I hadn't got it set up right, but your video was super helpful. Quick question, Do you do a text version step by step. I think that would be a great way to support the videos you make. Thanks again
Thank You, Julian. that Visibility Trigger helps me a lot 🙏 👇 For GA4 STEP 1: Create a tag "GA4 | SEND MESSAGE" or anything you like. STEP 2: Set the configuration tag - GA4 ID. STEP 3: Set event name "form_send_message" or anything you like. STEP 4: Use the same process for "VISIBILITY Trigger" as shown in video.
Hey Julian Thanks for this video. How can we setup tracking for forms which use the same page as the thank you page? So that the forms submissions are shown separately as conversions.
Hi there, what if I wanted to add tracking to the submit button of a form that I have on the main nav header of a website? I would like to be able to see the page where the user came from once they actually submit a form. How would I go about tracking in GTM and GA?
Hi Julian, great video. However, I see that you set up the trigger to fire every time the "thank you" element appears in the viewport. After firing it, you scrolled to the top of the page, so the element was no longer in the viewport. Don't you think that it will fire once again when you scroll back to it? And if yes, how would you handle the option to submit the same form multiple times on the same page? Best regards and thank you in advance.
What do you do if your website wont open up a new tab? Anyway to see the form data layer before the new page loads? Or prevent the new page from loading? I tried command on my mac, there are just several CTA buttons that wont open a new tab with that pressed on our website.
great tutorials! thank you! is there a tutorial around where you show how to track ajax loaded pages? Can´t find anything helpful. example is the wix/ecwid store. all pages and urls are loaded with ajax. tracking the urls is not working.
Hi Jullian, When I am not seeing any differential variables for my form attributes - my form ID is blank and form classes are all the same. I am using divi builder plugin.
Hi, that Vid is awesome. The second way is the best for me. Problem is: if the user filled out wrong and he gets an error, the conversion fires to analytics anyway. That is a problem for my client. Form isn't on a specific page. thanks for the input guys
Hi Julian, I was wondering if in Squarespace I didnt have a formID when I view in google tag manager. How should I proceed? as I would like to link google tag manager and Google Analytics. Looking forward to hear from you soon. Leon
Dear Julian, Thanks for your super helpful video! I've searched all day but your video was the only real help. Thank you so much! :) And I have a question too... :) In the 3. method can I separate my contact forms? If I guess well, all of them use wpcf7-mail-sent-ok css. Thank you in advance! :)
Great tutorial, Julian! Many, many thanks! I have one question: what if the Thank-you message doesn't have a new class when the form was successfully submitted? I still have the same class ("form") and a new html visible element on the page, which is a H5 = "Thank you" text. Is there a way to track this visible element? because the page is not reloading or something... Thanks in advance!
@@loutruong not yet, but promise to come back when I'll have it. Or, I'm still asking the dev to implement a Thank-you page, which would be so much easier for everything :))
I have a similar problem... My GTM just doesnt recognize the form submission - in any of the 3 methods - when the submission is done with AJAX! So I set the form submission to "reload page" and now it works! Maybe this could be the same for you.
Hi Julian, at first what a great video and explanation as always! What if you use the third method and you have different forms on your website and the CSS selector is the same for each form. How do you track each form seperately? I tried exception triggers but it doesn't work. I would love to hear from you. Thank you in advance!
I have found the answer myself. Within the visibility trigger it is possible to check the box "Some visibility events" so you can create a exception trigger. I hope this is useful for some of you!
Hi Julian, great video! How do you track a successful Divi form submission? I can't find which Element to track with the CSS Selector in GTM's triggers.
From what I can see with Divi's forms is that there's a element with the success message which you can only see after successful submission. The thing that changes is a "style" element that makes that element an opacity = 1 to show it.
Hey Julian! very useful! congrats! I'm using Contact Form 7 (plugin WordPress) and to track a submission, I used the second technique (formSubmit tag with form ID). Also, I activate the validation check feature in case the user fills in the wrong email. However, when I test with an unvalid email, the tag still gets fire. Do you know how to solve this issue, other than the 3nd technique? Thank you! Also important: I have several forms accessible by different URL. When submitting a form, users stay on the page (this is how Contact Form 7 works)
Is there a way to track form submissions that don't have the URL change after clicking submit by only using Google Analytics and not GTM? Any help is much appreciated!
excellent video. can you combine #1 and #3? in my site, after user clicks submit, they get sent to confirmation page, but there can be cases where an error message will get displayed if something went wrong with the back process.
Great video. I have a question, I tried the way with the Tracking forms with the FormSubmit Trigger, but I have a problem. I use window 7 and when I press on ctrl button in my keyboard + send button in my page, a new window doesn't open. That's why I can not see the gtm.formSubmit. what do I need to do?
Thank you for your answer but unfortunately, the two ways don't work. When I send the form on my website there is a popup window with telling thank you and then refer the visitor to the homepage. Do you have another solution? Thank you.
it's a different technology and you can do different things with it. If you are a larger company wanting to pipe your data into your own data warehouse it is very powerful. GTM is really just a Tag Management tool. Segment can do more and is a bit more complicated depending on your usecase
Hi Julian. Thanks for great videos. I just wanted to know that, is it possible to track form submit within one form and fire different conversion, depending on what user chose? I have a form and there are 3 options that the user can choose. Thanks in advance
Hi Julian.. Happy New Year. I need your help in form submission event tracking. I implemented your these techniques for contact form 7. But as I am using third party form like Form Crafts.. How can i start event tracking with gtm and form crafts
Hi Julian.. I have found that WPForms allows to integrate with GTM. Can you please create one video the form submission of WPForms with GTM. I really love the way you teach on video. Thanks
0:00 - Introduction
1:43 - Method #1: URL Success Page
1:52 - Create Goal in Google Analytics
3:52 - Testing: URL Success Page
4:50 - Method #2: Form Submit Trigger
5:15 - Set Up in GTM
11:04 - Create Goal in Google Analytics
14:17 - Method #3: Element Visibility Trigger
15:09 - Inspect Your Page with Chrome Developer Tools
16:26 - Set Up in GTM
16:26 - Create Trigger
19:11 - Create Tag
19:30 - Testing: Element Visibility Trigger
20:12 - Other Tracking Techniques
Test yesauto
com
Hi,
I am struggling to learn how to make a event tag from visibility trigger in GA4.
After 5 Years still my NO. 1 Video to check if forms from my Clients doesn't work! Thank you so much!
gosh!!! how can you teach so smoothly? you are an amazing teacher, no one can teach tag manager like u
This video might be the best tutorial of how to track forms with Google Tag Manager. The example using the CSS Selector was very useful. Thank you for this content!
Thank you so much from Argentina!! I was looking for the third form you explained. Google should hire you.
Thank youuu
Thank you! haha
WOW absolutely brilliant! Thanks so much that last form setup is exactly what i was looking for thank you!
Same here
Thanks for this tutorial Julian. Very helpful.
Hi Julian, i was struggling with this... because of you i can now solve the problem in my clients website. Thanks!!!
Hi Julian, thank you so much for all this information. You detail step by step how to properly set up our tracking and conversion, I really enjoy your content and I would like to thank you once more for all this amazing knowledge you offer !!!
Great video. As always, thank you Julian!
I am using the Thank You page conversion tracking method just to avoid the error. Thank you for this wonderful tutorial. Cheers Mate!
ha... just uploaded the new icons for channel members. Thanks for your continuous support! You are awesome
Excellent! We used method 3 to track a multi-step form within a pop-up! Thanks
almost 2 years after release still 100% helpful! Thanks
Best content i've seen so far about Google Ads! Thanks a lot :)
Thank-you Julian for this and all of the other tips
Super thankful! Thanks for making this video
Great! As a follow-up video, you can show how a person can import the goal from GoogleAnalytics to GoogleAds (atleast for technique 1) so that they can track their conversions through their ads.
Good idea, I'll try and make a video on this topic.
Best educational video ever. Thank you for sharing these valuable info with us
Hi Julian, what if the Form ID and Form Target fields are blank, what variable can I use to trigger the tag?
You can use form classes, assuming the field is indicative of that specific form (IE, no other form uses the specific name or numbers associated with that form). Just use whatever variable that won't change and stays the same. Form ID for my case changed every time so I used form classes and it worked.
@@lukas______ thanks Lucas
Terrific content. Thank you so much !!!
Thanks alot for this video ... How can I use the third method only and still have a GA Goal setup?
amazing once again! great thanks!!!
Thanks for your content Julian! I follow you since a while ago and it has helped me a lot.
I wanted to ask you if the Method 2 is still working in 2020, because before i created the form trigger, i did a submission which is tracked by GTM in the Form variables (where you find 'Form ID', 'Form target', 'Form text', etc), but when i created the trigger you show in the video and made another submission, GTM doesn't recognizes it as a "gtm.formSubmit" hit, but only as another regular click (again, showing the Form's variables). What do you think is going wrong? i missed something? Thanks a lot again 😀
I have the same problem! Hope that Julian could assist with this
I have a similar problem... My GTM just doesnt recognize the form submission - in any of the 3 methods - when the submission is done with AJAX! So I set the form submission to "reload page" and now it works! Maybe this could be the same for you.
Great tutorial! Question: At 7:05 mark, you mentioned a technique of opening up a new window without sending the form out. How do you do it exactly? I tried it with Command + Send, but that doesn't work.
you are a genius! thanks very much
Very helpful! In particular the part on how to enable form variables so I could figure out what GTM has access to for triggering. Thank you!
AWESOME VIDEO!! If anyone is pulling hairs for not seeing Conversions on Real Time @ GA assign a same value for your event at GTM and at Conversion set up at GA instead of leaving it blank
Technique nr 3 worked with me, thx!
Hi! Great video thank very. much, it helped me a lot. There is one thing that is missing. I had to use the third version of the tag and the visibility values and I wanted to set up the goal in Analytics but I couldnt because you don't explain how to set up the third version. Please can you advise? When I am in Goal I have options as destination or event but neither one of them is giving me the option of the visibility action. Thanks a lot!!!!!!
Great video - helped me so much with my GTM issues.
Advanced version: Is there a way to connect events and formsubmits?
--> The basic idea is, I only want an event to fire when a form is successfully submitted - so I don't have any events tracking that did not end up in a submitted form.
Any ideas? Anyone?
Thank you so much! So helpful
Appreciate it Victoria!
superb.. do you have a GA4 version too?
Thank You so much! I did not understand how to track the element visibility after submitting the form! You are the best teacher!
This is fantastic! Thanks a lot.
:)
Covering all aspects, It's fantastic
Wow, that was outstanding. I have a question...... I am creating audiences now and I am using: If visited Page and I want to exclude people who filled out the form. I have form 3 type of form, where I had to use CSS code so I can not exclude people who visited the form completion. Any ideas? Thank you.
Great video, it just saved me hours of exploration, the third one worked out perfectly and this can work in 99% of cases. Thank you!
Outstanding tutorial, as always! Thank you, Julian!
Hey Julian, this is a great video and it got me up and running on Tag Manager. I used the third method for establishing a trigger. I'm not sure why the 2nd method did not work for me, nonetheless I am good now. But I do have a problem. I followed your video and for some reason I can not find the CSS node that established the connection to Tag Manager. It is "div.elementor-message-success". But now when I do a search in my Console....it's nowhere to be found. My concern is that if I need to modify...I can't. I'm just stumped. Anyway, just some feedback just in case the matter comes up in the future.
Thanks Julian, I watched this whole video... and it helped. I had a form where the elements weren't labelled in HTML so it was the 3rd option I needed. I have to watch it twice, as I hadn't got it set up right, but your video was super helpful. Quick question, Do you do a text version step by step. I think that would be a great way to support the videos you make. Thanks again
Thank You, Julian. that Visibility Trigger helps me a lot 🙏
👇
For GA4
STEP 1: Create a tag "GA4 | SEND MESSAGE" or anything you like.
STEP 2: Set the configuration tag - GA4 ID.
STEP 3: Set event name "form_send_message" or anything you like.
STEP 4: Use the same process for "VISIBILITY Trigger" as shown in video.
There is no class "wpc7-mail-sent-ok" because Contact Form 7 update
@@Team-yp6ch Drop here your website URL containing the form page, will check.
Hello Julian..This is a Very Useful Video..and your way of guiding or teaching is so Nice and easy..
That 3rd option really saved my ass. Your the man!!
thank's, awesome! i will to try this tutorial
Thank you, the third option really helped a lot for a particular website.
Love watching your videos.
If I am trying to track a multiple choice tracking and want data on each choice - any suggestions how I can do that in GA?
Thank you so much. Amazing Value in this video! Cant wait to see my campaigns Results!
Great! Form tracking is truly powerful. Which technique did you go with?
@@MeasureSchool i went it the third one since i dont have a new URL. Thanks again!
Julian, once again you save the day!!!! Legend
Great tutorial! But why didn’t you just use the button trigger? Could it be used in that particular case?
The element visibility was the only one which worked perfectly! Thanks Julian :) You are the best !
thanks man, you literally just saved me
Great video. Can we use GTM for method 1 also or we need to use GA only? Thanks.
Hey Julian Thanks for this video. How can we setup tracking for forms which use the same page as the thank you page? So that the forms submissions are shown separately as conversions.
Hi there, what if I wanted to add tracking to the submit button of a form that I have on the main nav header of a website? I would like to be able to see the page where the user came from once they actually submit a form. How would I go about tracking in GTM and GA?
Hi Julian, great video.
However, I see that you set up the trigger to fire every time the "thank you" element appears in the viewport. After firing it, you scrolled to the top of the page, so the element was no longer in the viewport. Don't you think that it will fire once again when you scroll back to it? And if yes, how would you handle the option to submit the same form multiple times on the same page?
Best regards and thank you in advance.
What do you do if your website wont open up a new tab? Anyway to see the form data layer before the new page loads? Or prevent the new page from loading? I tried command on my mac, there are just several CTA buttons that wont open a new tab with that pressed on our website.
You are excellent tutor ;-)
thanks
great tutorials! thank you!
is there a tutorial around where you show how to track ajax loaded pages? Can´t find anything helpful.
example is the wix/ecwid store. all pages and urls are loaded with ajax. tracking the urls is not working.
you are a good. teacher way of teaching is best.
Thanks! The third element help me a lot.
Thanks Julian for this video. The third option really help me recently for a client website to track leads
Hi Jullian, When I am not seeing any differential variables for my form attributes - my form ID is blank and form classes are all the same. I am using divi builder plugin.
same problem here
Do we need CRM or DBMS in our website to use this? Please answer
Hi, that Vid is awesome.
The second way is the best for me.
Problem is: if the user filled out wrong and he gets an error, the conversion fires to analytics anyway. That is a problem for my client. Form isn't on a specific page.
thanks for the input guys
yea. that's when you can customize even further and make your tracking more accurate. One method might work better other don't
Hi Julian,
I was wondering if in Squarespace I didnt have a formID when I view in google tag manager. How should I proceed? as I would like to link google tag manager and Google Analytics.
Looking forward to hear from you soon.
Leon
How does GTM recognize the form? When i set up the trigger it triggers when i visit the website and not when the form is submited...
Dear Julian, Thanks for your super helpful video! I've searched all day but your video was the only real help. Thank you so much! :) And I have a question too... :) In the 3. method can I separate my contact forms? If I guess well, all of them use wpcf7-mail-sent-ok css. Thank you in advance! :)
not sure what you mean by separate
Julian, this was a life-saver. Thanks!
Great tutorial
Hey Julian, can you go over how the element visibility works with GA4 properties? Thanks
nothing different there. The trigger is in GTM, not in GA4. You just send the data to GA4
Man, Thank you so much!!!! This helped me out soooo much
Great video -very helpful =)
Glad to hear it!
Great tutorial, Julian! Many, many thanks! I have one question: what if the Thank-you message doesn't have a new class when the form was successfully submitted? I still have the same class ("form") and a new html visible element on the page, which is a H5 = "Thank you" text. Is there a way to track this visible element? because the page is not reloading or something... Thanks in advance!
OMG i have the same question like you, have you find our the and for this ques, pls share it to men :D
@@loutruong not yet, but promise to come back when I'll have it. Or, I'm still asking the dev to implement a Thank-you page, which would be so much easier for everything :))
I have a similar problem... My GTM just doesnt recognize the form submission - in any of the 3 methods - when the submission is done with AJAX! So I set the form submission to "reload page" and now it works! Maybe this could be the same for you.
This is just perfect! Thank you for sharing this complete tutorial
thanks for the tutorial!
Is there a way to clear the contents of the user-defined variable in DOM and cause that same variable to be read again ?
Hi Julian, at first what a great video and explanation as always! What if you use the third method and you have different forms on your website and the CSS selector is the same for each form. How do you track each form seperately? I tried exception triggers but it doesn't work. I would love to hear from you. Thank you in advance!
I have found the answer myself. Within the visibility trigger it is possible to check the box "Some visibility events" so you can create a exception trigger. I hope this is useful for some of you!
Hi Julian, great video!
How do you track a successful Divi form submission?
I can't find which Element to track with the CSS Selector in GTM's triggers.
From what I can see with Divi's forms is that there's a element with the success message which you can only see after successful submission.
The thing that changes is a "style" element that makes that element an opacity = 1 to show it.
Awsome video! I was looking for this. Thanks
Very useful ...Thank you :)
I have not forme ID its empty , how can i process ?
Great video... but CSS Selector is not working with caldera form. Use ID instead > caldera_notices_1
Thank you so much, you've really made this so easy for me
Thank you for the third method!
Can you go over how to do a custom data layer push of the form data? How to get the different form values into the data layer to use in other tags.
Works perfect, well explained. thanks a lot.
Hey Julian! very useful! congrats! I'm using Contact Form 7 (plugin WordPress) and to track a submission, I used the second technique (formSubmit tag with form ID). Also, I activate the validation check feature in case the user fills in the wrong email. However, when I test with an unvalid email, the tag still gets fire. Do you know how to solve this issue, other than the 3nd technique? Thank you! Also important: I have several forms accessible by different URL. When submitting a form, users stay on the page (this is how Contact Form 7 works)
We actually have a video on contact Form 7 you can check out
Great Content!
Thank you!
thanks, mate.
Will the second method only fire when the form is successfully submitted?
Hey Julian! This is really good! Could you please make a video that explains how to track a normal dropdown menu? Thanks!
Awesome stuff. Thank you!!!
Is there a way to track form submissions that don't have the URL change after clicking submit by only using Google Analytics and not GTM? Any help is much appreciated!
man, if i can see u right now i will buy u a beer. thx tons
for form submission trigger, how to use the check validation?
excellent video.
can you combine #1 and #3? in my site, after user clicks submit, they get sent to confirmation page, but there can be cases where an error message will get displayed if something went wrong with the back process.
yes, absolutely
Great video.
I have a question, I tried the way with the Tracking forms with the FormSubmit Trigger,
but I have a problem.
I use window 7 and when I press on ctrl button in my keyboard + send button in my page, a new window doesn't open.
That's why I can not see the gtm.formSubmit.
what do I need to do?
you can try to submit then right away press the ESC key, which stops the browser. You could also try the Extension GTM Sonar
Thank you for your answer but unfortunately, the two ways don't work.
When I send the form on my website there is a popup window with telling thank you and then refer the visitor to the homepage.
Do you have another solution?
Thank you.
Nice content Julian.
I want to know what do you think about segment and how is compared to GTM
it's a different technology and you can do different things with it. If you are a larger company wanting to pipe your data into your own data warehouse it is very powerful. GTM is really just a Tag Management tool. Segment can do more and is a bit more complicated depending on your usecase
Hi Julian.
Thanks for great videos. I just wanted to know that, is it possible to track form submit within one form and fire different conversion, depending on what user chose? I have a form and there are 3 options that the user can choose.
Thanks in advance
yes, you would just need to make Variables that pull out the correct value from the field and then use that variable in your trigger
Thanks a lot :)
Hi Julian.. Happy New Year.
I need your help in form submission event tracking. I implemented your these techniques for contact form 7. But as I am using third party form like Form Crafts.. How can i start event tracking with gtm and form crafts
no clue... maybe their documentation has an answer
Hi Julian.. I have found that WPForms allows to integrate with GTM. Can you please create one video the form submission of WPForms with GTM. I really love the way you teach on video. Thanks