Olvasási idő: 15 perc

Korábban írtam egy teljes útmutatót a Google Search Console-ról, mert tapasztalatom, hogy milyen sokan nem használják ki ezt.

De a Google másik ingyenes eszköze, a Google Tag Manager használata is hasonlóan ritkaság számba megy…

Ezért meg akarom mutatni Neked, és szeretnélek meggyőzni Téged, hogy milyen hasznos is ez az eszköz. Továbbá azt is megmutatom, hogy mennyi szívástól tud megmenteni Téged és az online marketing kiviteleződet.

Az online marketing kivitelezéshez mindig szükség van a weboldal fejlesztőjére is. Tehát arra, aki létrehozta a weboldalt vagy éppen kezeli azt. Ő egy kulcsfontosságú személy az ügyfél és a marketing kivitelező között.

Sok esetben a webfejlesztőt nehéz elérni, akár csak egy pár perces munka elvégzésére is. Ilyen például a követőkódok, script kódok elhelyezése a weboldalon…

Tartalom:

I. Google Tag Manager bemutatása
II. A Google Tag Manager előnyei
III. Regisztráció és beállítás
IV. Kódok beállítása
       Általánosan így kell beállítani egy script kódot
V. GYIK
VI. Összefoglalás

 

Google Tag Manager bemutatása

 

Magyarországon talán annyira sokan nem használják, pedig egy nagyon jó ingyenes Google eszköz ez is, mint az Analytics vagy a Search Console.

Az online marketingesek nem igazán ismerik ezt az eszközt, és a webfejlesztők sem nagyon foglalkoznak ezzel. Természetesen vannak szakik ebben is, de inkább annak a célközönségnek írtam ezt a cikket – cégvezetők, marketingesek -, akik nem nem biztos, hogy hallottak már erről a Google eszközről.

A Moz.com, a világ egyik legprofibb SEO és online marketing cikkeit publikáló oldala ezen a véleményen van a Google Tag Managerről (GTM):

“Bármilyen méretű vállalkozás profitálhat a GTM használatából. A GTM jelentősen leegyszerűsíti a kódok hozzáadását és szerkesztését, így azok programozói segítség nélkül kezelhetők,  emiatt jó megoldás lehet kisebb vállalkozások számára, ahol a technikai segítség csak korlátozottan elérhető. A GTM növeli az oldalsebességet, mivel segítségével a címkék gyorsabban töltődnek be.”

 

A Google Tag Manager előnyei

 

Előnye, hogy mindenféle követőkódot és az egyéb script kódokat egy helyen tudod kezelni. Nem kell a weboldaladba belenyúlni, vagy a WordPress témádban elhelyezni a kódokat.

Sőt, webfejlesztőre sincs szükséged, ha például egy olyan hasznos proginak, mint a Hootjar.comnak a követőkódját kell elhelyezned az oldalon, a GTM-ben ez is pár perc alatt elvégezhető. 🙂

Ugyanígy a Google Analytics kódot, a Google Adwords konverziós kódot, és a strukturált adatok kódjait is beállíthatod, ráadásul ezenkívül is rengeteg más beállítás van.

És igen, a GTM tényleg arra való, hogy kódokat adj a weboldaladhoz, vagy szerkeszd azokat anélkül, hogy bele kellene nyúlnod a weboldalad forráskódjába. Sokan amiatt riadnak meg, hogy ha itt kódokról van szó, akkor biztos, hogy ehhez webfejlesztői, programozói tudás szükséges.

Pedig pont ez az, hogy nem. Vállalkozók, vezetők, marketing menedzserek gyorsan és egyszerűen tudnak követő-, konverziós-, akár remarketing kódokat elhelyezni a honlapra anélkül, hogy bármit is elronhatnának a weboldalon.

Ezek az úgynevezett script kódok tehát, a GTM-en keresztül nem fogod tudni szerkeszteni a honlapot, azzal azt nem lehet. Később látni fogod, hogy pontosan mit is tudsz beállítani.

Egyedül az elején kell a Google Tag Manager fiók kódját beállítani az oldalra. Ehhez lehet, hogy szükséged lesz a weboldal szerkesztőjére, de ez is teljesen elkerülhető.

A következő részben lépésről lépésre megmutatom ezt.

 

Regisztráció és beállítás

 

