257 Membres en ligne
Apprenez à installer Google Analytics sur votre site, à vérifier la bonne collecte des données et à configurer les options les plus courantes dans cet espace
Guidez moi
star_border
Répondre

Suivi des clics sur analystics avec ouverture d'onglet

Novice ✭

Bonjour à tous,

 
Je découvre seulement le langage html et google analytics.
 
Mon site fonctionne et google analytics me donne bien les statistiques de mon site.
 
J'aimerais aller plus loin : Je voudrais pouvoir analyser et comptabiliser chaque clic sur les liens de mon site.
J'ai donc suivi cette page. J'ai alors voulu ajouter onclick="trackOutboundLink('http://www.example.com'); return false;" dans mes balises de lien mais depuis, en cliquant sur les liens en question, le navigateur n'ouvre pas un nouvel onglet (j'ai pourtant gardé target="_blank" dans ces mêmes balises...)
 
J'ai testé à nouveau en enlevant les ; return false; pour ne garder que onclick="trackOutboundLink('http://www.example.com')" et maintenant, un onglet s'ouvre bien mais sur l'onglet d'origine, on passe aussi sur le site visé...
 
3 exemples de liens :
 
1) <a href="http://www.osefrance.fr/?page_id=44" target="_blank">GVCS</a>
2) <a href="http://www.osefrance.fr/?page_id=44" target="_blank" onclick="trackOutboundLink('http://www.osefrance.fr/?page_id=44'); return false;">GVCS</a>
3) <a href="http://www.osefrance.fr/?page_id=44" target="_blank" onclick="trackOutboundLink('http://www.osefrance.fr/?page_id=44')">GVCS</a>
 
1 : comportement ok mais (a priori) pas analysé par google analytics
2 : pas d'ouverture d'un nouvel onglet sur un clic
3 : ouverture d'un nouvel onglet mais les 2 onglets passent sur le nouveau site...
 
Merci de me donner l'astuce pour que mes liens sont comptabilisés sur google analytics (ou alors me dire où regarder dans analytics si c'est une fonction de base)
 
Salutations sincères
Réponses des expertsverified_user

Re : Suivi des clics sur analystics avec ouverture d'onglet

Top Contributeur

en fait c'est surtout que la fonction trackOutBoundLink contient une instruction document.location=url, ce qui a pour effet d'ouvrir le lien, d'où l'effet doublon.

Je vous propose d'ajouter le code suivant dans la balise HEAD de vos pages:

<script>
function clicLien(lien){
  ga('send','event','Lien','Clic',lien);
}
</script>

Puis sur chacun des liens, ajouter une balise onClick avec l'instruction suivante:

<a href="lelienversuneautrepage.html" onClick="clicLien(this.href);">Cliquez moi</a>

Autre solution plus élégante (si vous utilisez jQuery par exemple), avec un seul bout de code à poser dans la balise HEAD:

<script>
  // Clics
  $("a").on( "click", function() {
    ga('send','event','Lien','Clic',$(this).href);
  });
</script>

 

Partenaire Certifié Google Analytics (GACP) chez Hub'SalesContactez moi!
Si mes réponses vous ont aidé, soyez gentils de m'attribuer une étoile ;-)