Suivi des événements avec Google Analytics et WordPress

Si vous lisez ceci, vous devriez déjà avoir configuré Google Analytics sur votre site WordPress. Si vous ne l’avez pas encore fait, allez le faire maintenant ! Je vais attendre ici.

…

Ok, maintenant que vous avez franchi cette étape, nous devons parler du suivi des événements. Le suivi des événements peut être n’importe quelle sorte de chose que vous voulez savoir ce qui se passe sur votre site. Vous voulez savoir quand quelqu’un a ajouté un produit à son panier sur votre boutique ? Génial ! Quand il s’est inscrit à une newsletter ? C’est logique. Il a rempli un formulaire ? Bonne idée ! Ils ont passé leur souris sur la photo de votre cousin au troisième degré ? Je veux dire, pourquoi pas ? Faisons ça !

Selon la façon dont vous avez configuré Analytics sur votre site, il se peut qu’un certain nombre d’événements soient automatiquement suivis pour vous. Analytify, par exemple, fait un excellent travail de suivi du commerce électronique et de nombreuses soumissions de plugins de formulaires. Mais que faire si vous voulez suivre quelque chose que l’intégration Analytify de votre choix ne suit pas automatiquement ? Eh bien, nous pouvons construire une solution qui le fait. Cela nécessite un peu de Javascript / jQuery, mais c’est beaucoup plus facile que vous ne le pensez.

Examinons les bases de la soumission d’un événement Google Analytics. Tout d’abord, le formulaire long :

ga(‘send’, {
hitType : ‘event’,
eventCategory : ‘UserAction’,
eventAction : ‘Clicked’,
eventLabel : “TheBlueButton” (le bouton bleu)
}) ;

Cela semble beaucoup trop long et fastidieux, vous pouvez donc le raccourcir comme suit :

ga(‘send’, ‘event’, ‘UserAction’, ‘Clicked’, ‘TheButton’) ;

Voilà, si vous placez cette commande dans la console de votre navigateur, elle enverra l’événement à Analytics et s’affichera dans votre tableau de bord. Maintenant, nous avons juste besoin de le déclencher. Nous avons besoin d’un événement.

Événements, ou “Quelque chose vient de se passer ?”

Des événements se produisent en permanence lorsque vos utilisateurs utilisent votre site. Chaque passage de la souris, chaque défilement, chaque clic, tout est un événement que vous pouvez déclencher si vous le souhaitez. Certains événements sont intégrés, d’autres sont inclus dans les bibliothèques Javascript de WordPress, et d’autres encore peuvent être créés manuellement (mais c’est un autre article à écrire).

Commençons par un événement de base : un bouton avec lequel vous voulez faire quelque chose. Disons que vous avez un bouton.

Je suis un bouton.

Voilà, c’est un joli bouton ! Maintenant que vous avez le bouton, vous voulez savoir chaque fois que quelqu’un clique dessus. Regardons le code qui compose ce bouton ;

<div id=”theButton” class=”wp-block-button”><a class=”wp-block-button__link”>Je suis un bouton.</a></div&gt ;

Maintenant que nous voyons comment il est structuré, nous pouvons le cibler avec un peu de Javascript. Je préfère ne pas réinventer la roue, donc je vais utiliser jQuery (puisqu’il est inclus dans WordPress de toute façon).

jQuery(“div#theButton a”).click(function() {
ga(‘send’, ‘event’, ‘UserAction’, ‘Clicked’, ‘TheButton’) ;
}) ;

Une fois ce code placé sur la page (n’oubliez pas de l’entourer de balises <script&gt ;), il déclenchera un événement Google Analytics, comme décrit, chaque fois que quelqu’un cliquera sur le bouton. Vous pouvez utiliser le même type de code, avec quelques modifications, pour suivre pratiquement tous les clics sur votre page.

Au secours ! L’inscription à ma newsletter ne suit pas !

C’est exactement le problème auquel j’ai été confronté avec l’un des sites sur lesquels j’ai travaillé. Un formulaire de soumission construit en Formidable Forms, et l’intégration utilisée ne suivait pas les soumissions. Pas de problème. Formidable Forms offre un événement Javascript pour construire des choses à partir de frmFormComplete. Voici un exemple d’utilisation de cet événement pour envoyer une notification à Google Analytics.

<script&gt ;
jQuery(document).ready(function($){
$(document).on( ‘frmFormComplete’, function( event, form, response ) {
ga(send, event, “Category-Goes-Here”, “Action-Name-Here”, “Label-Goes-Here”, “Optional-Value-Here”) ;
}) ;
});</script&gt ;

Un exemple serait d’utiliser “Lead”, “Submit” “email Submission” et de laisser de côté la section valeur, de sorte que Google Analytics sache que dans la catégorie “Lead”, vous avez un “Submit”, et qu’il s’agit d’un “email Submission”. C’est assez simple, non ?

Vous n’utilisez pas Formidable ? Vérifiez la documentation de votre plugin de formulaire pour tout événement similaire, ou – si tout le reste échoue – essayez de suivre le clic sur le bouton de soumission en utilisant le code de capture “Click” précédemment couvert !

Vous avez toujours besoin d’aide en matière d’analyse ?

Pas de problème ! Nous sommes disponibles pour vous aider à résoudre tous les problèmes liés à WordPress et à effectuer les modifications nécessaires pour que tout fonctionne comme vous le souhaitez. Contactez nous aujourd’hui!Obtenir de l’aide