<Link rel="preload" href="https://www.googletagmanager.com/gtm.js?id={id}" as="script" crossorigin> <script> document.addEventListener('DOMContentLoaded', () => { setTimeout(initGTM,

Question

<Link rel="preload" href="https://www.googletagmanager.com/gtm.js?id={id}" as="script" crossorigin> <script> document.addEventListener('DOMContentLoaded', () => { setTimeout(initGTM,

3500);
});
document.addEventListener('scroll', initGTMOnEvent);
document.addEventListener('mousemove', initGTMOnEvent);
document.addEventListener('touchstart', initGTMOnEvent);

function initGTMOnEvent (event) {
initGTM();
event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered
}

function initGTM () {
if (window.gtmDidInit) {
return false;
}
window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.
const script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.onload = () => { dataLayer.push({ event: 'gtm.js', 'gtm.start': (new Date()).getTime(), 'gtm.uniqueEventId': 0 }); }
script.src = 'https://www.googletagmanager.com/gtm.js?id={id}';

document.head.appendChild(script);
}</script>