Skip to content

Instantly share code, notes, and snippets.

@colingourlay

colingourlay/idle-analytics.js

Created September 7, 2016 07:41
Show Gist options
  • Star 12 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save colingourlay/568aa7d4511864f095694d3f3554ddd8 to your computer and use it in GitHub Desktop.
Save colingourlay/568aa7d4511864f095694d3f3554ddd8 to your computer and use it in GitHub Desktop.
Download ZIP
Defer the standard Google Analytics script until the page is idle, in supported browsers.
Raw
idle-analytics.js
(function(x,y,z){(x[y]&&x[y](z))||z()})(window,'requestIdleCallback',function(){
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-X', 'auto');
ga('send', 'pageview');
});
@colingourlay
Copy link
Author

This small snippet wraps the boilerplate Google Analytics snippet with a function that makes use of window.requestIdleCallback to defer its execution until your page has loaded and is idle. This is progressive enhancement, so browsers that don't support requestIdleCallback will just execute it immediately.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment