A Dudában van egy egész oldalra érvényes beállítás, amellyel saját kódot tehetsz minden lapra, és a Yaplet widgetnek csak erre van szüksége. Beilleszted a Yaplet kódot a Body End HTML mezőbe, újra közzéteszed az oldalt, és megjelenik a chat gomb az oldaladon. Fejlesztő nem kell hozzá.
A Duda súgója szerint egyéni kódot a Team csomagtól felfelé lehet használni. Ha az oldaladat egy ügynökség vagy webdesigner üzemelteti a Dudán, a csomag az övék, és ők döntik el azt is, mely beállításokat nyithatod meg, és közzéteheted-e újra az oldalt. A menüpontokat angolul írjuk, ahogy a Duda saját súgója mutatja, zárójelben a magyar jelentésükkel. Ha a Duda felületét más nyelvre állítottad, ugyanott keresd a megfelelő menüpontokat.
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 Más weboldal lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
Ha a kimásolt kód így kezdődik: !function (Yaplet, akkor még nincs körülötte <script> tag. A Duda mezője HTML-t vár, ezért a 3. lépésben hozzáadod ezeket a tageket.
2. Nyisd meg a Header HTML beállításokat
Nyisd meg az oldaladat a Duda szerkesztőjében. Az oldalsávon kattints a More (további), majd a Settings (beállítások) pontra, és kattints a Header HTML (fejléc HTML) részre.
3. Illeszd be a kódot a Body End HTML mezőbe
Két mezőt látsz: Head HTML (head HTML) és Body End HTML (body vége HTML). A Body End HTML mezőt használd: ez minden oldal végére teszi a kódot, és a Duda ezt javasolja, ha sütikezelő (hozzájáruláskezelő) alkalmazást használsz, mert az a head részbe tett kódot nem tudja visszatartani.
Illeszd be a Yaplet kódot. A kódnak egy <script> sorral kell kezdődnie, és egy </script> sorral kell végződnie. Ha a kimásolt kód ehelyett így kezdődik: !function (Yaplet, írd elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>. A kész kód így néz ki:
<script>
(a Yaplet kódod)
</script>Kattints a Save (mentés) gombra.
4. Tedd közzé újra az oldalt
A szerkesztő felső sávjában kattints a Republish (újbóli közzététel) gombra (ha az oldalad még nincs fent, a gomb neve Publish). A módosítások csak ezután kerülnek ki az élő oldalra.
5. Nézd meg az oldaladat
Nyisd meg az élő oldaladat 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.
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é újra az oldalt. A kód mentése önmagában nem elég. Kattints a szerkesztőben a Republish gombra.
- Nem találod a Settings, a Header HTML vagy a Republish gombot. Az ügynökséged vagy a webdesignered oldalanként állítja be a jogosultságaidat. Kérd meg, hogy adjon hozzáférést, vagy tegye fel helyetted a kódot.
- Mentés után eltűnt a kód. Valószínűleg a Head HTML mezőbe illesztetted, amely törli az általa nem elfogadott kódot. Illeszd be inkább a Body End HTML mezőbe.
- Hiányoznak a
<script>tagek. Nézd meg, hogy a kód előtti sorban ott van-e a<script>, a kód utáni sorban pedig a</script>, majd mentsd, és tedd közzé újra az oldalt. - A kód fent van, de mégsem fut le. A Duda oldalgyorsító optimalizálása (page speed optimization) hatással lehet az egyéni kódra. A Duda súgója szerint az ügyfélszolgálatuk ki tudja kapcsolni az oldaladon.
- Még mindig a régi oldalt látod. A böngésződ egy tárolt 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.