Google Social Analytics : Analyser les actions sociales sur votre site WordPress

in WordPress

Avec le lancement de son bouton +1, Google s’est intéressé de plus près au tracking des différentes actions “sociales” dans Google Analytics. Le premier bénéficiaire des améliorations sociales ajoutées dans la dernière version de Google Analytics a bien sûr été le bouton +1, mais vous pouvez désormais suivre correctement le nombre de tweets, de Facebook Like et unlike sur votre site. Voici comment tracker ces actions sur votre site WordPress.

Google Analytics devient social

Début Juin, Google a annoncé sur le blog de Google Analytics le lancement d’une nouvelle méthode de tracking appelée trackSocial.
Cette méthode permet d’analyser le nombre d’actions “sociales” efeectuées par vos utilisateurs sur votre site.
Par défaut, seul le bouton +1 est suppporté, mais voyons donc comment ajouter la fonctionnalité aux boutons officiels Facebook Like et Twitter

Ajouter le tracking Social au bouton Facebook Like

Cette méthode fonctionne seulement avec la version XFBML du bouton. Voyons donc ensemble comment ajouter ce bouton, en y attachant deux nouveaux événements trackSocial : Like, et Unlike lorsqu’une personne annule son Like après avoir aimé votre page une première fois.

Nous allons donc ajouter ce code au bas du fichier footer.php, juste avant la fermeture de la balise body.

Comme vous pouvez le voir, il va vous falloir ajouter l’id de votre propre application Facebook. Pour cela, il vous faudra la créer, à partir de la page Developers sur Facebook.

<div id="fb-root"></div> 
			<script type="text/javascript">
			  window.fbAsyncInit = function() {
			    FB.init({
			    	appId: 'votre-application-id',
			    	status: true,
			    	cookie: true,
			    	xfbml: true
			    });
			    FB.Event.subscribe('edge.create', function(targetUrl) {
  					_gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
				});
				FB.Event.subscribe('edge.remove', function(targetUrl) {
  					_gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
				});
			  };
			  (function() {
			    var e = document.createElement('script'); e.async = true;
			    e.src = document.location.protocol +
			      '//connect.facebook.net/fr_FR/all.js';
			    document.getElementById('fb-root').appendChild(e);
			  }());
			</script>

Et voilà ! Il vous suffit maintenant d’ajouter le bouton Like où vous le souhaitez sur la page, avec ce code :

<fb:like href="<?php the_permalink(); ?>" layout="button_count" show_faces="false" width="40"></fb:like>

Rien de bien compliqué ! Passons maintenant au bouton twitter

Ajouter trackSocial à votre bouton twitter sur votre site WordPress

Nous avons déjà vu ensemble comment ajouter Twitter à votre site ou blog WordPress. Nous allons donc maintenant simplement ajouter l’événement trackSocial à notre action tweet. Ajoutez donc ces quelques lignes au fichier functions.php de votre thème. S’il n’existe pas, crééz-le.

<?php
// Ajouter trackSocial quand un tweet est envoyé
function werewp_twitter_analytics() { ?>
<script type="text/javascript">
	twttr.events.bind('tweet', function(event) {
  		if (event) {
    		var targetUrl;
    		if (event.target &amp;&amp; event.target.nodeName == 'IFRAME') {
     		targetUrl = extractParamFromUri(event.target.src, 'url');
    		}
    		_gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]);
  		}
	});
</script>
<?php }
add_action( 'wp_footer', 'werewp_twitter_analytics' );
?>

C’est tout ! Après quelques clics sur ces boutons de la part de vos visiteurs, vous pourrez visualiser cela dans la partie “Social” de Google analytics :

Partie "Social" du nouveau Google Analytics

A vous de jouer maintenant ! Je vous laisse cliquer sur les boutons Tweet, Like et +1 de cet article pour tester ! :)

P.S. : J’en profite pour proposer une invitation Google+ à ceux d’entre vous qui n’en ont pas encore : laissez un commentaire avec votre adresse gmail sur ce billet, je vous enverrai une invitation !

  1. Il était temps que Google Analytics se réveille sur ce point. Mais j’avoue avoir un peu de mal à voir pourquoi ils se compliquent la vie, puisque ces javascripts auraient très bien pu être intégrés directement dans le fichier ga.js…

    • C’est vrai, bonne remarque ! Cela vient très tard par rapport au lancement de ces boutons.

      En même temps, je peux comprendre la position de Google qui préfère supporter son propre bouton avant les autres.

      Le deuxième problème est notamment la mise en place de tous ces boutons : beaucoup de gens incorporent le bouton Like via un iFrame, ou le bouton Twitter via un autre service que le service officiel. Si Google supportait officiellement les 2 boutons dans ga.js, j’imagine que le nombre de gens se plaignant que le tracking ne marche pas serait énorme :)

  2. très bon tuto, merci

    merci pour l’invit ‘ à G+, si c’est possible bien sûr

  3. Merci pour le tuto, je vais de ce pas le mettre en application. En bonus une invit en prime ! ! ! que demander de plus !

Comments are closed.

Webmentions

  • Google Analytics: Social interaction Analytics | Keskifait.com August 9, 2011

    […] un bon Tutorial pour installer ce tracking sur votre blog WordPress sur le site de Jeremy Tagada. This entry was posted in google analytics, internet, social, tracking. Bookmark the permalink. […]