(Dernière mise à jour juin 2014 : Lisez le dernier article sur l’extension, GTM Sonar v1.2.)
J’ai mis à jour mon extension Chrome, Débogueur d’écouteur d’événement automatique GTM v1.1. J’ai sorti la première version il y a quelques jours. L’extension peut être utilisée pour déboguer le suivi automatique des événements de Google Tag Manager et sa compatibilité avec le balisage des pages Web.
Télécharger la dernière version ici.
J’ai fait quelques changements majeurs, et voici le récapitulatif.
-
J’ai transféré toutes les actions du débogueur dans une fenêtre contextuelle, qui s’ouvre lorsque vous cliquez sur l’action du navigateur. Le débogueur est toujours spécifique à un onglet, il peut donc avoir différents états dans différents onglets. De plus, l’action du navigateur devient toujours verte lorsque le débogueur est activé pour l’onglet actuel.
-
J’ai ajouté une liste de boutons radio pour que vous puissiez choisir le type d’écouteur à partir de. Je ne voulais pas activer plusieurs écouteurs à la fois, car l’arrêt de l’événement de clic avait également des implications pour les soumissions de formulaire. Les trois auditeurs sont maintenant :
- Click Listener : Halts default action of all clicks on page, and upon clicking on the page, pushes gtm.click and other data into `debugDL` - Link Click Listener : Halts default action of all clicks on page, and if clicked element is a link, pushes gtm.linkClick and other data into `debugDL` - Form Submit Listener : Halts default action of all forms on page, and upon submitting a form, pushes gtm.formSubmit and other data into `debugDL` -
J’ai ajouté un commutateur avec lequel vous pouvez tuer tous les liens jQuery sur la page. Le commutateur n’est disponible que si jQuery est trouvé sur la page. Lorsque vous cliquez sur le commutateur, tous les gestionnaires jQuery sont annulés. L’idée derrière cela est qu’en tuant les gestionnaires d’événements, vous pouvez vérifier si jQuery empêche les écouteurs de fonctionner. Je l’ai fait simplement parce que le plus souvent, cela a été le problème. L’interrupteur ne peut être utilisé qu’une seule fois. Pour que les gestionnaires d’événements fonctionnent à nouveau, vous devez recharger la page.
-
La fonctionnalité de base est toujours telle qu’elle était, même si j’ai apporté quelques améliorations ici et là. Il a encore besoin d’un peu de refactorisation, car je suis presque sûr que mon JavaScript est tout simplement trop complexe. Les visuels pourraient également être améliorés, mais je préfère que les éléments de base fonctionnent d’abord et ensuite seulement commencer à jouer avec les décorations.
Captures d’écran
Informations sur la mise à jour de la version
Assurez-vous de télécharger l’extension ici et de lire les notes de version. J’ai ajouté un bref aperçu de l’historique des versions dans les notes de publication (ainsi que des instructions plus détaillées), afin que vous puissiez également suivre le cycle de développement.
La liste de tâches contient désormais les éléments suivants (merci pour vos commentaires !) :
-
Améliorer la gestion des erreurs
-
Afficher l’icône du badge qui représente le nombre d’objets dans
debugDL -
Afficher une info-bulle ou un autre signal visuel lorsqu’un événement est poussé avec succès dans
debugDL
Faites-moi savoir si vous avez des améliorations à l’esprit.
Arrêter l’action par défaut des clics et des soumissions ne suffira pas sur certaines pages. Avec les sites complexes, il y a généralement beaucoup d’autres JavaScript qui interfèrent avec ce script simple, donc peu importe ce que vous essayez de faire, les clics et les soumissions vous redirigent toujours. Dans ces cas, la seule chose que je peux vous suggérer de faire est d’essayer d’appuyer sur ESC ou de cliquer sur le bouton STOP de votre navigateur dès que vous avez effectué l’action. Cela devrait être suffisant pour annuler l’action, mais toujours permettre aux données d’être poussées dans debugDL.
