Track Form Field Data with Google Tag Manager

[@MeasureSchool]

0:00 - Introduction 1:35 - Capture Form Field Data With a Form Trigger 3:20 - Inspect the Form Trigger Variables & dataLayer 4:20 - Find Form Field Value We Need Using JavaScript Object in Developer Tools 7:10 - Create New DataLayer Variable to Pull Out The Form Field Value From dataLayer 9:00 - Add dataLayer Variable to Tag and Push Data to Google Analytics 10:45 - How Can We Use This Data in Google Analytics? 14:35 - Summary

[@weshunt9536]

I googled endlessly, and this answered my question perfectly. Thank you!

[@FPSGamer222]

You have saved me a little 3 times with these GTM tutorials. Insane work man, subscribed!!!!

[@abhishekdas149]

Every week this type of video are helping us to add a new skill .. Thaks a lot

[@edabuyuk8076]

Hey Julian, how would you implement this if the form were to have radio buttons? I'd only want the value of the SELECTED radio button, not all separate radio buttons. I can't figure it out.

[@DnAtvbr]

have you figured out how to manage this with radio button?

[@jenyamikhaylovaleite3489]

Thank you Julian, I've already applied for one of my sites, it works:)

Thank you Julian for this great guide. I have a question. I have a form with 3 select list and I would like to send these 3 to Google analytics. we will have a lot of combination with the 3 selects, because I have 3 values possible for the 1st one, 8 for the second one and 5 for the last one. How can i send these information in the most usefull manner to Google Analytics ?

[@terryfox6881]

You're able to get the information on the form submit because it seems to have a breakpoint in the script. But most forms will take you to a new page and the information in the preview panel about the event is lost.

[@guillermoromo268]

thank you for the video, is it possible to use de ID instead of the position number in the data layer variable? like gtm.form.fieldID.value?

[@davidvanbeek2597]

Great tutorial! I was wondering, how to do this with multiple checkboxes? How can you add the value of the checkbox of choice (checked = true )?

[@RebeccaCaldwell]

Love the video and I can get that info in the dlv but it dosen't come up in the final submit conversion, just when the person clicks on the drop down. It comes up as undefined in the conversion itself, but if I look through the interactions it comes up for that specific nf-field-id. Frustrating

[@AnjumBhat]

Hi Julian, Can it be done with a GA4 event?

[@yanivbenbassat2824]

Thank you! Great video.

[@vaishalisingh7264]

Do we need to create different GA events to track different form fill?

[@edgarrolla6748]

Hi, Julian! Great video!!! Helped me a lot! But... if you add another field in your form, this could come to stop working because, the position of your filed could go from 14 to 15, lets say... A more stable solution would be picking the field by it's Name instead of it's position in the array. Is it possible?

[@vaishalisingh7264]

Hey, what if we want to capture two or more form fields simultaneously. Here we have captured only business type, lets assume we want to capture city as well? Please help

[@errajalok]

You can add the value as "city" in the variable as well.

[@RizwanYahya]

Thanks Julian, I need to track mysite searched keywords in google, i did the same as you mentioned above, its tracking keyword with event, but its not hitting additional fields, under more settings with a tag, i setup /page - /search?q={{varSearchKeyword}}, any idea how to make that work?

[@MeasureSchool]

I'm not really sure what you are trying to accomplish. Can you rephrase?

[@RizwanYahya]

i am sure you know we can track site search keyword under GA pasteboard.co/HCIRYCw.png we do not have formal parameter based search page, instead its post the form i want to track those search keywords via tag manger event, i did exactly what you explained in your video and event is working fine, Additionally i want to track keywords value under GA, for that i created additional field under same even in tag manager pasteboard.co/HCIUmRc.png but its not hitting this page field, so that google can track search keywords

[@raunaqsinghitchwicks]

Can the same work with an iFrame form where we have access?

[@errajalok]

Great video as usual. I have one query. What if I want to track the number of users searched for "any particular keyword" on the page and then click on the results shown in page. Do i need to setup two different tags, i.e. one for query parameter and other for event tracking (click link)? Take any ecommerce website as example.

[@nathanwise6973]

Great Video, helped a lot. I had an issue with the page redirecting so I was not able to look at the dataLayer like you did. So instead of looking up the gtm element. You can count the input variables in the HTML. The first input is 1.

[@salarshaikh1785]

Hey Julian, How can we track site search which is present on the website? Means the site search bar present on the website and what people search via site search bar through google tag manager.

[@MeasureSchool]

Depends on how your site search is working. Easiest would be to configure your site search inside of Google Analytics (there is a option for it in the admin settings)

[@kylerou]

Absolutely great video. Thank you for this tutorial!

[@cristinas.3130]

