Ad
How Can I Fire GTM Tags Before Redirecting?
I have a blank page with Google Tag Manager and a javascript redirect. The idea is that the user will pass through this page, the GTM tags will fire, and then they will be redirected.
The problem I'm having is that despite using DOMContentLoaded, the tags don't seem to fire in time. They do fire if I remove the redirect.
My code looks like this:
<html>
<head>
<meta name="robots" content="noindex" />
<title>
<%= @destination %>
</title>
<%= @head_tags |> raw %>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPHDQF4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
document.addEventListener("DOMContentLoaded", function(event) {
window.location.href = "<%= @destination %>";
});
</script>
</body>
</html>
How can I wait until GTM tags have fired before redirecting?
Ad
Answer
GTM supports callbacks for tag firing so you might just push a redirect into callback. here's an example https://www.simoahava.com/gtm-tips/hitcallback-eventcallback/
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad