Quelque que soit le type de site sur lesquels ils sont implémentés (e-commerce, blog, sites d’actualités, etc.), ces boutons de partage ont un intérêt non négligeable puisqu’ils permettent de rendre son contenu facilement visible au plus grand nombre.

Il peut donc être intéressant de mesurer ces interactions sociales sur votre site internet. Combien d’internautes ont liké votre dernier article ? Combien l’ont unliké ? Combien l’ont liké en provenant d’un moteur de recherche ? Quel pourcentage des conversions proviennent d’internautes socialement engagés ? Vous l’aurez compris : le plus important est de pouvoir segmenter ces données pour connaître toujours davantage vos internautes.

Google nous propose aujourd’hui un tag permettant de récupérer ces données sur son outil Google Analytics : le _trackSocial.

Qu’est-ce que le _trackSocial ?

Le _trackSocial vient se rajouter à l’ensemble des autres tags Analytics tels que le _trackPageView, le _trackEvent, le _trackPageLoadTime, etc.

Il est construit de cette façon si :

_trackSocial (network, socialAction, opt_target, opt_pagePath)

• Le paramètre « network » nécessite une chaîne de caractères indiquant le réseau sur lequel l’action a lieu (ex : Facebook, Twitter).
• Le paramètre « socialAction » nécessite une chaîne de caractère indiquant l’action que réalise le bouton (ex : Like, Unlike, Send, Tweet).
• Le paramètre « opt_target » (optionnel) nécessite l’URL de la page cible.
• Le paramètre « opt_pagePath »(optionnel) nécessite l’URL de la page sur laquelle a eu lieu l’action.

Pour comprendre ces deux derniers paramètres, voici un exemple :

Le blog de Synerg’heTiC vient de publier un article. Voici l’URL de l’article :
http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/
L’article s’affiche donc en mode complet à la page :
http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/)
et en mode court sur celle-ci :
http://blog.synerghetic.net

Les boutons Like et Tweeter sont sur les deux pages.

Prenons deux utilisateurs A et B :

• L’utilisateur A like l’article sur la page de celui-ci : http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/, le tag sera donc :

_gaq.push(['_trackSocial', 'facebook', 'like',
'http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/',
'http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/']);

• L’utilisateur B quant à lui, like l’article sur la page : http://blog.synerghetic.net/, le tag sera donc :

_gaq.push(['_trackSocial', 'facebook', 'like',
 'http://blog.synerghetic.net/2011/08/26/deux-semaines-de-news-campagnes-buzz-3/',
'http://blog.synerghetic.net/']);

Cela permettra d’analyser par la suite, sur quelle page le contenu a été le plus partagé et bien d’autres données, aussi segmentées soient-elles.

L’implémentation du tag

Le tag _trackSocial s’implémente de manière différente selon l’action à réaliser (Like, Unlike, Send, Tweet).

Facebook : Bouton Like

Pour pouvoir récupérer les données d’un Like sur Google Anlaytics, il faut utiliser l’évènement edge.create et une fonction de rappel qui se lance quand l’évènement se déclenche. L’URL de la ressource est alors passée en paramètre afin de pouvoir la récupérer dans Google Analytics.

FB.Event.subscribe('edge.create', function(targetUrl) {
  _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
});

Facebook : Bouton UnLike

De la même manière que précédemment, on utilisera une fonction de rappel mais cette fois-ci avec l’évènement edge.remove :

FB.Event.subscribe('edge.remove', function(targetUrl) {
  _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
});

Facebook : Bouton Send

Ici on utilise l’évènement message.send pour implémenter le bouton Send :

FB.Event.subscribe('message.send', function(targetUrl) {
  _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]);
});

Twitter : Bouton Tweeter

Pour ce qui est de Twitter et de son bouton Tweeter, le fonctionnement global est le même. On attache une fonction de rappel à l’évènement tweet. Quand l’évènement se déclenche, la fonction est appelée pour récupérer l’URL de la ressource tweetée (qui a été stockée dans une iFrame) afin de la passer en paramètre du tag :

twttr.events.bind('tweet', function(event) {
  if (event) {
    var targetUrl;
    if (event.target && event.target.nodeName == 'IFRAME') {
      targetUrl = extractParamFromUri(event.target.src, 'url');
    }
    _gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]);
  }
});

Ces fonctions sont uniquement en Javascript : elles doivent donc être tout simplement mises entre balises script et à intégrer avant la fermeture de votre balise body.
A noter : il n’y a pas besoin d’implémenter le tag pour le bouton +1. Celui est automatiquement récupéré par Google Analytics.

L’analyse des données avec Google Analytics

Avant tout propos, sachez qu’il vous faudra la version 5 de Google Analytics pour constater les résultats.

Sur cette version donc, vous avez dans la rubrique « Visiteurs », un onglet « Réseaux sociaux » dans lequel il y a deux intitulés : « Intérêt et interaction » et « Pages ».

Intérêt et interaction

Sur cette page, vous apercevez le nombre de « visites sociales ». C’est-à-dire les visites ayant déclenché un évènement social tel qu’un clic sur le bouton Tweeter ou un Like.

Si vous cliquez sur les visites qui sont socialement engagées, vous atterrissez sur une page avec le détail des actions qui ont été réalisées sur votre site.

Vous avez ainsi la possibilité de segmenter l’ensemble de vos données en fonction de vos visites sociales. Cela permet de récolter des données très intéressantes sur ces visites parmi lesquelles leur taux de conversion, leur source principale, etc… A votre guise !

Pages

Sur cette partie, vous avez la liste des URLs qui ont été l’objet d’une action sociale (option « Entité sociale ») et la liste de celles sur lesquelles ont été effectuées les actions (option « Page »). Pour comprendre la différence entre les deux, je vous invite à relire la partie « Qu’est-ce que le _trackSocial ? » un peu plus haut.

De la même manière que précédemment, l’intérêt est double. Vous avez une vue sur vos contenus qui ont été partagés et la possibilité de segmenter les données selon les critères que vous désirez en créant un segment personnalisé.

A noter : les données que vous récupèrerez ne correspondront uniquement qu’aux actions ayant été faites sur votre domaine. Si votre article reçoit un Like, Unlike, Send, Tweet ou un +1 hors de votre domaine, il ne sera pas comptabilisé dans les rapports Google Analytics.
Cependant, il existe une alternative pour le bouton +1 puisque vous avez toujours la possibilité de récupérer la donnée totale sur les Google Webmasters Tools.

Conclusion

Certains se diront peut-être que l’on peut obtenir le même genre de données en utilisant le tag _trackEvent. Ce n’est pas totalement faux. Le _trackSocial permet juste beaucoup plus de flexibilité avec les données.

Par exemple, la distinction entre la page partagée et la page où a eu lieu le partage serait difficilement récupérable avec le _trackEvent (il faudrait concaténer ces deux pages dans le paramètre Label du tag). Et dans l’hypothèse où vous souhaiteriez fonctionner comme ça, vous auriez beaucoup plus de mal à segmenter vos données.

Et vous, que pensez-vous du _trackSocial ? Vous l’utilisez sur votre site ?

Partagez vos astuces !

Pour continuer notre petite série d’interviews réalisées lors de l’événement LeWeb08 je vous propose de découvrir Eric Fontaine co-fondateur de la société Particles englobant les deux services Hey!Spread et Hey!Watch.

Hey!Watch est une plateforme payante de conversion vidéo (compter 0,10$ pour un encodage dans un format) qui permet d’un part aux particuliers de convertir leurs vidéos en ligne et d’autre part aux entreprises de faciliter l’externalisation de leurs contenus vidéos ainsi que la conversion ces vidéos via une application mise à leur disposition.

Hey!Spread est ensuite un service payant (compter 0,20$ pour obtenir les statistiques d’une vidéo) qui offre d’abord la possibilité de diffuser massivement les contenus multimédia que vous aurez créés  sur les plus grosses plateformes de réseaux sociaux comme Facebook, MySpace, Youtube, Dailymotion, … et il permet ensuite de facilement récupérer des statistiques sur les contenus que vous aurez diffusés.

Je ne vous en dit pas plus, Eric vous présente tout cela très clairement dans la vidéo suivante :

Cliquez sur l’image pour obtenir la version haute-définition.

Je dois admettre que ces chiffres m’ont quelque peu surpris.

Bien que nous pouvions nous douter de ce constat, les réseaux sociaux que l’on utilisent régulièrement au niveau européen ou américain sont loin d’être les principaux acteurs sur les autres continents…et les chiffres parlent d’eux-même.
En effet, Orkut (de Google) domine de manière impressionnante le marché Latino-Américain avec plus de 156 millions d’heures passées et relègue le tout puissant MySpace au simple rôle d’outsider inoffensif avec seulement 12 millions d’heures passées.

De la même manière, les réseaux sociaux « Asie-Pacifique » vont être quasiment inconnus pour un internaute lambda européen.

Enfin, le constat concernant Bebo sur le sol Européen est très intéressant. J’ai été le premier surpris de voir que ce réseau social d’Outre Manche surpassait tous ses concurrents (certes d’une avance légère mais non négligeable). Si Bebo se targue d’être l’un des réseaux sociaux les plus développés au monde (mais aussi le site le plus visité en Irlande), son implantation reste discutable sur le reste du monde. Pour rappel, Bebo est un « MySpace like » permettant aux utilisateurs de disposer d’une plate forme de réseautage pour y créer leur espace personnalisé.

Tout cela pour montrer que l’importance et l’excès d’optimisme concernant nos réseaux sociaux favoris est grandement à modérer au regard des concurrents de part et d’autre du monde. Une bonne manière de mettre en perspective la pérennité de tous ces services et leur place ainsi que leur importance dans les années à venir.