Lazyload On Scroll Script Google Analytics 4

Posted by Yanuar Zhaldy Gemilang Addson at March 02, 2025

0

"Lazy loading Google Analytics ensures faster page loads. Start tracking user interactions effectively without compromising performance."

Details

This code implements lazy loading for Google Analytics, loading the tracking script only when the user starts scrolling the page. Benefits are Improves page load performance by delaying the script until user interaction, and Ensures efficient tracking without redundant script loading

Code

JavaScript

var LazyAnalytics=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===LazyAnalytics||0!=document.body.scrollTop&&false===LazyAnalytics)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),LazyAnalytics=true)},true);
      window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}
      gtag('js',new Date());gtag('config','G-XXXXXX');