A regisztrációhoz egy Gmail fiókra van szükséged, ahogy az Analytics és Search Console regisztrációhoz is.

Ha beléptél, akkor itt tudsz GTM fiókot létrehozni.

Ez az oldal fog fogadni:

 

Google Tag Manager fiók lérehozása

 

Töltsd ki a mezőket. Egy fiókba több tárolót is létre tudsz hozni, tehát ha több weboldalad is van, akkor egy fiókot elég ehhez létrehozni pl.: ‘XY könyvelőcég’ néven, majd a tárolóknál megadhatod a weboldalak domain neveit. Később látni fogod, hogy ezt miként is csoportosítja a GTM.

Én így töltöttem ki, mivel weboldalra akarok majd kezelni, így az ‘Internet’ opciót jelöltem meg a tároló használati helyének:

 

GTM tároló létrehozása

 

A ‘Létrehozás’ gomb megnyomása után még egy szöveges doksi alján be kell pipálni, el kell fogadni a GDPR adatfeldolgozásáról szóló feltételeket, majd fent az ‘Igen’ gomb kattintható lesz.

Ezután meg is nyílik a GTM felülete, de a ‘Google Címkekezelő telepítése’ ablak ugrik fel. Ebben található az a script kód, amelyet a weboldaladban el kell helyezni. Ez bezárható, bármikor újra megnyitható, ha a GTM kezdőlapján a címke kódra kattintasz:

 

GTM címke kód megnézése

 

A GTM összekapcsolása a weboldallal többféleképpen is történhet:

  1. A weboldalad megfelelő helyeire beilleszted a kódot, a GTM pontosan megadja, hogy mit és hova kell betenni.
  2. Ha WordPress motorú weboldalad van, akkor egy kis pluginnal ez gyorsan beállítható.

Ha ez készen van, akkor érdemes leellenőrizni. Meg lehet nézni a weboldal forrásában, de van erre a Google-nek hivatalos bővítménye (Tag Assistant) is a Chrome böngészőhöz.

Ezzel egyébként nem csak a Google Tag Manager beállítását, hanem az Analytics kód, és az Adwords konverziós és remarketing kódok ellenőrzését is gyorsan meg lehet csinálni.

 

Kódok beállítása

 

Videóban és szövegesen is levezetem egy script kód beállítását a Tag Managerben.

Eldöntheted, hogy Neked melyik segít jobban. 🙂

Készítettem egy saját kis videót, amelyben azon megyek végig, hogy hogyan lehet egyéni HTML kódot beállítani adott oldalakra. Ugyanez a folyamata, ha például Adwords konverziós kódot, HotJar, Analytics vagy más kódot szeretnél beállítani:

 

Általánosan így kell beállítani egy script kódot:

Kattints a bal oldali menüoszlopban a ‘Címkék’ pontra.

Majd kattints az ‘Új’ gombra.

A címkének olyan nevet adj, amit utána könnyen megtalálsz, rögtön tudni fogod, hogy mire állítottad be.

A címke konfigurálására kattintva beúszik jobbról egy oszlop címke típusokkal:

 

Google Tag Manager címke típusok

 

Ha az Analyticset szeretnéd beállítani, akkor a ‘Google Analytics – Universal Analytics’ címke típusra kell kattintanod, ha a Google Ads (Adwords) konverziós kódot szeretnéd beállítani, akkor a ‘Google Ads Conversion Tracking’-re kattints, és így tovább.

Ezek előnye, hogy ilyenkor nem egy teljes, többsoros kódot kell megadnod, hanem pl. Analytics esetén csak az Analytics követőkódot, vagy Google Ads esetében csak 2 egyedi azonosító kódot.

Ezenkívül van pár szoftvercég, amely elérte, hogy bekerüljön a címke típusok közé. Talán Magyarországon ismertebb szofverek a Hotjar, a Crazyegg, a Linkedin, a Bingm stb… Ezek gyorsan beállíthatóak.

Ha strukturált adatot szeretnél beállítani, akkor a ‘Custom HTML’ címke típust kell választanod:

Ezután ide be tudod tenni a megfelelő script kódot, strukturált adatok esetén a JSON-LD típusú kód fog működni.

Itt egy példa, ahogy beillesztettem:

 

GTM strukturáld adat beállítása

 

