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="https://github.com/headjs/headjs/raw/v0.96/dist/head.load.min.js"></script>
<script type="text/javascript">
head.js("http://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 ;)

---

Publié le 31 janvier 2011 par eroan dans Outils | 2 commentaires »

Si j’ai longtemps hésité quant au choix du navigateur qui accompagnerait le mieux le webmaster que je suis, l’arrivée de Google Chrome a définitivement écarté le moindre doute ! À la fois stable, pratique et respectueux des standards du web (html et css), il est de mon point de vue le compagnon idéal pour les éditeurs de sites web. Ajoutez à cela une galerie de plugins de plus en plus fournie, et l’excellent Firefox se voit relégué au rang de challenger…

Passant près de 8 heures par jour les yeux rivé sur Google Chrome, j’ai pris quelques habitudes qui me font gagner pas mal de temps. La plupart reposent sur des plugins, qui permettent de démultiplier les fonctionnalités offertes par le navigateur. Voici à quoi ressemble la zone de mon navigateur réservée aux plugins :

Je vous propose de vous lister un à un les plugins qui y apparaissent :

1. Chrome Sniffer : affiche dans la barre d’adresse les logos des librairies javascript, outils d’analytics, cms et autres plateformes de blogging utilisées par un site. Chaque logo est cliquable et permet de découvrir le site officiel.
2. HTML5 Outliner : en cliquant sur ce logo apparaît une liste hiérarchisée des niveaux d’une page (titres, sections…). Si cela fonctionne avec html5, le plugin est également très utile pour détecter la structure d’un site plus ancien et repérer d’éventuelles incohérences.
3. Alexa Traffic Rank : un plugin incontournable qui permet de connaître l’Alexa Rank d’un site, et toutes les données proposées par la plateforme : estimation des visites, pages vues, principaux mots-clés… Excellent pour estimer la taille d’un site concurrent et suivre les évolutions du votre.
4. PageRank : simpliste, ce plugin se contente d’afficher le Pagerank de chacune des pages visitées. Qu’on estime l’indicateur pertinent ou non, cela donne une bonne idée de la popularité d’une page et des efforts de référencement du webmaster.
5. SEO Site Tools : Il s’agit d’un plugin orienté référencement très complet, concurrent direct de Chrome SEO. Je le préfère toutefois car il est mieux intégré à mon goût, et permet d’afficher le MozRank des domaines visités de façon dynamique (à configurer dans les options). L’indicateur complète à merveille l’Alexa Rank et le Pagerank des autres plugins. En cas de besoin, il peut vous fournir des rapports détaillés sur le référencement naturel, mais aussi les performances sur les réseaux sociaux.
6. WOT : voilà un plugin que j’ai découvert récemment, et qui permet d’utiliser très simplement la plateforme sociale Web Of Trust. L’idée est de partager des avis sur les sites que vous visitez et, à contrario, d’avoir des avis d’autres internautes.
7. WooRank : L’outil ne donne aucune information en direct mais redirige d’un clic vers un tableau de bord hyper complet, qui regroupe une bonne cinquantaine d’indicateurs SEO et SMO. Chaque site est noté en fonction de ses performances.
8. goo.gl URL shortener : comme son nom l’indique, ce widget permet de générer une url raccourcie via goo.gl à partir de la page courante. L’avantage, c’est qu’il enregistre les url créées dans votre compte google, permettant d’obtenir des statistiques détaillées sur les clics.
9. AdBlock et Browser Button for AdBlock : pas bien, je sais ! Étant moi-même webmaster, je ne suis pas pour l’idée de bloquer les publicités, qui sont pour beaucoup de sites l’unique source de revenus. Je préconise donc une utilisation intelligente du bloqueur de pubs. À titre personnel, je le désactive sur tous les sites auxquels je fais confiance.

Voilà donc pour ma part. J’ai bien sur testé bien d’autres plugins, mais tous ne m’ont pas convaincu. Pour clôturer cette liste, je vous propose 3 extensions que je n’ai pas retenues, mais qui pourraient vous intéresser :

1. Web Server Notifier : ce plug-in affiche le logo et donne des informations sur le type de serveur utilisé par les sites : Apache, Microsoft IIS… Son défaut, il double toutes les requêtes effectuées par le navigateur…
2. Web Technology Notifier : un bon complément du précédent, qui affiche la technologie de développement utilisée : php, asp… Malheureusement, il double lui aussi les requêtes. Pour peu que vous utilisiez les 2…
3. FlagChrome : affiche un drapeau de pays en fonction de l’adresse IP du serveur visité. Utile pour en apprendre plus sur les sites que vous visitez. L’outil récupère également Pagerank, Alexa Rank, etc. Il est donc à 90% redondant avec les plug-ins que j’utilise.

Merci à ceux qui m’auront lu, en espérant que ces recommandations puissent vous être utiles. N’hésitez pas à laisser un commentaire ci-dessous, que ce soit pour un petit merci ou pour compléter cette liste. Elle est certainement loin d’être exhaustive ;)

