Google Analytics Code Explanation

Question

Can someone explain this code \'step by step\',\'line by line\'? I would like to learn more about Asynch code and how Google loads their script, how to \'hide\' javascrippt

Answer 1

The code is minified. Using http://jsbeautifier.org/ you can revert that (sort off) and make it a bit more readable. Basically It's a small function that adds another javascript (www.google-analytics.com/analytics.js) to the dom using the same protocol, http or https.

(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');