Ezután az ‘Aktiválási szabály’ a következő. Itt lehet megadni azt, hogy mely oldalakra illessze be/aktiválja a kódot. Kattints az aktiválási szabály részre:

triggerek GTM

Itt mindig az ‘All Pages’ opciót jeleníti meg, vagyis minden oldalra aktiválja a kódot.

Természetesen Te is tudsz hozzáadni aloldalakat.

Kattints a jobb felső sarokban található + ikonra.

Egy új ablak úszik be jobbról, majd itt a ‘Névtelen aktiválási szabály’ mezőt írd át. Ha a főoldalt szeretnéd beállítani, akkor add meg ezt a nevet.

Kattints bele az ‘Aktiválási szabály konfigurálása’ mezőbe. Ismét beúszik jobbról egy ablak. Itt is milliónyi lehetőség van, de mi most csak egy weboldal egyik oldalát szeretnénk beállítani, ezért kattints a ‘Page View’ opcióra:

GTM page view trigger beaállítása

 

‘Az aktiválási szabály aktiválása’ rész alatt jelöld ki a ‘Some Page Views’ opciót:

some page views

 

Ha kizárólag egy adott aloldalra szeretnéd beállítani a kódot, akkor az első legördülő menüből válaszd ki a ‘Page Path’ opciót, majd a másodiknál az ‘egyenlő ezzel:’ opciót. Végül az utolsó részbe kell beírni az URL-t, amelyet olyan formában kell megadni, hogy a domaint elhagyod, tehát, ha a főoldalról van szó, akkor így: /

Tag Manager aktiválási szabály

Ha más aloldalt szeretnél megadni, például a kapcsolat aloldalt, akkor így: /kapcsolat

Itt több oldal is megadható egyszerre, nem kell mindig külön címkéket létrehozni ugyanazokkal a kódokkal.

Ha kész, akkor a ‘Mentés’ gombra kattints a jobb felső sarokban.

Ezután ez az ablak eltűnik, és kattints a következőnél is a ‘Mentés’ gombra.

Ezzel azonban még nincs aktiválva! A címkék oldalra jutsz, ahol a ‘Küldés’ gombra kell kattintani a jobb felső sarokban, majd a ‘Közzététel’ gombra.

Tárolóverzió leírás megadása nem kötelező, így nyugodtan kattinthatsz a ‘Folytatás’ vagy a ‘Kihagyás’ gombra is. Pár másodpercig dolgozik a rendszer, és kész is vagy!

 

GYIK

 

Mi az a Google Tag Manager?

A GTM jelentősen leegyszerűsíti a kódok hozzáadását és szerkesztését, így azok programozói segítség nélkül kezelhetők. A GTM növeli az oldalsebességet, mivel segítségével a címkék gyorsabban töltődnek be.

Ingyenes a Google Tag Manager?

Igen, teljesen ingyenes eszköz.

Mire használható a Google Tag Manager?

Többféle kódot lehet beállítani és egy felületen átláthatóan lehet ezeket kezelni és szerkeszteni. Olyanokat lehet bekötni, mint: Google Analytics, Googe Ads konverzió és remarketing, HotJar CrazyEgg. De ezenkívül rengeteg profi beállítást el lehet végezni.

Keresőoptimalizáláshoz elengedhetetlen eszköz a Google Tag Manager?

Nem, nem szükséges a sikeres keresőoptimalizáláshoz ezt a Google eszközt beállítanod a weboldaladhoz. (a Google Search Console-t viszont mindenképp!)


Összefoglalás

Ahogy az elején is írtam, ez nem egy haladó szintű vagy profi GTM beállítási cikk. Én erről nem is írnék, mert a tudásom még nincs meg hozzá. Webshopoknál is rengeteg más mérési beállítást el lehet végezni GTM-mel, és nagyon sok komoly funkciója van.

Célom az volt, hogy elsőnek minél többen ismerjék meg ezt a Google terméket is. Az Analyitcs már sok weboldalnál integrálva van, a Search Console is egyre gyakrabban látható, mert a keresőoptimalizáláshoz elengedhetetlen, de a Tag Manager a legritkább, amivel találkozom egy weboldalnál.

Nem kötelező persze, nincs olyan jelentősége, mint a másik két Google eszköznek, azokat tényleg nagy hiba nem használni, viszont olvashattad ebben a cikkben, hogy mennyi mindenben segít a Google Tag Manager.