Google Tag Manager
Telepítsd a Yaplet chat widgetet bármelyik oldalra, amely már Google Tag Managert használ, egyetlen Egyéni HTML címkével. A webhely kódjához nem kell hozzányúlni.
Áttekintés
Ha a webhelyen már fut a Google Tag Manager, a Yaplet chat onnan is feltehető, a webhely kódjához nem kell hozzányúlni: egy Egyéni HTML címke a Yaplet kóddal, amely minden oldalon lefut, aztán közzététel. Ez a megoldás azokhoz az oldalépítőkhöz és webáruházakhoz is, amelyekben csak egy Google Tag Manager azonosító mező van: ott először kösd be a Tag Managert, utána kövesd ezt az útmutatót.
Telepítési lépések
Másold ki a Yaplet kódodat
A Yaplet vezérlőpulton menj a Márka → Chat widget menüpontra, és nyisd meg a Telepítés fület. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Google Tag Manager lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
A Tag Managernek <script> tagek közé tett kód kell, ezért a következő lépésekben beillesztett kódnak is ilyen tagek között kell lennie.
Hozz létre egy Egyéni HTML címkét
Nyisd meg a tagmanager.google.com oldalt, és válaszd ki a webhelyed tárolóját. Kattints a Címkék (Tags), majd az Új (New) gombra. Nevezd el a címkét (például Yaplet chat), kattints a Címkekonfiguráció (Tag Configuration) részre, és válaszd az Egyéni HTML (Custom HTML) típust.
Illeszd be a kódot
A HTML mezőbe illeszd be a Yaplet kódot. A beillesztett kódnak egy <script> sorral kell kezdődnie és egy </script> sorral kell végződnie; ha amit kimásoltál, ehelyett így kezdődik: !function (Yaplet, akkor írd be elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>. A Google azt kéri, hogy a JavaScript mindig ezek közé a tagek közé kerüljön:
<script>
(a Yaplet kódod)
</script>
Állítsd be, hogy minden oldalon lefusson
Kattints az Aktiválási szabály (Triggering) részre, és válaszd az Inicializálás – Minden oldal (Initialization - All Pages) szabályt. Ez minden webes tárolóban alapból megvan. Utána kattints a Mentés (Save) gombra.
Próbáld ki Előnézet módban (nem kötelező)
Kattints az Előnézet (Preview) gombra a jobb felső sarokban, írd be a webhely címét, és kattints a Csatlakozás (Connect) gombra. A webhely új ablakban nyílik meg a még közzé nem tett módosításokkal, és a jobb alsó sarokban meg kell jelennie a chat gombnak. Ezt az előnézetet csak a te böngésződ látja, a látogatóid nem.
Tedd közzé
Kattints a Küldés (Submit) gombra a jobb felső sarokban. Hagyd kiválasztva a Verzió közzététele és létrehozása (Publish and Create Version) lehetőséget, adj nevet a verziónak (például „Yaplet chat”), és kattints a Közzététel (Publish) gombra.
Nézd meg a webhelyedet
Nyisd meg a webhelyet egy új böngészőfülön, és frissítsd. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.
Hibaelhárítás
- Nem tetted közzé a módosításokat — a csak elmentett módosítások kizárólag Előnézet módban látszanak. Kattints a Küldés gombra, és tedd közzé.
- Hiányoznak a
<script>tagek — nyisd meg a címkét, és nézd meg, hogy a kód előtti sorban ott van-e a<script>, a kód utáni sorban pedig a</script>. - Nem tudsz közzétenni — lehet, hogy a jogosultságod csak szerkesztésre szól, közzétételre nem. Kérj meg valakit, akinek Közzététel jogosultsága van a tárolóhoz, hogy tegye közzé.
- A chat csak azután jelenik meg, hogy a látogató elfogadja a sütiket — nyisd meg a címkét, és menj a Speciális beállítások → Beleegyezési beállítások (Advanced Settings → Consent Settings) részre. Ha ott a Kiegészítő hozzájárulás megkövetelése a címke aktiválódásához (Require additional consent for tag to fire) van kiválasztva, a címke csak akkor fut le, ha a látogató megadta az ott felsorolt hozzájárulásokat.
- Az oldalon nincs Tag Manager — a címke csak azokon az oldalakon fut le, amelyek betöltik a Tag Manager tárolódat. Nézd meg, hogy a Tag Manager kódja a webhely minden oldalán ott van-e.
- Még mindig a régi oldalt látod — a böngésző vagy a webhely gyorsítótára egy régebbi változatot mutathat. Frissítsd az oldalt, vagy nyisd meg egy privát ablakban.