A Google Tag Manager (GTM) a Google díjmentesen elérhető eszköze, amely lehetőséget ad arra, hogy a weboldalán nyomkövető kódokat és szkripteket kezeljen anélkül, hogy módosítania kellene a forráskódot. Ez az útmutató végigkíséri Önt a teljes folyamaton – a GTM-fiók létrehozásától a snippet elhelyezéséig és a Smartsupp chat kód címkeként történő hozzáadásáig.
Az útmutatót az alábbi lépésekre bontottuk:
GTM-fiók létrehozása
Amennyiben még nem rendelkezik Google Tag Manager fiókkal, kérjük, látogasson el a tagmanager.google.com oldalra, és jelentkezzen be Google-fiókjával. Kattintson a Fiók létrehozása lehetőségre, adja meg a fiók nevét, majd válassza ki az országot.
Állítson be egy új konténert weboldalához: adja meg weboldalának címét, majd célplatformként válassza a Web opciót, végül kattintson a Létrehozás gombra.
A folytatáshoz fogadja el a felhasználási feltételeket.
GTM telepítése weboldalára
A fiók elkészítése után a GTM két snippetet jelenít meg, melyeket a weboldala HTML-kódjába kell illesztenie:
Az első snippettet illessze be a <head> rész elejére, lehetőleg az oldal tetejére.
A második snippettet helyezze közvetlenül a <body> címke megnyitása után.
Tipp: Amennyiben például WordPress, Shopify vagy Prestashop rendszert használ, előfordulhat, hogy már elérhető dedikált Smartsupp bővítmény – mielőtt a GTM-et választja, érdemes megtekintenie telepítési útmutatónkat saját platformjára.
A GTM snippeteket bármikor elérheti, ha a konténerazonosítóra (például GTM-XXXXXX) kattint a GTM irányítópultjának tetején.
Új címke létrehozása
A GTM irányítópultján kattintson az Új címke hozzáadása lehetőségre (vagy válassza a Címkék > Új menüpontot). Adjon egy nevet, például Smartsupp Chat.
Kattintson a Címke konfigurációja területre, majd címketípusként válassza az Egyéni HTML lehetőséget.
Smartsupp kód beillesztése
Egyedi Smartsupp chatkódját 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 a kódot az új címke HTML mezőjébe a GTM-ben. Ezután válassza ki alatta a Megjelenítési szabályok szakaszt, és jelölje meg az Összes oldal lehetőséget – így a Smartsupp chat widget minden aloldalon meg fog jelenni.
Megjegyzés: Győződjön meg róla, hogy teljes egészében bemásolja a kódot, beleértve az <script> tageket is. A GTM – több platformmal ellentétben – támogatja a teljes HTML, köztük a script tagek beillesztését az Egyéni HTML típusú címkéken.
Címke közzététele
Kattintson a Mentés gombra a címke mentéséhez, majd a Küldés gombra a GTM irányítópult jobb felső sarkában.
Adjon meg verziónevet és rövid leírást (nem kötelező), majd kattintson a Kiadás gombra.
Telepítés ellenőrzése
Nyissa meg weboldalát egy új böngészőfülön, majd frissítse az oldalt. A Smartsupp chat widgetnek most már meg kell jelennie weboldala sarkában.
Tipp: Ha mégsem jelenik meg a chat widget, érdemes törölni a böngésző gyorsítótárát vagy megnyitni az oldalt inkognitó módban. Ellenőrizze azt is, hogy a GTM konténer kódot megfelelően illesztette-e be weboldalára.
Kapcsolódó források:
Smartsupp telepítés – teljes áttekintés az összes telepítési módszerről.
Többnyelvű chat doboz – beállítási lehetőségek, ha több nyelven jelenítené meg a chat widgetet.
Mi következik?
Alap chat doboz beállítások – Színek, elhelyezkedés, üdvözlő üzenetek és további testreszabási lehetőségek.
Chat doboz állapota – Megismerheti, hogyan szabályozható a chat widget elérhetősége.
Miért nem jelenik meg a chat a weboldalon? – A leggyakoribb telepítési hibák és azok megoldása.
Plugin letöltések – Tekintse meg az összes elérhető platformintegrációt.
💡 További segítségre lenne szüksége? Vegye fel a kapcsolatot ügyfélszolgálatunkkal – szívesen segítünk Önnek!