Google Tag Manager

Jak ve WordPress nainstalovat a nastavit Google Tag Manager

Chcete nastavit Google Tag Manager ve WordPressu? Nejste si jisti, zda Google Tag Manager na svém WordPress webu potřebujete ? V tomto článku vám ukážeme, jak správně nainstalovat a nastavit Google Tag Manager ve WordPress, a vysvětlíme jeho výhody.

Co je to Google Tag Manager?

Majitelé webových stránek často potřebují přidat několik fragmentů kódu, aby mohli sledovat konverze, návštěvnost a shromažďovat další analytické údaje.

Pomocí Google Tag Manageru můžete všechny tyto skripty snadno přidávat a spravovat z jediného ovládacího panelu.

K dispozici jsou vestavěné šablony tagů pro služby jako jsou Google Analytics, Adwords, DoubleClick atd. Google Tag Manager také spolupracuje s několika platformami pro analýzu a sledování třetích stran.

Kromě toho můžete pomocí vlastního HTML kódu přidat vlastní sledování nebo jakýkoli jiný kód, který chcete.

Ušetříte si tak čas s přidáváním a odebíráním značek ze zdrojového kódu a raději je budete spravovat z jednoduchého ovládacího panelu. Nemluvě o tom, že všechny tyto skripty jsou načteny v jednom skriptu a snižujete tak potřebné množství pluginů, což je lepší pro optimalizaci rychlosti.

Registrace Google Tag Manager

Přejděte na webovou stránku Google Tag Manager a zaregistrujte se pomocí stejného Google účtu, který jste použili (nebo budete používat) u služby Google Analytics. Obě služby jsou zdarma.

Po přihlášení se dostanete na stránku pro přidání nového účtu. Jednoduše zadejte název účtu, vyberte zemi a pojmenujte kontejner. Cílová platforma je Web, protože Google Tag Manager budeme propojovat s WordPressem. Nakonec klikněte na tlačítko Vytvořit a přijměte podmínky používání.

Tvorba účtu v Google Tag Manager

To je vše. Nyní jste přesměrování do svého účtu a zobrazí se vám sledovací kód, který je potřeba implementovat do WordPress webu, viz další kapitola.

Instalace Google Tag Manageru

Instalace Google Tag Manager do WordPress webu

Propojení WordPress a Google Tag Manager je velmi jednoduché. Budeme k tomu potřebovat plugin GTM4WP. Plugin se nachází v oficiálním katalogu pluginů a lze jej nainstalovat přímo z WordPress administrace.

Plugin GTM4WP

Po instalaci a aktivaci běžte do sekce Nastavení → Google Tag Manager a do pole Google Tag Manager ID vložte ID vašeho účtu.

ID najdete v instalačních kódech a vždy se jedná o GTM-XXXXXX. Pokud jste okno s instalačním kódem zavřeli, nevadí, ID najdete v pravém horním rohu.

ID GTM účtu

Ujistěte se, že v nastavení pluginu máte Container code ON/OFF nastaveno na ON. V opačném případe byste si kód museli vložit do webu sami. Nakonec nastavení pluginu uložte.

Nastavení Google Tag Manager WordPress pluginu

Propojení s Google Analytics (GA4)

Jako vzorové vložení fragmentu kódu přes Google Tag Manager ve WordPress si ukážeme Google Analytics (GA4).

Pokud ještě Google Analytics (GA4) nemáte, v návodu Jak ve WordPress nastavit sledování pomocí Google Analytics 4 si jej můžete vytvořit. Nicméně dle návodu již nepoužívejte specifický plugin pro vložení sledování do WordPress, protože jej budeme vkládat přes Google Tag Manager.

Nejprve potřebujete získat ID MĚŘENÍ z Google Analytics. To najdete kliknutím na ikonu správce, poté vybráním položky Datové streamy ve sloupci Služba a kliknutím na web.

Google Analytics 4 ID měření

Se zkopírovaným ID měření GA4 se vraťte na stránku Google Tag Manageru a z menu vyberte položku Značky a klikněte na Nová.

GTM tvorba značky

Vlevo nahoře zadejte její název (například GA4) a klikněte do pole Konfigurace značky. Zobrazí se seznam značek, které lze použít. Vyberte Google Analytics: konfigurace GA4.

GTM vložení značky GA4

Do pole ID měření vložte zkopírovaný kód z Google Analytics 4.

GTM - Vložení ID měření GA4

