Question

我想跟踪某个网站页面上的onclick按钮，在检查是否存在Cookie之后会通过该条件。

非常简单但哪种语法效果最好？

我已经研究过GA事件跟踪语法的ga和gaq_push前缀，并且（如果我错了，请原谅我），但它们看起来非常相似？

_gaq.push

<script type="text/javascript">
jQuery(document).ready(function () {
    if (jQuery.cookie('entry_winagrand_cookie') !== null) {
        jQuery('notregisterbtn').on('click', function () {
            _gaq.push(['_trackEvent', 'QR_Win_A_Grand', 'Clicked through to Register']);
        });
    }
});
</script>

ga

<script type="text/javascript">
jQuery(document).ready(function () {
     if (jQuery.cookie('entry_winagrand_cookie') !== null) {
         jQuery('notregisterbtn').on('click', function () {
             ga('send', 'event', 'button', 'click', 'QR_Win_A_Grand', 'Clicked_through_to_register');
         });
     }
});
</script>

Answer 1

如果使用ga.js（“传统”异步代码），则必须使用_gaq.push。如果您使用analytics.js，则需要使用ga发送。这些方法不可互换，它们属于两种不同版本的Google Analytics跟踪代码。

到目前为止（2017年）有一个新的代码版本（gtag.js），所以如果你使用它，你既不使用ga也不使用_gaq.push，而是跟随the migration guidelines来您的代码最新版本（或您非常明智地开始使用Google跟踪代码管理器）。

Answer 2

如果您的网站上同时运行了analytics.js和ga.js，这在analytics.js处于测试阶段时是推荐的，那么您可以同时运行两者，但我会将它们合并到notregisterbtn函数中，如下所示： / p>

    <script type="text/javascript">
    jQuery(document).ready(function () {
        if (jQuery.cookie('entry_winagrand_cookie') !== null) {
            jQuery('notregisterbtn').on('click', function () {
                //you should first check if ga is set
                if (typeof ga !== 'undefined') {
                    ga('send', 'event', 'QR_Win_A_Grand', 'Clicked_through_to_register');
                 }
                //check if _gaq is set too
                if (typeof _gaq !== 'undefined') {
                    _gaq.push(['_trackEvent', 'QR_Win_A_Grand', 'Clicked through to Register']);
                }
             });
        }
    });
    </script>

Answer 3

如果您需要跟踪不同的事件，我会创建一个函数，这样您的代码就会更清晰。

analytics.js

ga.js

function TrackEventGA(Category, Action, Label, Value) {
    "use strict";
    if (typeof (_gaq) !== "undefined") {
        _gaq.push(['_trackEvent', Category, Action, Label, Value]);
    } else if (typeof (ga) !== "undefined") {
        ga('send', 'event', Category, Action, Label, Value);
    }
}
TrackEventGA('QR_Win_A_Grand', 'Clicked_through_to_register');

Answer 4

这是我在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-77777777-2', 'auto');
    ga('send', 'pageview');
</script>

要跟踪Backbone.js中的其他页面，我将此代码放在每个Backbone.js View脚本中：

ga('send', 'pageview', myUrl);

Answer 5

/* universal event tracking */
function trackEventTag(category, action, opt_label) {
    /* analytics.js send event */
    ga('send', 'event', { 'eventCategory': category, 'eventAction': action, 'eventLabel': opt_label });
    /* add delay or additional tracking here */
    return true;
}
/* send ga.js _gaq.push() events to universal tracker */
var _gaq = window._gaq || {
    push: function (ar) {
        if (ar && ar.constructor === Array && 0 in ar) {
            if (ar[0] == '_trackEvent') {
                var category = 1 in ar ? ar[1] : null, action = 2 in ar ? ar[2] : null, opt_label = 3 in ar ? ar[3] : null;
                return trackEventTag(category, action, opt_label);
            }
            /* test for others you want to translate here */
        }
        return true;
    }
};

ga或_gaq.push用于Google Analytics事件跟踪？

5 个答案: