Par , le 10 janvier 2014

Industrialiser votre tracking Google analytics

Développement | Marketing | 1

Analyser les chiffres de votre site internet est important. Mais les pages vues et le taux de rebond ne sont pas toujours les meilleurs indicateurs en ce qui concerne l’utilisation de votre site par vos visiteurs.

Google Analytics fournit un moyen de suivre les événements d’une page, mais il peut être lourd à mettre en œuvre et à maintenir. Dans cet article vous allez découvrir comment mettre facilement en place une stratégie de tracking efficace grâce à javascript.

L’ancienne façon

Le modèle des données pour le suivi d’évènement possède les attributs suivants :

  • Catégorie
  • Action
  • Étiquette
  • Valeur

Cet exemple illustre comment vous pouvez utiliser la méthode de suivi d’événement pour enregistrer l’inscription d’un nouveau client.


a href="#" onClick="_gaq.push(['_trackEvent', ‘Bouton', ‘Clic', ‘inscription nouveau client']);"
  Créer un compte

Cette solution possède plusieurs problèmes :

  • Fastidieux à mettre en place
  • Très long à intégrer quand vous avez des centaines de liens
  • Cauchemar pour la maintenance

Un plugin pour facilement tracker vos évènements analytics

Si votre site embarque jQuery vous pouvez utiliser le plugin Scout.
Scout est un moyen simple d’ajouter le support pour ces événements, sans ajouter une tonne de surcharge.

Le plugin fonctionne en écoutant les clics sur les éléments marqués correctement. Il convertit automatiquement l’interaction dans un événement traçable avant de pousser les données sur Google analytics.

Utilisation Basique

Pour pousser correctement les événements à Google Analytics, vous devez initialiser scout. Ensuite, attachez un événement


data-scout-event

aux éléments sur lesquels vous souhaitez suivre les clics :

Initialisation en Javascript


$.scout();

Structure HTML


a href="#" data-scout-event="'Bouton', 'Clic', 'inscription nouveau client'">
  S'inscrire

Utilisation avancée

Vous pouvez également pousser manuellement les événements en passant les données directement à Scout :


$.scout(‘Bouton', ‘Clic', ‘inscription nouveau client');

Exemple d’intégration avec la menu principal d’un site internet


$('.m-menu-main li a').click(function() {
  return $.scout('Menu', 'Clic', $(this).text());
});

En 2 lignes de javascript vous avez posé 8 liens de tracking qui retournent la valeur des éléments de votre menu. Cette solution permet une stratégie de tracking facilement maintenable et évolutive.

Note : Si vous utilisez déjà la nouvelle version universal analytics de Google avec le script

analytics.js

ce plugin est inutile car tout est expliqué dans la documentation.

Partager l'article :

1 commentaire
  • Etant DJ sur Nime et peinant à construire mon propre site internet, merci beaucoup pour ce billet, j’ai très peu utiliser Google Analytics mais pour le coup, le peu que j’ai fait avec, c’est efficace.


Vous souhaitez réagir ?

En soumettant ce commentaire vous donnez à Silicon Salad le droit de citer vos propos ainsi que votre nom/site. Tous commentaires dégradants ou hors-sujet peuvent-être supprimés par décision de l’auteur. Votre e-mail, ne sert qu’à des fins d’authentification, il ne peut-être ni partagé ni diffusé.
Vous pouvez commenter avec la syntaxe Markdown. En savoir plus

Article précédent
Cambriolage Acte 2 : sept macs volatilisés