Track Form Field Data with Google Tag Manager

Подписаться 182 тыс.

Просмотров 55 тыс.

50% 1

Form submissions are the best way to gather information from your website users and visitors. All information we can get will surely help us with segmentation, retargeting, and analyzing customer groups and preferences. In today’s video, I will teach you one technique to extract data from a form field and forward it to Google Analytics, Google Tag Manager, and Facebook Pixel.
OUTLINE:
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
#DataExtraction
#FormSubmissions
#TrackingTools
🔗 Links:
📄 Read this Video’s Guide: measureschool.com/form-field-...
Form Tracking with GTM: • 3 Form Tracking Techni...
🎓 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

Наука

Опубликовано:

24 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 62

@MeasureSchool 4 года назад

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 4 года назад

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

@FPSGamer222 3 года назад

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

@abhishekdas149 5 лет назад

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

@jenyamikhaylovaleite3489 5 лет назад

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

@kylerou 5 лет назад

Absolutely great video. Thank you for this tutorial!

@cristinas.3130 4 года назад

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

@khusravsultanov7333 5 лет назад

Thanks a lot for the video. Great as always.

@yanivbenbassat2824 4 года назад

Thank you! Great video.

@tylerdevries 5 лет назад

Super helpful. Thanks!

@nathanwise6973 3 года назад

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.

@rpkspeed94 5 лет назад

Grt content bro..! Keep inspiring..!

@dinesh512512 5 лет назад

Thanks a lot for this great video

@paulamourad4699 4 года назад

Thank you so much!!! :)))

@JaytheMarketer 4 года назад

This is really helpful.

@guillermoromo268 3 года назад

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?

3 года назад

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 ?

@zygmaster 5 лет назад

Thanks mate

@Ian-S. 5 лет назад

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 || [];

@errajalok 3 года назад

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.

@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 )?

@edgarrolla6748 2 года назад

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?

@terryfox6881 4 года назад

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.

@edabuyuk8076 5 лет назад

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 4 года назад

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

@RebeccaCaldwell 2 года назад

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

@vaishalisingh7264 4 года назад

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

@AnjumBhat Год назад

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

@ghanuthakur2527 4 года назад

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!

@andretoldobr 4 года назад

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

@RizwanYahya 5 лет назад

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 5 лет назад

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

@RizwanYahya 5 лет назад

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 3 года назад

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

@Yankzy 5 лет назад

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 5 лет назад

use the date picker on the top

@kalikagulve1612 4 года назад

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 4 года назад

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

@vaishalisingh7264 4 года назад

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 3 года назад

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

@jacobl 4 года назад

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 4 года назад

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 4 года назад

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

@salarshaikh1785 5 лет назад

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 5 лет назад

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)

@amithemed4352 5 лет назад

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 5 лет назад

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

@mikebularz9019 5 лет назад

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 5 лет назад

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.

@asfandyarkhan6619 2 дня назад

What if there are checkbox options?

@edabuyuk8076 5 лет назад

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 5 лет назад

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 5 лет назад

@@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 5 лет назад

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

@Droneshotbd 3 года назад

How can i track menu sub item in gtm

@DMin-fj6ze 5 лет назад

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 5 лет назад

then it's probably not the right field

@keerthitamil7900 3 года назад

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 3 года назад

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

@keerthitamil7900 3 года назад

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