{"id":103569,"date":"2025-02-22T15:12:15","date_gmt":"2025-02-22T15:12:15","guid":{"rendered":"https:\/\/peraltafinancing.com\/analytics\/gtmtips-prevent-clicks-and-form-submits-from-redirecting\/"},"modified":"2025-02-22T15:12:15","modified_gmt":"2025-02-22T15:12:15","slug":"gtmtips-prevent-clicks-and-form-submits-from-redirecting","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=103569","title":{"rendered":"#GTMTips: Prevent Clicks And Form Submits From Redirecting"},"content":{"rendered":"


\n<\/p>\n

\n

Google Tag Manager<\/a> offers us some nice built-in triggers<\/a> so that we can automatically listen for specific user interactions on the website, reacting to them however we wish, though typically it would be to fire a tag. The tricky thing especially with the click triggers and form submission tracking<\/a> is that the page has a nasty habit of redirecting you to the link or form target page before letting you see the respective data in Google Tag Manager\u2019s excellent preview mode.<\/p>\n

There are many solutions to this issue, and I want to share some of them in this #GTMTips<\/a> article.<\/p>\n


\n X<\/span><\/p>\n

\n
\n The Simmer Newsletter<\/strong>\n <\/p>\n

\n Subscribe to the Simmer newsletter<\/a> to get the latest news and content from Simo Ahava into your email inbox!\n <\/p>\n

<\/span><\/p>\n

Tip 89: Prevent click and form redirects from messing with Preview mode use<\/h2>\n
\n

<\/p>\n

\"Prevent<\/p>\n

<\/a><\/p>\n<\/div>\n

So, let\u2019s go over some solutions to this popular problem.<\/p>\n

The silly ESC key trick<\/h3>\n

I first want to share you the easiest and also the silliest (and many times not at all effective) workaround. Just try to press the ESC<\/strong> key in your keyboard before the page has time to redirect you. This often halts the process, letting you stay on the current page.<\/p>\n

Why is this silly? Because first of all, it\u2019s one of those things you sometimes end up doing 20 times in a row, not getting it right, and then thinking there must be more to life than this.<\/p>\n

Also, if the redirect is handled in a custom way not related to the actual browser click<\/code> or submit<\/code> events, pressing the ESC key won\u2019t even help.<\/p>\n

1. CMD\/CTRL + Click<\/h3>\n

This is typically the easiest way to handle the redirect problem. It\u2019s also very simple.<\/p>\n

Instead of just clicking the link or the submit button, simply hold down the CMD key (OS X) or the CTRL key (Windows) and press the left mouse button as you normally would.<\/p>\n

This key combination automatically opens a new tab where the redirect is handled. Thus, the old tab is left on the page where the click happened, allowing you to inspect the Preview mode result without interruption.<\/p>\n

This won\u2019t work, again, if the redirect is handled with custom code not related to the actual click<\/code> or submit<\/code> browser events. This is quite typical especially with forms, but with most link click events this should work pretty nicely.<\/p>\n

2. Custom beforeunload<\/code> script<\/h3>\n

This solution should work with all redirects regardless of how they\u2019re implemented. The trick is to add an event listener to the beforeunload<\/code><\/a> browser, opening a prompt that asks if you really want to leave the current page. You can then press \u201cCancel\u201d (or equivalent) to stay on the current page to see what the browser event wrote into dataLayer<\/code>. To do this, you need to open the JavaScript console<\/a> in the browser and copy-paste the following code, pressing enter when done:<\/p>\n

\n
window<\/span>.addEventListener('beforeunload'<\/span>, function<\/span>(e) {\n  e.preventDefault();\n  e.returnValue = ''<\/span>;\n});\n<\/code><\/pre>\n<\/div>\n
Now when submitting the form or clicking a link, a prompt should pop up and you can press Cancel to see the Preview mode output.<\/p>\n
\n
    <\/p>\n
    \"Cancel<\/p>\n
    <\/a><\/p>\n<\/div>\n
3. Automatically pause page upon a beforeunload<\/code> event<\/h3>\n
Using Google Chrome\u2019s amazing DevTools<\/a>, you can actually have the page pause in the debugger when a beforeunload<\/code> event is dispatched.<\/p>\n
It doesn\u2019t let you interact with Preview mode (because that would require the page to un-pause), but you can use the JavaScript console, exploring the dataLayer<\/code> object there.<\/p>\n
To do it, you need to open DevTools, select the Sources<\/strong> tab, scroll down the Event Listener Breakpoints<\/strong>, expand Load<\/strong>, and check the box next to beforeunload<\/code>.<\/p>\n
\n
    <\/p>\n
    \"Event<\/p>\n
    <\/a><\/p>\n<\/div>\n
Once you\u2019ve done this, when you try to submit a form or click a link, the page will pause with a grey overlay, and you can then interact with the JavaScript console:<\/p>\n
\n
    <\/p>\n
    \"Paused<\/p>\n
    <\/a><\/p>\n<\/div>\n
It\u2019s not as nice as the previous tip, because you can\u2019t interact with Preview mode.<\/p>\n
Bonus tip: use a browser extension<\/h3>\n
Personally, I prefer using a browser extension to keep a record of what\u2019s stored in dataLayer<\/code>. No, it\u2019s not the same as using Preview mode, but it does let me access all the information that was pushed into dataLayer<\/code>.<\/p>\n
My personal favorite is dataslayer<\/a> simply out of habit, but there are other really nice extensions out there that give you even more functionality:<\/p>\n
    \n
  1. \n
    Data Layer Inspector+<\/a><\/p>\n<\/li>\n
  2. \n
    GTM Debug<\/a><\/p>\n<\/li>\n
  3. \n
    WASP.inspector<\/a><\/p>\n<\/li>\n<\/ol>\n
    \n
        <\/p>\n
        \"dataslayer\"\/<\/p>\n
        <\/a><\/p>\n<\/div>\n
    Summary<\/h2>\n
    Do you have other tips to add to the list?<\/p>\n
    As I wrote above, my personal preference is using a browser extension, because they usually come packed with other goodies as well. However, GTM\u2019s Preview mode is not something to ignore, so if you really want to preserve its usefulness on the current page, then leveraging the beforeunload<\/code> event might be the way to go (if the click or ESC tricks don\u2019t work).<\/p>\n
    I hope that some day GTM introduces persistence to the Preview mode data, storing history to browser storage so that you could see the full content of Preview mode visited on previous pages, too!<\/p>\n<\/p><\/div>\n\n","protected":false},"excerpt":{"rendered":"
    Google Tag Manager offers us some nice built-in triggers so that we can automatically listen for specific user interactions on the website, reacting to them however we wish, though typically it would be to fire a tag. The tricky thing especially with the click triggers and form submission tracking is that the page has a […]<\/p>\n","protected":false},"author":1,"featured_media":103571,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12033],"tags":[16032,10122,14492,16371,47719,47718],"dealstore":[],"offerexpiration":[],"class_list":["post-103569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-analytics","tag-clicks","tag-form","tag-gtmtips","tag-prevent","tag-redirecting","tag-submits"],"yoast_head":"\n#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=103569\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"Google Tag Manager offers us some nice built-in triggers so that we can automatically listen for specific user interactions on the website, reacting to them however we wish, though typically it would be to fire a tag. The tricky thing especially with the click triggers and form submission tracking is that the page has a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=103569\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-22T15:12:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=103569#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"#GTMTips: Prevent Clicks And Form Submits From Redirecting\",\"datePublished\":\"2025-02-22T15:12:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569\"},\"wordCount\":827,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg\",\"keywords\":[\"Clicks\",\"Form\",\"GTMTips\",\"Prevent\",\"Redirecting\",\"Submits\"],\"articleSection\":[\"Analytics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=103569#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=103569\",\"url\":\"https:\/\/fivemor.com\/?p=103569\",\"name\":\"#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg\",\"datePublished\":\"2025-02-22T15:12:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=103569#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=103569\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=103569#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=103569#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"#GTMTips: Prevent Clicks And Form Submits From Redirecting\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fivemor.com\/?p=103569","og_locale":"en_US","og_type":"article","og_title":"#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network","og_description":"Google Tag Manager offers us some nice built-in triggers so that we can automatically listen for specific user interactions on the website, reacting to them however we wish, though typically it would be to fire a tag. The tricky thing especially with the click triggers and form submission tracking is that the page has a […]","og_url":"https:\/\/fivemor.com\/?p=103569","og_site_name":"Som2ny Network","article_published_time":"2025-02-22T15:12:15+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=103569#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=103569"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"#GTMTips: Prevent Clicks And Form Submits From Redirecting","datePublished":"2025-02-22T15:12:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=103569"},"wordCount":827,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=103569#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg","keywords":["Clicks","Form","GTMTips","Prevent","Redirecting","Submits"],"articleSection":["Analytics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=103569#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=103569","url":"https:\/\/fivemor.com\/?p=103569","name":"#GTMTips: Prevent Clicks And Form Submits From Redirecting - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=103569#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=103569#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg","datePublished":"2025-02-22T15:12:15+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=103569#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=103569"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=103569#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/02\/prevent-click-form-from-redirect.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=103569#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"#GTMTips: Prevent Clicks And Form Submits From Redirecting"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/103569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103569"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/103569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/103571"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=103569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=103569"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=103569"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=103569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}