mise en place track event

[jd440]

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:

<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

 

[Axiso]

Ca ne semble pas être le code standard. Le mieux, le plus simple et le plus rapide, ce ne serait pas que tu testes ?

 

[jd440]

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

 

[Axiso]

Tu utilises la fonction addListener() mais elle n'apparait pas dans ton code.

 

[jd440]

Ah oui effectivement.

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

    <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>

 

[Axiso]

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

 

[jd440]

Nan là réponse....
ici..
tout suite.

Cela fonctionne avec le 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>