24 octobre 2014

Implémenter CrazyEgg avec le Google Tag Manager

J'ai fait le test et il est possible d'installer CrazyEgg  (CE) sur un site qui à Google Tag Manager (GTM) sans jouer dans le code. Il suffit de mettre la règle d'exécution à "Event equals gtm.dom".

C'est quoi CrazyEgg

CrazyEgg est un logiciel de suivi du comportement de l'utilisateur. Il comporte 4 grandes fonctions.

1. Click Map

Le click map est une fonction qui permet de voir sur une carte de chaleur ou les clics sont plus concentrés. Un endroit avec plusieurs clics devient "plus chaude" passant du bleu au vert, puis rouge, orange, jaune et blanc s'il y a beaucoup de clics.

2. Scroll map

Le scroll map est l'outil qui permet de dire à quelle hauteur les gens ont passé le plus de temps dans une page. La hauteur (en pixels) ayant eu le plus d'attention est celle où on attribue le blanc est les couleurs s'en suivent selon le niveau d'attention par rapport à la hauteur.


3. Confetti report

Le rapport de confetti est l'équivalent du click map par contre, les clics sont représentés par des petits points. Il est possible à l'aide d'un menu de segmenter ces clics en fonction de plusieurs critères tels que l'heure du jour, jour de la semaine, utm_source, utm_support, utm_campaign, le navigateur, le système d'opération, et plusieurs autres.


4. Overlay / liste

C'est une analyse de clics par zone (zone du header, zone de la bannière principale, etc.) Il y a aussi les clics sans liens, les "others". Ces zones sont aussi disponible via une liste.

Concurrents

CrazyEgg à maintenant des concurrents qui font du click mapping:


  • LuckyOrange - fait plusieurs types de suivi aussi. Le click map n'est pas aussi bon à mon avis.


  • ClickTale - fait aussi plusieurs choses. L'outil est plus dispendieux.


  • Yandex metrica - gratuit si vous possédez un compte chez l'engin de recherche russe


Le processus pour utiliser CE sur GTM

En étape:
Pour ceux qui ont GTM et CE passez à l'étape 4 directement.

CrazyEgg et Google Tag Manager

1. Achetez-vous une licence CrazyEgg. Il y a des plans qui commencent à partir de 9$ par mois.
2. Lors de l'ouverture du compte, CrazyEgg vous donnera un code JavaScript à implémenter dans le code de votre site avant la balise fermante body. Notez et enregistrez ce code dans un fichier Texte sans l'implémenter directement dans le site.
3. Créer vous un compte Google Tag Manager et implémentez le code GTM tout juste après la balise ouvrante body.

Nouveau Tag

4. Créez un "New tag" et choisissez le type "custom HTML".
5. Cliquez sur "More" sous les type de trigger.

Nouveau Trigger

6. Créez un nouveau en cliquant sur "New" > "custom event" > entrez "gtm.dom" sous "Event name to match" > ajouter le "trigger name" "gtm.dom".
7. Assurez-vous que le trigger gtm.dom est séléctionné, cliquez sur "save" et ensuite cliquez sur "continue".

Code CrazyEgg

8. Sous "Tag name " entrez "CrazyEgg Code"
9. Collez dans la boite HMTL le code de CrazyEgg sauvé à l'étape 2
10. Cliquez sur "Create tag".

Déployez les changement de code et vous pouvez faire fonctionner CE à partir de GTM!

Bonne analyse,
Raf

Note: Lors de la mise-en-place des suivis CrazyEgg, un module vérifie que le code est dans la page suivie. Celui-ci ne voit pas le code CE à travers le code de GTM même si celui-ci s'exécute. Validez 2 à 4 heures plus tard et vous devriez avoir des données qui ont commencé à entrer.