11523 sujets

JavaScript, DOM et API Web HTML5

Bonsoir,

je sèche sur un script JS dont le but est de traquer un évènement concernant une page vue virtuelle...

Avec l'utilisation de ga.js, ça fonctionne et j'obtiens bien la prise en compte de mon clic dans les stats de Google Analytics :

<input type="button" name="button_devisenvoye" id="button_devisenvoye" value="Envoyer" onClick="pageTracker._trackPageview('/devis/devisenvoye/'); alert('Go');">


<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-12345678-2");
pageTracker._initData();
pageTracker._trackPageview('/devis/devisenvoye/');
</script>


Avec l'utilisation de analytics.js, mon clic sur le bouton du formulaire ne donne rien, même pas d'erreur.

<input type="button" name="button_devisenvoye" id="button_devisenvoye" value="Envoyer" onClick="alert('Go');">


<script type="text/javascript">// <![CDATA[
   var telechargementA = document.getElementById('button_devisenvoye');

addListener(telechargementA, 'click', function() {
        ga('send', 'event', 'button', 'click', 'nav-buttons');
    });
    
function addListener(element, type, callback) {
 if (element.addEventListener) element.addEventListener(type, callback);
 else if (element.attachEvent) element.attachEvent('on' + type, callback);
} 
// ]]></script>

<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-12345678-2', 'auto');
  ga('require', 'linkid', 'linkid.js');
  ga('send', 'pageview');

</script>