Websourcing.fr » Actualités, Web, Logiciels et Fun

Suivez les clics sortants avec Google Analytics et JQuery

Tags: Google Analytics, Javascript, JQuery, Webdesign, Webworker
Posté dans Billets, Logiciels & Webwares, Webworker par Lionel Roux le 6 fév 2009

Lorsqu’on analyse un rapport issue de Google Analytics, le paramètre le plus obscure est sans aucun doute « le taux de rebond« .

Même si je comprends ce que représente le paramètre, ce qui est pris en compte pour le calculer est encore flou.

Quid des articles avec 100% de rebond?
Quid des liens sortants présents dans ces articles?
Le taux de rebond n’est-t-il pas une conséquence de ces liens sortants?

Avec Google Analytics, aucun moyen de le savoir. Sauf en le bidouillant un peu. C’est ce que permet ce petit script en JQuery de Ian Pitts trouvé au hasard du Web.

Ce script permet de comparer le domaine du site courant avec le domaine du lien cliqué. S’ils sont différents, c’est un lien sortant (en gros). Je l’ai un peu retouché pour qu’il s’adapte à mes besoins, notamment pour l’icône de lien sortant   (en CSS).

Si vous utilisez déjà JQuery (tous les blogs WordPress l’utilisent), copiez simplement ce code dans vos pages et vous saurez vers quels sites vos visiteurs sortent.

$('#content a:not(.popupwindow)').filter(function() {
	var theHref = this;
	if (theHref.hostname && theHref.hostname !== location.hostname) {
		$(theHref).not(".noAutoIcon").addClass("offSite");
		$(theHref).not(".noAutoLink").attr('target','_blank').bind('click keypress', function(event) {
			var code=event.charCode || event.keyCode;
			if (!code || (code && code == 13)) {
				if(pageTracker){
					var fixedLink = this.href;
					fixedLink = fixedLink.replace(/https?:\/\/(.*)/,"$1");
					fixedLink = '/outgoing/' + fixedLink;
					pageTracker._trackPageview(fixedLink);
				};
			};
		});
	};
});

Notez que la page doit être chargée pour exécuter ce script. Attention donc à l’endroit où vous placez le script (ou ajoutez une directive ready() pour attendre le chargement).

Tous les liens seront répertoriés dans les urls et seront reconnaissables parce qu’elles commenceront par /outgoing/ (que vous pouvez changer en ligne 11).

Voila ce que cela donne avec mes quelques tests en mode privé:

 
Il est possible de décliner ce code pour d’autres objectifs, par exemple les liens mailto ou applications particulières (notes://, ftp:// …).

Voila une technique qui peut aider à améliorer la structure de vos pages et organiser différemment les liens sortants.

Vos clients aussi seront heureux d’avoir cette information à disposition.

En plus de me donner des informations, ce petit script m’a permis de supprimer un plugin (sem-external-links) qui ajoute l’icône   et la target _blank aux liens sortants. Pratique donc, car cela décharge la partie PHP vers le client.