Thank you so much, you really helped me with this!

[@kalikagulve1612]

Hi Julian, Thanks for the informative video. Ive followed the same steps, however im not able to see the data for that perticular feild and its returning "" without any information in it. Do you know how to fix this?

[@MeasureSchool]

from what you've wrote I can't decipher what went wrong. Would need to look at the form as every form is different

[@jacobl]

Thanks for the video. I can see my form field value in the GTM Form Submit, under Variables (for example: '$ 35,621'). But in the tag itself (I use DoubleClick conversion floodlight), the value is populated as "undefined" - any ideas? I followed your instructions exactly. The only difference is that you placed the gtm.element.14.value in a GA event tag, and I - in a floodlight tag.

[@MeasureSchool]

could have different reasons, but my guess would be that you are firing the tag at a different time, than the variable get filled

[@jacobl]

MeasureSchool thank you. You were right. My trigger was page view (next page) and not form filled. Thanks again

[@ghanuthakur2527]

Sir.. I have seen the difference in browsers. In google chrome, it is showing that tag is fired for submission but not showing data layer variable values. But if i see same in firefox.. it shows all values for data layer variable but not showing form submission tag is fired. And if i submit form from firefox, then form tag does not fired and doesn't show in google analytics.. but in case of google chrome it fires and shows in google analytics. Please help me to solve this. Thank you!

[@asfandyarkhan6619]

What if there are checkbox options?

[@andretoldobr]

My form is tracked with the Element Visibility trigger and I just can't find the field value no dataLayer. Any ideas?

[@Yankzy]

Hi Julien, thanks for the great tutorial. How can you filter Google Analytics events by week, if I want to know how many times a tag fired for a specific week? Thanks in advance.

[@MeasureSchool]

use the date picker on the top

[@khusravsultanov7333]

Thanks a lot for the video. Great as always.

[@JaytheMarketer]

This is really helpful.

[@edabuyuk8076]

Hey Julian, my clients website does not use NinjaForms. No gtm.Formsubmit event happens when the form submits. Yet I would like to be able to track a couple of checkboxes in the form, is this still possible?

[@MeasureSchool]

yes, but if the form submit is not registered in the dataLayer, you will need to change your form or build a custom listener for that purpose. A workaround would also be to just track clicks on these checkboxes

[@edabuyuk8076]

@@MeasureSchool Hey Julian, I'm going to track on these checkboxes, as my clients developpers are quite difficult to reach. Is it possible to make sure that these clicks are only counted once per session? I wouldnt want to count re-clicks in the same session.

[@MeasureSchool]

Yes, with a bit of JavaScript you could set a cookie with that information and only send it once in a session. But the problem might be how to define a session. GA doesn't tell you when the session expires (this is calculated on the server side). I'd say your best bet is to build a custom listener, that reads the information of the checkboxes when the user clicks the final submit button. Then send it over all at once

[@mikebularz9019]

Hi guys, thank you for this informative video! I had looked at doing this before, and am wondering - how much information can I push without violating Google Analytics' privact policy / TOS?? Thank you

[@MeasureSchool]

not sure on this one... pushing to the dataLayer isn't something that is send to Google. It's on the client side in the web browser, so you should be fine to push anything you want.

[@tylerdevries]

Super helpful. Thanks!

[@amithemed4352]

Hey Julian , how can i create separate remarketing lists to every option in the form? I can use the value option and sendform as my trigger? Lets say for facebook. Thanks, great content as always

[@MeasureSchool]

for facebook you could utilize a custom parameter and use that to build your custom audience

[@Droneshotbd]

How can i track menu sub item in gtm

[@paulamourad4699]

Thank you so much!!! :)))

[@keerthitamil7900]

hi,i was feeling it is a great tutorial for me.I have one doubt that i didn't get gtm.element in console to track field.can you please tell how do i fix it.

[@MeasureSchool]

not sure. Gtm element is usually always in the dataLayer when using a form or click trigger

[@keerthitamil7900]

@@MeasureSchool yes..Thank you for an update.

[@rpkspeed94]

Grt content bro..! Keep inspiring..!

[@DMin-fj6ze]

Hi Julian, i try to find value in data layer but the value is not show (value=" ") how can i solve this ?? help me plz

[@MeasureSchool]

then it's probably not the right field

[@dinesh512512]

Thanks a lot for this great video

[@zygmaster]

Thanks mate

[@Ian-S.]

Aloha, and thanks for the awesome content, I've learned an absolute mountain from viewing and reviewing your videos. When attempting to request via dataLayer, I received a "dataLayer is not defined". However, this command functions correctlty: window.dataLayer = window.dataLayer || [];

[@joshmay9531]

I love you

[@MeasureSchool]

oh wow... strong words :-)