Advanced Form Tracking in Google Tag Manager
-
Upload
simo-ahava -
Category
Internet
-
view
2.460 -
download
3
description
Transcript of Advanced Form Tracking in Google Tag Manager
![Page 1: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/1.jpg)
NB
Advanced Form TrackingGoogle Tag Manager
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 3: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/3.jpg)
NB3
What’s the point?
![Page 4: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/4.jpg)
NB4
Why track forms?
Form engagement is rarely tracked together with web traffic
Session start
Session includes /thankyou/ page
Session does not include /thankyou/ page
?
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 5: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/5.jpg)
NB5
Why track forms?
Track forms to reveal the conversion-killing monsters…
Session start
Session includes /thankyou/ page
Session does not include /thankyou/ page
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 6: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/6.jpg)
NB6
Why track forms?
…and to find opportunities to optimize the entire online experience
Session start
Session includes /thankyou/ page
Session does not include /thankyou/ page
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 7: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/7.jpg)
NB7
For many websites, a web form is central to identifying and optimizing engagement goals!
Why track forms?
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 8: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/8.jpg)
NB8
Because agility is incredibly important to web analytics
Why track forms with Google Tag Manager?
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 9: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/9.jpg)
NB9
Because a complex development process is detrimental to analytics and to capturing the subtleties of engagement
Why track forms with Google Tag Manager?
X29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 10: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/10.jpg)
NB10
Because Google Tag Manager leverages a number of JavaScript APIs that help you track engagement on your site
Why track forms with Google Tag Manager?
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 11: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/11.jpg)
NB11
What is the biggest challenge here?
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 12: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/12.jpg)
NB12
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegation
GTM’s form submit handler
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 13: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/13.jpg)
NB13
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 14: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/14.jpg)
NB14
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 15: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/15.jpg)
NB15
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 16: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/16.jpg)
NB16
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 17: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/17.jpg)
NB17
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 18: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/18.jpg)
NB18
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
JS
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 19: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/19.jpg)
NB19
What is the biggest challenge here?
HTML
HEAD
BODY
ARTICLE
DIV
DIV
FORM
Event delegationsubmit()
GTM
JS
X
X
X
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 20: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/20.jpg)
NB20
Is engagement page- or session-scoped? If the user returns to the form later in the session, is it an overall
success, or one abandonment and one completion? Just what events should you track?
submit blur focus change unload
Just what elements should you track? What are relevant fields? Should you track validation errors? Should you track for funnels or unique goals? Look out for PII!
Other challenges
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 21: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/21.jpg)
NB21
Tracking forms with Google Tag Manager
![Page 22: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/22.jpg)
NB22
Step 1: Initiate a Form Submit Listener
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 23: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/23.jpg)
NB23
Step 1: Initiate a Form Submit Listener
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 24: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/24.jpg)
NB24
Step 1: Initiate a Form Submit Listener
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 25: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/25.jpg)
NB25
Step 1: Initiate a Form Submit Listener
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 26: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/26.jpg)
NB26
Step 2: Create tag(s) to collect submit events
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 27: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/27.jpg)
NB27
Step 2: Create tag(s) to collect submit events
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 28: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/28.jpg)
NB28
Step 2: Create tag(s) to collect submit events
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 29: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/29.jpg)
NB29
Step 2: Create tag(s) to collect submit events
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 30: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/30.jpg)
NB30
Step 2: Create tag(s) to collect submit events
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 31: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/31.jpg)
NB31
Step 3: Use macros to parse form fields
{{field value}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
PII ALERT!
![Page 32: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/32.jpg)
NB32
Step 3: Use macros to parse form fields
{{selected option}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 33: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/33.jpg)
NB33
Step 3: Use macros to parse form fields
{{checked button}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 34: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/34.jpg)
NB34
Step 3: Use macros to parse form fields
{{string of checked buttons}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 35: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/35.jpg)
NB35
Step 3: Use macros to parse form fields
{{array of checked buttons}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 36: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/36.jpg)
NB36
Step 4: Create your own listeners
{{generic event handler}}Macro Type: Custom JavaScriptCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 37: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/37.jpg)
NB37
Step 4: Create your own listeners
Custom HTML TagCode:
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 38: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/38.jpg)
NB38
Summary and further reading
![Page 39: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/39.jpg)
NB39
Why track forms?
To create a story
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 40: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/40.jpg)
NB40
Why track forms?
To create a storyTo complete a story
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 41: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/41.jpg)
NB41
Why track forms?
To create a storyTo complete a storyTo recognize a story
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 42: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/42.jpg)
NB42
Further reading
www.simoahava.com/analytics/form-tracking-google-tag-manager/
www.simoahava.com/analytics/custom-event-listeners-gtm/
www.simoahava.com/analytics/dont-gtm-listeners-work/
29 Oct 2014 | Conversion Conference, London | @SimoAhava
![Page 43: Advanced Form Tracking in Google Tag Manager](https://reader036.fdocuments.us/reader036/viewer/2022062313/557d5ba3d8b42ae1438b4b0a/html5/thumbnails/43.jpg)
NB43
Further reading
www.simoahava.com/analytics/form-tracking-google-tag-manager/
www.simoahava.com/analytics/custom-event-listeners-gtm/
www.simoahava.com/analytics/dont-gtm-listeners-work/
THANK YOU!
29 Oct 2014 | Conversion Conference, London | @SimoAhava