jQuery Suivi Google Analytics

Question

J'essaie d'utiliser jQuery pour suivre les téléchargements et autres événements sur la page Web. Il est difficile de déboguer cela. Le code ci-dessous ne fonctionne pas actuellement. Supposons que la bibliothèque jQuery est chargée sur la page et que toutes les XXXX sont remplacées par les informations correctes. Des idées? TRÈS APPRÉCIÉE!

<script type="text/javascript"> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-XXXXX']); 
    _gaq.push(['_setDomainName', 'XXXXX.com']); 
    _gaq.push(['_addIgnoredRef', 'XXXXX.com']); 
    _gaq.push(['_trackPageview']); 
    if (jQuery) { 
        jQuery(document).ready(function() { 
            jQuery('a').click(function() { 
                var $a = jQuery(this); 
                var href = ($a.attr('href')) ? $a.attr('href') : ''; 
                if ((href.match(/^http/i)) && (!href.match(document.domain))) { 
                    var category = 'outgoing - XXXX Landing'; 
                    var event = 'click - XXXX Landing'; 
                    _gaq.push(['_trackEvent', category, event, href]); 
                } else { 
                    if (href.match(/.(doc|pdf|xls|ppt|zip|txt|vsd|vxd|js|css|rar|exe|wma|mov|avi|wmv|mp3)$/i)) { 
                        var category = 'download - XXXX Landing'; 
                        var event = 'click - XXXX Landing'; 
                        _gaq.push(['_trackEvent', category, event, href]); 
                    } else { 
                        if (href.match(/^mailto:/i)) { 
                            var category = 'mailto - XXXX Landing'; 
                            var event = 'click - XXXX Landing'; 
                            _gaq.push(['_trackEvent', category, event, href]); 
                        } 
                    } 
                } 
            }); 
        }); 
    } 

    (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'; 
        if ('http:' == document.location.protocol) { 
            ga.src = 'http://www.google-analytics.com/ga.js'; 
        } else { 
            ga.src = 'https://ssl.google-analytics.com/ga.js'; 
        } 
        var s = document.getElementsByTagName('script')[0]; 
        s.parentNode.insertBefore(ga, s); 
    })(); 
</script> 

Answer 1

Google Analytics a suivi des événements construit en

Par exemple, si vous essayez de suivre un téléchargement de fichier que vous pouvez faire quelque chose comme ça -

HTML.

<a href="sample.pdf" class="download">Click to download.</a> 

JS:

$("a.download").click(function() { 
    _gaq.push(['_trackEvent', 'Files', 'Downloaded']) 
}); 

Voici le Event Tracking Guide officiel de Google. Le guide vous expliquera tout en beaucoup plus de détails pour vous.

Answer 2

J'utiliserais probablement $ .getScript pour télécharger et appliquer le code GA sur le DOM plutôt que le contenu long qu'ils vous donneraient comme standard. Vous aurez également besoin de cela dans le DOM avant d'exécuter les trucs où vous définissez le code de suivi, le domaine etc ou _gaq ne fera rien.