OX2 Web Analytics blog

[Si ce n'est pas déjà fait, je vous encourage à lire la 1ère partie de ce billet]

Dans la première partie de ce tutoriel, nous avons abordé l’utilisation dans Google Analytics de cette variable personnalisée configurable avec l’instruction __utmSetVar(). Cette fonction est remplacée par _setVar() dans le nouveau code de suivi.

Nous allons passer dans ce billet à la nouvelle version du code de suivi Google Analytics, qui se sert du script ga.js. mais les exemples inclueront aussi le code pour urchin.js.

Cette partie se consacre à la création d’outils pour inclure/exclure son propre trafic.

Pour exclure son propre trafic en passant par la variable personnalisée, nous allons construire un formulaire qui nous permettra de renseigner la valeur que prendra la variable à exclure.

Nous verrons ensuite comment appliquer cette méthode à plusieurs profils Google Analytics à la fois.

Formulaire d’exclusion

Pour urchin.js:

<script type="text/javascript" src="http://www.google-analytics.com/urchin.js">
</script>
<script type="text/javascript">
_uacct = "UA-XXXXX-X";
urchinTracker();
</script>
<form method="GET" action="">
Identifiant: <input type="text" name="ga_identifiant" value="votre identifiant ici"/><br/>
<input type="submit" value="Valider!" onClick="__utmSetVar(ga_identifiant.value);" />
</form>

Pour ga.js:

<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write("\<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>\<\/script>" );
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-XXXXX-X");
pageTracker._initData();
pageTracker._trackPageview();
</script>

<form method="GET" action="">
Identifiant: <input type="text" name="ga_identifiant" value="votre identifiant"><br/>
<input type="submit" value="Valider!" onClick="pageTracker._setVar(ga_identifiant.value);">
</form>

Avec ces deux codes, vous obtenez un formulaire dans lequel vous pouvez spécifier la valeur que vous voulez utiliser comme identifiant, avec ou sans préfixe, comme vous voulez.

Debug

Petit truc pour vérifier si le cookie a bien été enregistré: (les amis du process et de la méthode apprécieront )

• Dans Firefox, regarder dans Tools > Options > Privacy > Show Cookies.
  En français, Outils > Options > Vie Privée > Afficher les cookies
• Une fois dedans, taper le nom de domaine dans le champ de recherche en haut de la fenetre et on voit filtrer tous les cookies définis pour le domaine en question (ca ne prend pas les cookies tiers bien entendu).
• Cliquer sur un cookie individuel pour consulter ses propriétés. Vous pouvez aussi effacer un cookie de cette manière.

Si vous utilisez l’extension Firebug pour Firefox, dans Net > Images, vous pourrez repérer l’enregistrement du pixel Google Analytics ainsi que son URL complète.

Vous trouverez sans doute deux appels à l’image __utm.gif, le premier appel étant effectué à l’enregistrement de la page vue via urchinTracker ou _trackPageView, le deuxième appel provenant de l’invocation d’__utmSetVar ou de _setVar.

Cliquez sur le symbole (+) à gauche du nom de l’image puis sur l’onglet Params: vous découvrirez ainsi tous les paramètres qui sont passés à Google Analytics. La variable utmcc est particulièrement intéressante puisqu’elle contient tous les cookies utilisés par Google Analytics avec, en bout de chaîne, le cookie utmv contenant la valeur personnalisée.

Appliquer la méthode à plusieurs profils

Le formulaire que nous avons utilisé auparavant peut être modifié pour prendre en compte plusieurs profils Google Analytics.

On peut effectivement utiliser un formulaire par profil et/ou par nom de domaine mais vous pouvez semi-automatiser la chose en trouvant un moyen de lister les profils sur lesquels portent l’exclusion.

Par exemple, chez OX2, nous nous servons de nombreux profils par compte mais en connaissant le numéro de base du compte, on peut créer une moulinette Javascript qui va assigner le cookie à tous les profils du compte, soit automatiquement, soit à une liste de profils bien précis.

Regardez le code suivant:

<script type="text/javascript">
function definirValeurPerso(valeur){
var profilBase = "XXXXXX";
var mesProfils = "1,2,3,5,11"; // les suffixes -X des profils concernés
var mesProfilsTableau = mesProfils.split(',');
var mesProfilsObj = new Object();
for (var n = 0; n < mesProfilsTableau.length; n++){
mesProfilsObj[n] = _gat._getTracker('"UA-'+ profilBase +'-'+mesProfilsTableau[n]+'"');
mesProfilsObj[n]._initData();
mesProfilsObj[n]._setVar(valeur);
}
}
</script>
Après avoir défini la liste des profils pour lesquels vous vouliez appliquer la valeur personnalisée, vous pouvez appeler la fonction definirValeurPerso() et elle créera autant d’objets de suivi que nécessaire. Utilisez-la pour remplacer __utmSetVar ou _setVar sur l’évènement onClick du formulaire.
Vous pouvez aussi ne pas vous servir de la liste des profils et faire tourner la boucle de 1 à 50 pour couvrir tous vos profils mais rappelez vous que dans le cas de profils secondaires (copies), le profil récupère en théorie la valeur perso depuis le profil principal, c’est pourquoi l’utilisation de la liste des profils est souvent plus pertinente.

Comme à chaque fois, vos commentaires constructifs sont les bienvenus. Rappelez-vous aussi que ce blog est un blog d’entreprise à valeur éducative: les exemples illustrés dans ce billet sont fournis “tels quels”, c’est à dire sans garantie de support technique Comme dirait Morpheus, “tout ce que je peux faire c’est te montrer la porte; c’est à toi de la franchir.”