---

Publié le 7 septembre 2008 par eroan dans Outils | 1 commentaire »

Alors qu’on ne l’attendait pas… et dans le flou. C’est ainsi qu’est arrivé le navigateur Google Chrome en cette fin de 1er Septembre 2008 (pour les français) ! Les blogueurs influents qui ont eu la « chance » de recevoir l’annonce les premiers ne savaient pas de quoi il en retournait.

J’ai à ce sujet beaucoup aimé le début d’annonce de Philipp Lenssen de Google Bloscoped qui disait « Today there was a comic book in my mail« , soit « Aujourd’hui il y avait une bande dessinée dans ma boîte mail » ! Au passage, l’annonce de Pingoo n’est pas mal non plus).

Mais qu’est-ce que c’est donc et pourquoi une BD ???

C’est la question que, personnellement, je me serais posée. Mais, pressés de relayer l’information 100% exclusive, les super blogueurs des différents sites concernés ont rapidement oublié cette question essentielle pour se consacrer à la « vraie » information : Google est sur le point de lancer Chrome, un navigateur Internet au top de l’innovation et du Web 2.0 Wahouuuu top foooort ! Il a un gros moteur V8 sous le capot, ça va dépoter grave ;)

Bref, je propose aujourd’hui de nous focaliser sur une question à mon sens essentielle : Pourquoi avoir choisi de réaliser une bande dessinée de presque 40 pages pour annoncer l’arrivée de Google Chrome ? C’est en effet peu commun, voire même assez atypique pour un logiciel centré autour du web, lui-même proposé par une boîte ancrée dans le web, évoluant elle-même dans un monde de plus en plus connecté ! Hein ! Voici, en 10 points, les pistes de réponses que je peux apporter :

• Cela démontre que le lancement n’est pas bâclé, que tout est prêt et opérationnel jusqu’au plan de communication ;
• C’est une façon de dire d’entrée « notre produit n’est pas comme les autres » ;
• En ayant choisi Scott McCloud, éminent auteur de BD américain, Google a peut-être cherché à signifier « les meilleurs spécialistes de chaque domaine ont travaillé sur Google Chrome » ;
• La BD est un art, le neuvième dit-on. Un chef d’oeuvre de technologie tel que Chrome ne pouvait qu’utiliser un vecteur de communication noble ;
• La bande dessinée est sans conteste un moyen efficace de véhiculer simplement, par l’image, des concepts complexes voire théoriques ;
• La bande dessinée est un moyen de rappeler les lectures de jeunesse, à l’image du logo qui n’est pas sans rappeler le jouet Simon. Histoire de remettre une couche de « c’est un jeu d’enfant« . Renault avait réussi le pari avec la R5 puis, plus tard, avec la Twingo ;
• Les BD mettent en scène des Super Héros ou, du moins, des personnages forts. Google Chrome serait-il un nouveau Super Héro (le sauveur du web ?) ;
• La BD dans son acception large est inter-culturelle, universelle. De la BD belge aux comics américains en passant par le manga japonais, elle est partout. Le navigateur de Google se veut probablement pareil (il veut être partout) ;
• C’est peut-être un moyen de revenir à des outils plus « terre à terre » dans un monde où le virtuel gagne sans cesse de la place ;
• Ca surprend et amène des interrogations… ou pas !

Il ne s’agit bien sûr que d’une première analyse, vos commentaires sont les bienvenus pour apporter des nuances, de nouvelles idées ou bien pour détruire les miennes ;)

Si vous n’avez pas eu la « chance » de zyeuter la bande dessinée en question, elle est consultable sur Google Books : www.google.com/googlebooks/chrome/index.html

---

Publié le 28 août 2008 par eroan dans Outils | Aucun commentaire »

Je suis tombé par hasard sur le site whos.amung.us et je dois avouer avoir été séduit par le service proposé. En effet, ce site propose gratuitement et sans inscription un compteur de connectés doté de fonctionnalités très poussées, tout en offrant une personnalisation et une installation ultra-simple.

Pour l’installation donc, rien de plus simple : il suffit d’insérer dans les pages de votre site un code html qui comprend une image .png (préalablement personnalisée ou non) avec, bien sûr, un lien vers le site whos.amung.us. Ca y est ! Le script se charge ensuite de tout, à savoir reconnaître le site qui utilise le service afin de stocker les infos sur les connexions mais aussi de récupérer les données sur les visiteurs à partir de leur adresse ip !

Côté service, whos.amung.us propose :

• Une liste du nombre de connectés par pages ;
• Des courbes de statistiques à l’année, au mois, au jour et à l’heure ;
• Une mappemonde représentant les connectés par villes, par zones (mode chaleur assez sympa), par clusters et enfin par fuseau horaire.

C’est donc innovant et, chose assez sympa, le tout est actualisé en temps réel grâce à la technologie Ajax. Toutes les données sont 100% publiques. Voilà un service Web 2.0 dont vous entendrez encore parler !

Ca se passe par là : whos.amung.us

---