Multi page form doesn't track abandonment properly when page reloads in google tag manager
Multi page form doesn't track abandonment properly when page reloads
Hi
I have been using the GTM technique detailed by Simo Ahava to track form abandonment and the event is being returned to GA but not correctly.
The 3rd party form I am tracking is multipage and you click submit input buttons to move to each new page. This submit button is triggering the form abandonment event even though I am on the same form and have not finished it yet.
The form action points to the page itself and so the page url never changes, even on the thank you page.
How can configure GTM to ignore these submissions/ reloads and only fire the abandonment when the browser window is closed?
https://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/
simo #abandonment #fromtracking¢
javascript forms google-tag-manager
add a comment |
Multi page form doesn't track abandonment properly when page reloads
Hi
I have been using the GTM technique detailed by Simo Ahava to track form abandonment and the event is being returned to GA but not correctly.
The 3rd party form I am tracking is multipage and you click submit input buttons to move to each new page. This submit button is triggering the form abandonment event even though I am on the same form and have not finished it yet.
The form action points to the page itself and so the page url never changes, even on the thank you page.
How can configure GTM to ignore these submissions/ reloads and only fire the abandonment when the browser window is closed?
https://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/
simo #abandonment #fromtracking¢
javascript forms google-tag-manager
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.
– Kyle
Nov 13 '18 at 20:24
add a comment |
Multi page form doesn't track abandonment properly when page reloads
Hi
I have been using the GTM technique detailed by Simo Ahava to track form abandonment and the event is being returned to GA but not correctly.
The 3rd party form I am tracking is multipage and you click submit input buttons to move to each new page. This submit button is triggering the form abandonment event even though I am on the same form and have not finished it yet.
The form action points to the page itself and so the page url never changes, even on the thank you page.
How can configure GTM to ignore these submissions/ reloads and only fire the abandonment when the browser window is closed?
https://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/
simo #abandonment #fromtracking¢
javascript forms google-tag-manager
Multi page form doesn't track abandonment properly when page reloads
Hi
I have been using the GTM technique detailed by Simo Ahava to track form abandonment and the event is being returned to GA but not correctly.
The 3rd party form I am tracking is multipage and you click submit input buttons to move to each new page. This submit button is triggering the form abandonment event even though I am on the same form and have not finished it yet.
The form action points to the page itself and so the page url never changes, even on the thank you page.
How can configure GTM to ignore these submissions/ reloads and only fire the abandonment when the browser window is closed?
https://www.simoahava.com/analytics/track-form-abandonment-with-google-tag-manager/
simo #abandonment #fromtracking¢
javascript forms google-tag-manager
javascript forms google-tag-manager
asked Nov 13 '18 at 20:20
user2978728user2978728
33
33
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.
– Kyle
Nov 13 '18 at 20:24
add a comment |
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.
– Kyle
Nov 13 '18 at 20:24
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );
. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.– Kyle
Nov 13 '18 at 20:24
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );
. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.– Kyle
Nov 13 '18 at 20:24
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53288898%2fmulti-page-form-doesnt-track-abandonment-properly-when-page-reloads-in-google-t%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53288898%2fmulti-page-form-doesnt-track-abandonment-properly-when-page-reloads-in-google-t%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I think you need to update the code here: ` window.addEventListener('beforeunload', function() if (!checkSubmit()) window.dataLayer.push( 'event' : 'formAbandonment', 'eventCategory' : 'Form Abandonment', 'eventAction' : eventAction ); );
. This code is a specific browser event for when the page is about to unload its resources, maybe you can update the
if` condition here to perform a check better suited for your form.– Kyle
Nov 13 '18 at 20:24