Jak měřit JavaScript chyby v GA4

V tomto článku si ukážeme, jak v Google Tag Manageru nastavit měření JavaScriptových chyb pro Google Analytics 4 pomocí nativního triggeru JavaScript Error. Tento postup vám umožní snadno sledovat, jak často a kde přesně na vašem webu dochází k chybám.

Google Tag Manager má vestavěný trigger, který se spustí právě při výskytu chyby v JavaScriptu. Konkrétně ho lze nastavit následovně:

1. Otevřete váš účet v Google Tag Manageru a přejděte do sekce Triggers (Pravidla).
2. Klikněte na New (Nový) a nový trigger pojmenujte, například „JavaScript Error – all events“.
3. V části Trigger Type (Typ pravidla) vyberte JavaScript Error (Chyba jazyka JavaScript).
4. Vyberte možnost All JavaScript Errors (Všechny chyby JavaScriptu).
5. Uložte trigger.

Jakmile máte připravený trigger, pokračujte vytvořením tagu, který bude odesílat informace o chybách do GA4.

1. V GTM přejděte do sekce Tags (Značky) a klikněte na New (Nová).
2. Zvolte Google Analytics: GA4 Event Tag.
3. Přidejte Measurement ID.
4. Do pole Event Name (Název události) zadejte například „javascript_error“.
5. Přidejte parametry události, např. následovně:
   • error_message: {{Error Message}}
   • error_url: {{Error URL}}
   • error_line: {{Error Line}}
   • {{Error Message}}, {{Error URL}} a {{Error Line}} musí být aktivované v rámci Built-In variables, jinak se vám nebudou zobrazovat.
6. Vyberte trigger „JavaScript Error – all events“, který jste vytvořili v předchozím kroku.
7. Klikněte na Save.
8. Pokud máte vše správně, můžete publikovat změny.

Abyste mohli sledovat a analyzovat data, jako jsou právě Error messages, Error URLs a Error Lines, přímo v GA4, je potřeba tyto parametry zaregistrovat jako custom dimenze.

1. V Google Analytics 4 přejděte do sekce Configure (Nastavení) a vyberte Custom Definitions (Vlastní definice).
2. Klikněte na Create Custom Dimension (Vytvořit vlastní dimenzi).
3. Pro každou dimenzi vyplňte následující nastavení:
   • Dimension Name (Název dimenze): Zadejte například „JavaScript Error Message“.
   • Scope (Rozsah): Zvolte Event (Událost).
   • Event Parameter (Parametr události): Zadejte odpovídající parametr události – „error_message“.
4. To samé udělejte pro „error_url“ a „error_line“, akorát dimenze přidávejte vždy pod potřebným názvem.

Po zaregistrování těchto dimenzí v GA4 budete moci zobrazit a analyzovat všechny relevantní detaily o JavaScriptových chybách přímo v přehledech GA4.

Závěrem, sledování JavaScriptových chyb pomocí nativního triggeru v GTM a jejich odesílání do GA4 je užitečná metoda pro identifikaci technických problémů na webu. Obzvláště v případě, že vývojář webu nepoužívá na zaznamenávaní chyb jiné nástroje jako např. „TrackJS“.