Hogyan telepítse a Smartsupp-ot weboldalára a Google Tag Manager segítségével — a GTM-fiók létrehozásától a Smartsupp chat kódot tartalmazó tag közzétételéig.
A Google Tag Manager (GTM) a Google ingyenes eszköze, amellyel nyomkövető kódokat és szkripteket kezelhet weboldalán anélkül, hogy közvetlenül szerkesztené a forráskódot. Ez az útmutató végigvezeti a teljes beállításon — GTM-fiók létrehozása, a GTM kódrészlet hozzáadása weboldalához és a Smartsupp chat kód beillesztése tagként.
Az útmutatót a következő szakaszokra osztottuk:
GTM-fiók létrehozása
Ha még nincs Google Tag Manager fiókja, látogasson el 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ágát.
Állítson be egy konténert a weboldalához. Adja meg weboldala URL-jét, célplatformként válassza a Web lehetőséget, majd kattintson a Létrehozás gombra.
Fogadja el a Szolgáltatási feltételeket a folytatáshoz.
GTM telepítése a weboldalra
A fiók létrehozása után a GTM két kódrészletet jelenít meg. Ezeket hozzá kell adnia weboldala HTML-jéhez:
Az első részletet illessze be minél magasabbra a <head> szakaszba.
A második részletet illessze be közvetlenül a nyitó <body> tag után.
Tipp: Ha olyan platformot használ, mint a WordPress, Shopify vagy PrestaShop, lehet, hogy már rendelkezik beépített Smartsupp bővítménnyel — nézze meg telepítési útmutatónkat a platformához, mielőtt a GTM-et használná.
A GTM kódrészletekhez később is hozzáférhet a konténer-azonosítóra (pl. GTM-XXXXXX) kattintva a GTM vezérlőpult tetején.
Új címke létrehozása
A GTM vezérlőpulton kattintson az Új címke hozzáadása gombra (vagy lépjen a Címkék > Új menüpontra). Adjon nevet a címkének, például Smartsupp Chat.
Kattintson a Címke beállítása területre, és válassza az Egyéni HTML címketípust.
A Smartsupp kód beszúrása
Az egyedi Smartsupp chat kódját a vezérlőpulton találja: Beállítások > Chatbox > Telepítés > Kód beszúrása. Másolja ki a teljes kódrészletet.
Illessze be a kódot a GTM-ben lévő új címke HTML mezőjébe. Ezután kattintson az alábbi Aktiválás szakaszra, és válassza az Összes oldal lehetőséget — így biztosíthatja, hogy a Smartsupp chat widget a weboldala minden oldalán betöltődjön.
Megjegyzés: Győződjön meg róla, hogy a teljes kódot illeszti be, beleértve a <script> címkéket is. Egyes platformoktól eltérően a GTM az Egyéni HTML címketípusban elfogadja a teljes HTML-t, beleértve a script címkéket is.
A címke publikálása
Kattintson a Mentés gombra a címke mentéséhez, majd kattintson a Beküldés gombra a GTM vezérlőpult jobb felső sarkában.
Adjon hozzá egy verziónevet és leírást (opcionális), majd kattintson a Publikálás gombra.
A telepítés ellenőrzése
Nyissa meg weboldalát egy új böngészőlapon, és frissítse az oldalt. A Smartsupp chat widgetnek most már láthatónak kell lennie a weboldala sarkában.
Tipp: Ha nem látja a chat widgetet, próbálja meg törölni a böngésző gyorsítótárát, vagy nyissa meg weboldalát inkógnitó ablakban. Győződjön meg arról is, hogy a GTM konténer kódja megfelelően telepítve van a weboldalán.
Kapcsolódó források:
Smartsupp telepítés — az összes telepítési módszer teljes áttekintése.
Többnyelvű chatbox — a chat widget beállítása több nyelven.
Mi a következő lépés?
Alapvető chatbox beállítások — Szabályozza a színeket, pozíciót, üdvözlő üzeneteket és továbbiakat.
Chatbox állapot — Tudja meg, hogyan működik a chat widget állapota és hogyan vezérelheti.
Miért nem látom a chatet a weboldalamon? — A leggyakoribb telepítési problémák elhárítása.
Bővítmények letöltése — Fedezze fel az összes elérhető platform integrációt.
💡 További segítségre van szüksége? Lépjen kapcsolatba támogató csapatunkkal — szívesen segítünk!