Ha a webhelyeden már fut a Google Tag Manager, onnan is felteheted a Yaplet chatet, a webhely kódjához nem kell hozzányúlnod. Létrehozol egy Egyéni HTML címkét a Yaplet kóddal, beállítod, hogy minden oldalon lefusson, és közzéteszed. 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.
Az útmutató feltételezi, hogy a Tag Manager kódja már ott van a webhelyed minden oldalán. A közzétételhez Közzététel jogosultság kell a tárolóhoz. A Tag Manager magyarul is elérhető (Google Címkekezelő néven): a menüpontokat a magyar felület szerint írjuk, zárójelben az angol felület neveivel.
1. Másold ki a Yaplet kódodat
A Yaplet bal oldali menüjében menj a Márka → (a márkád) → Chat widget → Telepítés útvonalra. 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 3. lépésben beillesztett kódnak is ilyen tagek között kell lennie.
2. 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.
- Adj a címkének egy nevet, amelyről később is ráismersz, 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.
3. 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. Így néz ki:
<script>
(a Yaplet kódod)
</script>4. Á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.
5. Próbáld ki Előnézet módban
Ez a lépés nem kötelező. Kattints az Előnézet (Preview) gombra a jobb felső sarokban, írd be a webhelyed címét, és kattints a Csatlakozás (Connect) gombra. A webhelyed ú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.
6. 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.
7. Nézd meg a webhelyedet
Nyisd meg a webhelyedet egy új böngészőfülön, és frissítsd az oldalt. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.
A teljes ellenőrzőlistát itt találod: Telepítés ellenőrzése.
Ha nem jelenik meg a chat
- 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 webhelyed minden oldalán ott van-e.
- Még mindig a régi oldalt látod. A böngésződ vagy a webhelyed gyorsítótára egy régebbi változatot mutathat. Frissítsd az oldalt, vagy nyisd meg egy privát ablakban.
Mi a következő lépés?
Ha meg szeretnéd tudni, mit csinál a kód, és hol találod a widget azonosítóját, olvasd el ezt: A Yaplet telepítése.