Google Analytics : traquer les clics sortants avec jQuery
Le script ci-dessous permet de traquer les clics vers des liens externe à votre site internet. En complément, je vous laisse le code permettant de traquer les ouvertures d’image en PNG ainsi que les téléchargements de fichier zip.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | jQuery('a').click(function(){ var linktype = ''; // Get click href attribut var hreflink = jQuery(this).attr('href'); var myClass = jQuery(this).attr("class"); // Debug console.log('Link clicked : ' + hreflink); console.log('Class clicked : ' + myClass); linktype = hrefType(hreflink); // Debug console.log('Link type : ' + linktype); if( typeof gtag == "undefined" ){ // Debug console.log('GA not loaded'); }else{ if(linktype == 'external'){ gtag ('event', 'clic', { 'event_category': 'Outlink', 'event_label': hreflink, 'transport_type': 'beacon' }); }else if(linktype == 'internal_image'){ //Debug console.log('Click on image'); gtag ('event', 'clic', { 'event_category': 'Images', 'event_label': hreflink, 'transport_type': 'beacon' }); }else if(linktype == 'internal_download'){ //Debug console.log('Click on file'); gtag ('event', 'Download', { 'event_category': hreflink.substr(hreflink.length - 3), 'event_label': hreflink, 'transport_type': 'beacon' }); } } }); function hrefType(link){ var url = link; var sourceString = url.replace('http://','').replace('https://','').replace('www.','').split(/[/?#]/)[0]; if(sourceString.charAt(0) == ''){ return "Anchor"; } if(sourceString !== window.location.host){ return 'external'; } if(sourceString == window.location.host){ if(link.substr(link.length - 3) == 'png'){ return 'internal_image'; }else if(link.substr(link.length - 3) == 'zip'){ return 'internal_download' } return 'internal'; } return 'unknow'; } |