Comment détecter une erreur JavaScript ?
Si vous rencontrez un des problèmes de fonctionnalité front office suivants lorsque vous testez un de nos modules :
- Votre balise de suivi ne fonctionne pas (par exemple pour nos modules de tracking : Google Dynamic Remarketing, Google Ads Conversion Tracking Pro, Google Analytics, Facebook Dynamic Ads + Pixel, TikTok Ads, ...)
- Vous cliquez sur un bouton / un onglet et rien ne se passe
- Des boutons ne s'affichent pas (par exemple les boutons de connexion, les boutons de partage, etc...)
- Des éléments de votre page ne s'affichent pas (par exemple les étoiles de notation d'un produit dans le formulaire "Evaluez-le")
- Une pop-up ne s'affiche pas
- Un badge ne s'affiche pas (par exemple le badge Google Avis Clients de notre module Google Merchant Center Pro)
cela peut avoir plusieurs causes, dont une erreur JavaScript du module, du thème ou d’un autre script. La console aide à identifier le fichier concerné ; elle ne suffit pas toujours à établir la cause.
Les erreurs JavaScript peuvent être « silencieuses » sur la page : le message technique est alors visible dans la Console. Or, afin que nous puissions savoir ce qui a provoqué le disfonctionnement, nous avons besoin que vous nous envoyiez un imprime-écran de l'erreur. Voici donc la procédure à suivre pour afficher l'erreur clairement :
Suite à un des problèmes de fonctionnalité énumérés plus haut, faites ceci :
Si nécessaire pour identifier les fichiers d’origine, désactivez temporairement Smart cache pour le code JavaScript dans Paramètres avancés > Performances > CCC. Vous pouvez commencer par consulter la console sans changer ce réglage.
- Ensuite, revenez sur le front-office de votre boutique, faites un clic droit et sélectionnez "Inspecter" :
La console d'outil de développement s'ouvre. Cliquez sur l'onglet "Console".
Rendez-vous sur la page concernée et reproduisez le problème (par exemple si c'est le clic sur un bouton qui ne fonctionne pas, re-cliquez sur le bouton; si c'est le déclenchement d'une balise de suivi lors de l'affichage de la page de confirmation de commande, re-passez une commande pour faire apparaître de nouveau une page de confirmation de commande).
Si une erreur javascript existe, vous verrez apparaître dans la fenêtre une ou plusieurs erreurs en rouge, comme par exemple :
Faites un imprime-écran des erreurs et envoyez-le nous via notre formulaire de contact, nous aiderons à identifier son origine et la suite du diagnostic.
Ne modifiez le réglage Smart cache pour le code JavaScript que temporairement pour le diagnostic, si nécessaire pour retrouver les fichiers d’origine, puis rétablissez sa valeur initiale. Vous pouvez d’abord consulter la console sans modifier ce réglage. Si aucune erreur n’apparaît, transmettez aussi les étapes de reproduction ; l’absence d’erreur dans la console ne prouve pas que la fonctionnalité fonctionne.
Exemple pédagogique déclenché sur la démonstration officielle de Chrome. Relevez le message, le fichier et la ligne. Cet exemple n’indique pas une erreur propre à votre module.