Design Note

Googleアナリティクストラッキングコード 第１世代から第五世代までの説明

目次

トラッキングゴードの世代

Googleアナリティクスができてから埋め込むトラッキングコードは多々変わってきました、
ページに埋め込まれているコードを確認すると、どの世代のものが利用されているかわかります。
埋め込んでいるものを間違えると、正しく計測ができないので要注意です。

第1世代：urchin.js

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
    _uacct = "UA-xxxxxx-x";
    urchinTracker();
</script></script>

第2世代：ga.js

<script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
    pageTracker._initData();
    pageTracker._trackPageview();
</script>

<script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    try {
        var pageTracker = _gat._getTracker("UA-xxxxxx-x");
        pageTracker._trackPageview();
    } catch (err) {}
</script>

第3世代：非同期トラッキングコード

 <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-xxxxxx-x']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
    })();
</script>

第4世代：ユニバーサルアナリティクス

<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-xxxxxx-x', 'xxxxxx.co.jp');
    ga('send', 'pageview');
</script>

第5世代：gtag.js

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments)
    };
    gtag('js', new Date());
    gtag('config', 'UA-xxxxxxxx-1');
</script>

・第５世代の違い

PV送信の方法
今までのトラッキングコードでは、ga(‘send’, ・・・) にてデータを送信してPVを計測していた。
しかし第５世代からは、基本データを送信して計測することとした。（まあそうですよね）

HEADタグ直下に指定する
とのこと。

他にもgtag.jsになって色々変わっている模様。