A Google Tag Manager (GTM) egy ingyenes Google-eszköz, mellyel nyomkövető kódokat és szkripteket kezelhet weboldalán anélkül, hogy a forráskódot közvetlenül kellene szerkesztenie. Ez az útmutató lépésről lépésre végigkíséri a teljes folyamaton: a GTM-fiók létrehozásától, a GTM kódrészlet weboldala HTML-jéhez adásán át, egészen a Smartsupp chat kód címkeként történő beillesztéséig.
Az útmutatót a következő szakaszokra bontottuk:
GTM-fiók létrehozása
Ha még nincs Google Tag Manager-fiókja, lépjen a tagmanager.google.com oldalra, és jelentkezzen be Google-fiókjával. Kattintson a Fiók létrehozása gombra, adja meg a fiók nevét, és válassza ki az országot.
Ezután hozzon létre egy konténert weboldalához. Adja meg weboldala URL-címét, válassza a Web lehetőséget célplatformként, majd kattintson a Létrehozás gombra.
A folytatáshoz fogadja el a Szolgáltatási feltételeket.
GTM telepítése weboldalán
Miután létrehozta fiókját, két kódrészletet kap a GTM-től. Ezeket kell beillesztenie weboldala HTML-kódjába:
Az első kódrészletet helyezze el a lehető legmagasabban a <head> részben.
A második kódrészlet közvetlenül a <body> tag nyitása után kerüljön.
Tipp: Ha olyan platformot használ, mint a WordPress, a Shopify vagy a Prestashop, lehet, hogy már van beépített Smartsupp pluginje – ellenőrizze telepítési útmutatónkat az adott platformhoz, mielőtt a GTM-et alkalmazná.
A GTM kódrészletekhez később is hozzáférhet: kattintson a konténerazonosítóra (pl. GTM-XXXXXX) a GTM irányítópult tetején.
Új címke létrehozása
A GTM irányítópultján kattintson az Új címke hozzáadása gombra (vagy lépjen a Címkék > Új menüpontra). Adjon nevet címkéjének, például Smartsupp Chat.
Kattintson a Címke konfiguráció területre, majd válassza az Egyéni HTML címketípust.
Smartsupp kód hozzáadása
Az egyedi Smartsupp chat kódot az irányítópulton a Beállítások → Csatornák → Élő chat → Telepítés menüpontban találja. Másolja ki a teljes kódrészletet.
Illessze be ezt a kódot az új címke HTML mezőjébe a GTM-ben. Ezután kattintson az alatta található Triggerelés szakaszra, és válassza az Összes oldal lehetőséget – így a Smartsupp chat widget minden weboldalán meg fog jelenni.
Megjegyzés: Ügyeljen arra, hogy a teljes kódot – beleértve a <script> tageket is – illessze be. A GTM az Egyéni HTML címketípus esetében elfogadja a teljes HTML-t, beleértve a script tageket is.
Címke közzététele
Kattintson a Mentés gombra a címke mentéséhez, majd a GTM irányítópult jobb felső sarkában található Beküldés gombra.
Adjon meg verziónevet és leírást (opcionális), majd kattintson a Közzététel gombra.
Telepítés ellenőrzése
Nyissa meg weboldalát új böngészőfülön, majd frissítse az oldalt. A Smartsupp chat widgetnek most már láthatónak kell lennie weboldala sarkában.
Tipp: Ha nem jelenik meg a chat widget, törölje a böngésző gyorsítótárát, vagy próbálja inkognitóablakban megnyitni weboldalát. Győződjön meg arról, hogy a GTM konténerkód megfelelően lett telepítve weboldalára.
Kapcsolódó források:
Smartsupp telepítés – teljes áttekintés minden telepítési módról.
Többnyelvű chat doboz – útmutató a chat widget többnyelvű beállításához.
Mi a következő lépés?
Alapvető chat doboz beállítások – Színek, pozíció, üdvözlő üzenetek és további testreszabási lehetőségek.
Chat doboz státusza – Megismerheti, hogyan működik a chat widget státusza, és hogyan szabályozható.
Miért nem jelenik meg a chat weboldalán? – A leggyakoribb telepítési problémák elhárítása.
Pluginok letöltése – Az összes elérhető platformintegráció megismerése.
💡 További segítségre van szüksége? Vegye fel a kapcsolatot ügyfélszolgálatunkkal – munkatársaink örömmel segítik Önt!