mise en place track event

Nouveau WRInaute
Bonjour à tous.

Su mon blog j'ai deux boutons qui me permettent d'accéder à la boutique et je me demande celui qui "Convertit le plus."

J'aimerai donc mettre en place un tracking pour étudier le tx clic de chaque, et le évolution.
Je suis sous analytics.js

Quelqu'un pourrais t il me dire si c'est correct:

Code:
<a href="http://www.exemple.tld/" id="button_visit_article">
  <img src="bouton.gif"/>
</a>

[...]

<a href="http://www.exemple.tld/" id="button_visit_sidebar">
	<div style="display:block;width:240px; height:150px;"></div>    
</a>		

[...]

<script type="text/javascript">
var downloadLink = document.getElementById('button_visit_sidebar');
addListener(downloadLink, 'click', function() {
  ga('send', 'event', 'button', 'click', 'button_visit_sidebar');
});
var downloadLink = document.getElementById('button_visit_article');
addListener(downloadLink, 'click', function() {
  ga('send', 'event', 'button', 'click', 'button_visit_article');
});
</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-99999999-9', 'exemple.tld');
  ga('send', 'pageview');
</script>

Merci
 
WRInaute passionné
Ca ne semble pas être le code standard. Le mieux, le plus simple et le plus rapide, ce ne serait pas que tu testes ?
 
Nouveau WRInaute
Axiso a dit:
Ca ne semble pas être le code standard. Le mieux, le plus simple et le plus rapide, ce ne serait pas que tu testes ?
Quel est le code standard? (avec analyitcs.js pas Ga.js)

Car je me suis inspiré de ceci (https://developers.google.com/analytics/devguides/collection/analyticsjs/events)

P.s: oui c'est en test mais ca ne semble pas fonctionner
 
Nouveau WRInaute
Ah oui effectivement.

Je viens donc de retester en rajouter la fonction add listener:

Code:
    <a href="http://www.exemple.tld/" id="button_visit_article">
      <img src="bouton.gif"/>
    </a>

    [...]

    <a href="http://www.exemple.tld/" id="button_visit_sidebar">
       <div style="display:block;width:240px; height:150px;"></div>   
    </a>      

    [...]

    <script type="text/javascript">
    var downloadLink = document.getElementById('button_visit_sidebar');
    addListener(downloadLink, 'click', function() {
      ga('send', 'event', 'button', 'click', 'button_visit_sidebar');
    });
    var downloadLink = document.getElementById('button_visit_article');
    addListener(downloadLink, 'click', function() {
      ga('send', 'event', 'button', 'click', 'button_visit_article');
    });
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-99999999-9', 'exemple.tld');
      ga('send', 'pageview');
    </script>
 
WRInaute passionné
Le lecteur saura donc la fin de l'histoire et si cela fonctionne en achetant le prochain tome de la collection, à paraître ... un jour :)
 
Nouveau WRInaute
Nan là réponse....
ici..
tout suite.

Cela fonctionne avec le code:
Code:
        <a href="http://www.exemple.tld/" id="button_visit_article">
          <img src="bouton.gif"/>
        </a>

        [...]

        <a href="http://www.exemple.tld/" id="button_visit_sidebar">
           <div style="display:block;width:240px; height:150px;"></div>   
        </a>     

        [...]

        <script type="text/javascript">
        var downloadLink1 = document.getElementById('button_visit_sidebar');
        addListener(downloadLink1, 'click', function() {
          ga('send', 'event', 'button', 'click', 'button_visit_sidebar');
        });
        var downloadLink2 = document.getElementById('button_visit_article');
        addListener(downloadLink2, 'click', function() {
          ga('send', 'event', 'button', 'click', 'button_visit_article');
        });
    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-99999999-9', 'exemple.tld');
          ga('send', 'pageview');
        </script>
 
Discussions similaires
Haut