I would like to track an onclick
of a button on a page on a site, after a condition is passed checking if a cookie is present.
Very simple but which syntax would work best?
I have researched the ga
and gaq_push
prefix of the GA event tracking syntax and (forgive me if I'm wrong) but they seem pretty similar?
_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>
If you use ga.js ("traditional" asynchronous code) you have to use _gaq.push. If you use analytics.js you need to use ga send. The methods are not interchangeable, they belong to two different versions of the Google Analytics tracking code.
By now (2017) there is a new code version (gtag.js), so if you are using that you use neither ga
nor _gaq.push
but instead follow the migration guidelines to bring your code up to the latest version (or you quite sensibly start to use Google Tag Manager).