A Ghostban van egy beépített kódbeillesztés (code injection) beállítás, amely az oldalad minden lapjára kódot tesz, és a Yaplet widgetnek csak erre van szüksége. Beilleszted a Yaplet kódot az oldal láblécébe, mented, és megjelenik a chat gomb az oldaladon. Nem kell a sablonodat szerkesztened vagy integrációt telepítened.
A menüpontokat angolul írjuk, ahogy a Ghost saját súgója mutatja, zárójelben a magyar jelentésükkel. Ezeket a beállításokat csak a Ghost-oldal adminisztrátora (Administrator) módosíthatja.
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 Ghostnak kellenek ezek a tagek, ezért a 3. lépésben hozzáadod őket.
2. Nyisd meg a kódbeillesztést a Ghostban
A Ghost adminban menj a Settings → Advanced → Code Injection (Beállítások → Haladó → Kódbeillesztés) menüpontra. Két mezőt látsz: Site Header (oldal fejléce) és Site Footer (oldal lábléce).
3. Illeszd be a kódot a Site Footer mezőbe
Kattints a Site Footer mezőbe, és 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>A Ghost a Site Footer kódját minden oldal végére teszi, és a Ghost is ide javasolja a JavaScriptet.
4. Mentsd
Mentsd a módosításokat. Külön közzétételre nincs szükség: a kód a mentés pillanatától él az oldaladon.
5. Nézd meg az oldaladat
Nyisd meg az 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 találod a Code Injection menüpontot. Egyes Ghost-verziókban közvetlenül a Settings (Beállítások) alatt van. Ha a beállításokat egyáltalán nem tudod megnyitni, a Ghost-szerepköröd nem engedi: a Contributor, Author és Editor szerepkörű felhasználók nem módosíthatják az oldal beállításait. Kérj segítséget az oldal egyik adminisztrátorától.
- A kód szövegként látszik az oldalak alján. Hiányoznak a
<script>tagek. Add hozzá őket a 3. lépés szerint, és mentsd újra. - A chat csak egy bejegyzésen jelenik meg. A kódot annak a bejegyzésnek a saját kódbeillesztésébe tetted, a bejegyzés beállításaiban. Tedd át az egész oldalra érvényes Site Footer mezőbe.
- Még mindig a régi oldalt látod. A böngésződ vagy az oldalad 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.