Declencheur : JavaScript Error

Ce qu'on va faire sur cette page

Le declencheur JavaScript Error fire quand une erreur JavaScript non geree se produit sur la page. Utile pour monitorer les bugs cote client.

  1. Ouvrir GTM Preview
  2. Cliquer sur les boutons ci-dessous (chacun declenche un type d'erreur JS different)
  3. Observer les events "JavaScript Error" dans le Summary
  4. Regarder les variables Error Message, Error URL, Error Line

Chaque bouton declenche volontairement une erreur JavaScript differente

Ouvre aussi la console du navigateur (F12) pour voir les erreurs en parallele.

Les 4 types d'erreurs demontrees 
// Ce que chaque bouton fait :

// ReferenceError
undefinedVariable.doSomething();
// -> "undefinedVariable is not defined"

// TypeError
null.toString();
// -> "Cannot read properties of null"

// SyntaxError (via eval)
eval("var x = {");
// -> "Unexpected end of input"

// Custom Error
throw new Error("Erreur custom declenchee depuis la demo");
// -> "Erreur custom declenchee depuis la demo"
Configuration GTM pour le monitoring d'erreurs 
// Variables disponibles dans GTM pour JavaScript Error :

Error Message  -> Le message d'erreur (ex: "undefinedVariable is not defined")
Error URL      -> L'URL du script qui a cause l'erreur
Error Line     -> Le numero de ligne dans le script

// Configuration GTM :
// Trigger : JavaScript Error (aucun filtre = toutes les erreurs)
//
// Tag GA4 Event :
// Event name : javascript_error
// Parametres :
//   error_message = {{Error Message}}
//   error_url = {{Error URL}}
//   error_line = {{Error Line}}
//   page_url = {{Page URL}}

Cas d'usage

Le monitoring d'erreurs JS via GTM est un complement aux outils dedies (Sentry, Bugsnag, etc.). C'est utile quand on n'a pas d'outil de monitoring en place, ou pour avoir les erreurs directement dans GA4 et les croiser avec les donnees utilisateur (device, page, segment).