Nyní je ještě potřeba kliknout na pole Spouštění a nastavit, kdy se daný kód do stránky vloží. Protože se jedná o sledovací kód, chcete jej mít všude, a proto z nabídky vyberte All Pages.

GTM - Spouštění fragmentu kódu

Vše pomocí tlačítka Uložit vpravo nahoře uložte a následně pomocí tlačítka Odeslat a Publikovat změny potvrďte. Před publikováním chce Google Tag Manager ještě přidat název publikace, zde napište například přidání GA4. Jedná se jen o poznámku k uložení.

GTM - Odeslat

Nyní máte hotovo a vložili jste Google Tag Manager do WordPress webu a přes něj sledovací kód Google Analytics 4.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

2 názory na “Jak ve WordPress nainstalovat a nastavit Google Tag Manager”

  1. Dobrý den, Tomáši,

    děkuji za návod. Je skvělý. Vše se mi hned podařilo na 3 webových stránkách,

    ale na jedné webové stránce to nefunguje. Co to prosím znamená?

    Viz.

    Warning: Undefined array key “container-on” in /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-content/plugins/duracelltomi-google-tag-manager/admin/admin.php on line 669

    Warning: Undefined array key “compat-mode” in /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-content/plugins/duracelltomi-google-tag-manager/admin/admin.php on line 670

    Warning: Cannot modify header information – headers already sent by (output started at /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-content/plugins/duracelltomi-google-tag-manager/admin/admin.php:669) in /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-includes/pluggable.php on line 1435

    Warning: Cannot modify header information – headers already sent by (output started at /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-content/plugins/duracelltomi-google-tag-manager/admin/admin.php:669) in /data/web/virtuals/325097/virtual/www/domains/symaproduction.cz/wp-includes/pluggable.php on line 1438

    Ještě jednou moc děkuji.

    Přeji Vám hezký den

    Jiří

  2. Dobrý den,

    tyto chybové hlášení naznačují několik problémů v PHP kódu WordPress pluginu a jádra WordPressu.

    1/ Neurčený klíč pole: První dvě varování (Undefined array key “container-on” a Undefined array key “compat-mode”) ukazují, že ve skriptu admin.php pluginu Duracelltomi Google Tag Manager se pokoušíte přistupovat k hodnotě v poli pomocí klíčů “container-on” a “compat-mode”, ale tyto klíče neexistují v daném poli. Toto může být způsobeno několika věcmi:

    • Klíče nebyly správně nastaveny nebo inicializovány před jejich použitím.
    • Mohlo dojít k chybě při načítání nebo zpracování dat, která měla tato pole obsahovat.
    • Kód může předpokládat existenci těchto klíčů bez ověření.

    Aby se tato chyba opravila, je třeba zkontrolovat, zda jsou klíče “container-on” a “compat-mode” správně nastaveny v poli před jejich použitím, nebo implementovat kontrolu, zda klíč v poli existuje pomocí funkcí jako isset() nebo array_key_exists().

    2/ Nelze modifikovat hlavičku informací: Další dvě varování (Cannot modify header information – headers already sent by…) jsou způsobeny pokusem o změnu HTTP hlaviček po tom, co byl již odeslán výstup do prohlížeče. V PHP nelze odesílat hlavičky po odeslání těla odpovědi, což zahrnuje i chybové zprávy nebo jakýkoli jiný výstup. Tyto chyby jsou často způsobeny:

    • Vypisováním obsahu (např. echo, print) nebo chyb (jako jsou ty vaše první dvě varování) před voláním funkcí souvisejících s hlavičkou.
    • Použitím prázdných mezer nebo nových řádků před otevíracím tagu v PHP souborech.

    Řešení zahrnuje zajištění, aby nebyl před voláním funkcí pro manipulaci s hlavičkou odeslán žádný výstup. Měli byste také zkontrolovat, zda soubory neobsahují žádné nežádoucí mezery nebo prázdné řádky před .

    Oprava těchto chyb bude nejspíše vyžadovat úpravu PHP kódu pluginu. Také doporučuji zkusit vypnout další pluginy, jestli tam nevzniká konflikt nebo zkusit plugin přeinstalovat.

Diskuze

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

Nákupní košík

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte e-mail, ať o nic nepřijdete!

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Vylaďte WordPress stránky s naším tahákem

V e-booku najdete informace a rady pro WordPress od A do Z. Zadejte e-mail a my vám WordPress tahák pošleme.

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Přejít nahoru