Skip to content

Instantly share code, notes, and snippets.

@nateberkopec

nateberkopec/0.result.md

Forked from tomfuertes/0.result.md
Last active January 18, 2024 11:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nateberkopec/a43f3e29d9583df33406 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nateberkopec/a43f3e29d9583df33406 to your computer and use it in GitHub Desktop.
Download ZIP
De-'Async Inject'ing Universal Analytics
Raw
0.result.md

De-'Async Inject' Universal Analytics

By now I'm sure we've all read and thought about Ilya Grigorik's Script-injected "async scripts" considered harmful. This post walks through a synthesis of that information on the default Universal Analytics snippet:

<!-- Google Analytics -->
<script>
  (function(e,t){e.GoogleAnalyticsObject=t;e[t]=e[t]||function(){
     (e[t].q=e[t].q||[]).push(arguments)};e[t].l=1*new Date})(t,"ga");
  ga('create', 'UA-XXXX-Y'); // REPLACE UA-XXXX-Y w/ YOUR ACCOUNT
  ga('send', 'pageview');
</script>
<script async src='//www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->
Raw
1.default.html
<!-- Google Analytics -->
<script>
(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-XXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Raw
2.jsniced.html
<!-- Google Analytics -->
<script>
(function(window, document, strScript, url, variableName, scriptElement, firstScript) {
window['GoogleAnalyticsObject'] = variableName;
window[variableName] = window[variableName] || function() {
(window[variableName].q = window[variableName].q || []).push(arguments);
};
window[variableName].l = 1 * new Date();
scriptElement = document.createElement(strScript),
firstScript = document.getElementsByTagName(strScript)[0];
scriptElement.async = 1;
scriptElement.src = url;
firstScript.parentNode.insertBefore(scriptElement, firstScript)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXX-Y');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Raw
3.refactored.html
<!-- Google Analytics -->
<script>
(function(window, variableName) {
window.GoogleAnalyticsObject = variableName;
window[variableName] = window[variableName] || function() {
(window[variableName].q = window[variableName].q || []).push(arguments);
};
window[variableName].l = 1 * new Date();
})(window, 'ga');
ga('create', 'UA-XXXX-Y');
ga('send', 'pageview');
</script>
<script async src='//www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment