Attention, article un peu technique :)

Si vous utilisez Google Analytics (assidument) depuis un moment, vous avez surement remarqué qu’on peut configurer des objectifs (ou goals) pour suivre différentes informations comme: « Quel réseau social m’apporte le plus d’abonnés à mon infolettre ?

Une donnée très intéressante à suivre est celle qui concerne les formulaires de votre site. Pour ma part, j’ai plusieurs formulaires qui permettent à mes visiteurs de prendre contact avec moi. Je veux donc savoir quel formulaire est le plus utilisé et surtout d’où viennent les visiteurs qui remplissent le formulaire.

Pour mes formulaires (sauf ceux de mon infolettre), j’utilise le plugin Contact Form 7. Il est très utilisé dans les sites WordPress car il permet de faire des formulaires élaborés et surtout, il est gratuit 😉

Suivre les évènements pour mettre en place des objectifs

Pour que Google Analytics soit en mesure de savoir quand une personne envoie le formulaire, il faut lui envoyer une petite information qui s’appelle un évènement. Un évènement peut être utilisé pour tracker le téléchargement d’un document, le visionnement d’une vidéo (lecture/pause) ou l’envoi d’un formulaire.

Si votre compte Google Analytics est récent, il y a des chances que vous utilisiez le code de suivi Universal, je vais donc vous donner la procédure pour cette version.

NOTE: Si je constate dans les commentaires que vous êtes plusieurs avec le suivi Asynch, je ferai un autre article sur le sujet.

Le code de suivi des évènements s’écrit comme suit:

ga(‘send’,’event’,’category’,’action’,’opt_label’, opt_value)

Les mots entre guillemets simples sont ce qu’on appelle des paramètres. Vous n’avez pas à toucher aux deux premiers, mais vous devrez changer category et action. Opt_label et opt_value, quant à eux, sont optionnels. Voici à quoi servent chaque paramètre:

  • category = Nom de l’évènement.
  • action = Type d’interaction
  • opt_label (optionnel) = Information supplémentaire au besoin
  • opt_value (optionnel) = valeur monétaire de l’évènement

Dans notre exemple, nous aurons donc un code d’évènement qui ressemble à ceci :

ga('send', 'event', 'Contact Form', 'sent')

Ajouter le code de suivi dans un formulaire Contact Form 7

Pour chaque formulaire, c’est dans l’onglet « Additionnal Settings » qu’on va venir placer notre code de suivi. Par contre, le plugin Contact Form 7  a lui aussi sa propre structure pour identifier les actions faites sur le formulaire, il va donc falloir ajouter un petit bout de code en début de ligne. Ce qui donne:

on_sent_ok: "ga('send', 'event', 'Contact Form', 'sent');"

Contact-Form-7_Google-Analytics

Placer la ligne dans la boite et sauvegarder les modifications.

Vérifier le suivi dans Google Analytics

La dernière étape consiste à vérifier que tout se passe comme prévu. Pour ça, on va tester l’évènement.

  1. Ouvrez votre compte GA et allez dans Temps Réel > Événements.
  2. Dans un autre onglet, ouvrez votre site à la page de votre formulaire et remplissez-le.
  3. Cliquez sur le bouton d’envoi pour activer l’évènement
  4. Si le code fonctionne, vous devriez voir apparaitre le nom de votre évènement dans la liste.

Google-Analytics_Event

Si vous avez plusieurs formulaires dans votre site, je vous recommande de refaire ces opérations pour chacun d’eux sans oublier de changer le paramètre category pour les différencier.

La prochaine étape sera de mettre en place vos objectifs. Ce qui fera l’objet d’un autre article :)

Partagez-moi vos progrès et questions dans les commentaires, j’ai hâte de vous lire!