Référencement, ergonomie et performances web… à Nantes !

Publié le 15 novembre 2011 par eroan dans Outils | 4 commentaires »

Google Analytics est l’outil d’Analytics le plus répandu dans la sphère des webmasters, quel que soit leur niveau. L’outil permet en effet de multiples approches, depuis la simple consultation des données de fréquentation jusqu’à la création d’entonnoirs de conversion extrêmement détaillés. Aujourd’hui, je vous propose de découvrir une fonctionnalité peu connue mais très intéressante de cet outil incontournable : le suivi des événements.

Grâce à cette « brique » de Google Analytics, vous allez être en mesure de réaliser un tracking des clics effectués sur les liens sortants de votre site. Ces données pourront ensuite être croisées avec d’autres, ce qui vous permettra par exemple de savoir quelles sources ou quelles requêtes de recherche génèrent le plus de clics sortants… Ces données peuvent s’avérer très précieuses, pour les sites d’affiliation notamment.

Pour réaliser le tracking des clics de façon transparente et sans bloquer ou ralentir le chargement des pages, je vous propose de réutiliser des techniques déjà expliquées sur mon blog précédemment, à savoir un mélange du loader head.js et de Jquery. Voici le code complet à insérer dans le header de votre page pour activer cette fonctionnalité, ce dernier étant à faire évoluer selon les besoins de votre propre site :

<script type="text/javascript" src="/img/spacer.gif"> <script type="text/javascript">
head.js("www.google-analytics.com/ga.js");
head.js("https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js");
head.ready(function(){
$("a[target="_blank"]").click(function(e){
_gaq.push(['_trackEvent','Clics sortants',this.href]);});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-XXXXXX-X']);
_gaq.push(['_trackPageview']);
</script>

Nous commençons par appeler le loader head.js, auquel nous demandons ensuite de charger Google Analytics et Jquery en asynchrone. Une fois les 2 scripts chargés, nous activons le tracking sur les liens dont la cible est _blank (nouvelle fenêtre). Rien ne vous empêche d’activer le tracking sur une classe particulière, voire sur tous les liens de vos pages si vous voulez être certain de ne rien laisser passer… mais cela prendra également en compte vos lien internes.

La dernière portion de code est liée à Google Analytics, et doit être personnalisée avec votre propre identifiant (UA-XXXXXX-X). Maintenant, un clic sur un lien sortant de vos pages sera détecté automatiquement par l’outil, de façon totalement transparente. Pour consulter ces données dans l’interface de Google Analytics, rien de plus simple : ça se passe dans Contenu > Événements > Principaux événements.

Vous y retrouverez un tableau avec une ligne « Clics sortants », qui correspond au libellé donné dans notre exemple, et une courbe de suivi au jour le jour. Vous avez également la possibilité d’aller plus loin en créant des tableaux personnalisés sur votre tableau de bord. Dans notre cas, nous avons par exemple croisé les requêtes de recherche avec le nombre de clics, ce qui nous permet d’orienter notre référencement vers les termes les plus rémunérateurs.

Analytics offrant des possibilités quasiment illimitées, sachez qu’il est également possible d’attribuer une valeur à chaque événement en ajoutant un argument supplémentaire à l’appel du _trackEvent. En indiquant le CPC ou la rémunération au formulaire dans un attribut de vos liens (ex : value=“1.25”), il est possible de le retourner à l’outil pour effectuer un suivi encore plus pointu de vos transformations. Ca vous a plu ? Faites tourner svp ;)