Google Social Analytics : Analyser les actions sociales sur votre site 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.

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 :

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 !