GTM: Custom HTML tag – Tipy

Pár tipů ohledně používání nejďábelštějšího tagu „Custom HTML“. Jak využít HTML/JS komentáře, rozdíl pořadí v Preview mode vs. spuštění tagů a pár poznámek ke kontrole před publikováním.

Tip #1 – Využijte komentáře

Ať už to víte, či ne – GTM automaticky

  • odstraňuje komentáře (JS, HTML)
  • odstraňuje prázdné řádky
  • odstraňuje mezery mezi příkazy

Níže je ukázkový kód, který obsahuje všechny tyto neduhy:

GTM si tohle nenechá líbit a v gtm.js vygeneruje minifikovaný tag:

Co tohle chování nevyužít pro dokumentaci vložených tagů? Pokud se o web stará x dodavatelů (jeden řeší PPCčka, druhý Facebook, třetí Affiliate…) je fajn si ke každému tagu dopsat odkud se vzal, kdo jej poslal, kdo jej vložil a ideálně v jakém tiketu se tohle řešilo. Jestli jste někdy řešili otázku „Kdo mi to poslal?“ a nechcete prohledávat poštu a složky, tak je tohle možná cesta.

Tip #2 – Preview mód a zobrazení pořadí tagů

Google Tag Manager spouští jednotlivé tagy dle interního id (v podstatě pořadí vytvoření).

V Preview mode si pořadí tagů seřadí dle abecedy.

Na screenu níže je vidět rozdíl mezi preview mode a v konzoli, kde je vypsán začátek skriptu (spuštění). Není to někde uvedeno a ne každý si to všimne.

gtm-poradi-preview-mode

Tip #3 – Kontrolujte v Console

Ještě důležitější, než Preview mode je samotná Console, kde si pokaždé ověřujte, že tag vygenerovaný kód opravdu poslal nějaké požadavky a že nic neskončilo chybou. To, že se tag spustil ještě neznamená, že je vše OK.

Na obrázku níže se sice tag „Malinkej externi skriptik“ spustil, ale byla v něm chybička. Bez Console si toho nevšimnete.

Pozn. Můžete využít události gtm.pageError, ale ta neřeší např. 404ky

gtm-error-konzole

Vložený tag ještě ověřujte v Network, že jsou requesty OK.

gtm-request-konzole

Kontroluji takhle každou vloženou úpravu – i když se jedná o „kopii s jinými parametry“. Jistota je jistota.

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *