Cloudflare Zaraz
Telepítsd a Yaplet chat widgetet a Cloudflare Zaraz Custom HTML eszközével olyan webhelyre, amely Cloudflare mögött fut. A webhely kódjához nem kell hozzányúlni.
Áttekintés
A Cloudflare Zaraz a Cloudflare eszköze külső szkriptek betöltésére. Ha egy webhely Cloudflare mögött fut, a Zaraz egy Custom HTML eszköze minden oldalmegtekintésnél betöltheti a Yaplet kódot, a webhely kódjához nem kell hozzányúlni. Ha a webhely forgalma nem a Cloudflare-en keresztül megy, inkább közvetlenül a webhelybe illeszd be a kódot, ahogy a Telepítés oldal leírja.
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 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 Zaraznak kellenek ezek a tagek, ezért beillesztéskor hozzáadod őket.
Vegyél fel egy Custom HTML eszközt
A Cloudflare irányítópultján menj a Tag setup (címkék beállítása) oldalra. Ha korábban már vettél fel eszközt, válaszd a Third-party tools (külső eszközök) részt, és kattints az Add new tool (új eszköz hozzáadása) gombra. Az eszközkatalógusban válaszd a Custom HTML (egyéni HTML) eszközt, majd a Continue (tovább) gombot.
Ha a Cloudflare engedélyeket kér az eszközhöz, add meg őket. A Custom HTML eszköznek ezek kellenek ahhoz, hogy szkripteket futtathasson az oldalaidon.
Illeszd be a kódot
Állítsd be az eszköz műveletét (action): adj neki nevet (például Yaplet chat), és a Firing Triggers (indító szabályok) mezőben válaszd a Pageview (oldalmegtekintés) szabályt. A HTML Code (HTML-kód) mezőbe 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>
Utána kattints a Save (mentés) gombra.
Tedd közzé, ha a Zaraz kéri
A Zaraz alapból minden módosítást azonnal élesít. Ha be van kapcsolva a Preview & Publish Workflow (előnézet és közzététel) mód, a módosítás élesítéséhez kattints a Publish (közzététel) 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
- A kód szövegként látszik az oldalakon — hiányoznak a
<script>tagek: a Zaraz mindent, ami nincs közöttük, szövegként tesz az oldalra. Szerkeszd a műveletet, és add hozzá a tageket. - Egyáltalán semmi sem jelenik meg — lehet, hogy a Zaraz nem töltődik be. Nézd meg, hogy a domain forgalma a Cloudflare-en keresztül megy-e, hogy a Zaraz beállításaiban be van-e kapcsolva az Auto-inject script (szkript automatikus beillesztése), és hogy a Custom HTML eszköz be van-e kapcsolva.
- A chat a sütik elfogadására vár — ha a Zaraz hozzájáruláskezelését használod, és a Custom HTML eszközt egy célhoz (purpose) rendelted, az eszköz csak azután fut le, hogy a látogató elfogadta azt a célt.
- Egyoldalas alkalmazásban (SPA) kétszer töltődik be a chat — ha a Zaraz beállításaiban be van kapcsolva a Single Page Application support (egyoldalas alkalmazások támogatása), nyisd meg a Custom HTML műveletet, kattints az Add Field (mező hozzáadása) gombra, add hozzá az Ignore SPA (SPA figyelmen kívül hagyása) mezőt, és kapcsold be.
- Egy forgalmas hónap után eltűnt a chat — lehet, hogy a fiók elhasználta az ingyenes Zaraz eseményeket. Kapcsold be a Zaraz Paid csomagot a Zaraz plans (Zaraz-csomagok) oldalon, vagy várd meg a következő számlázási időszakot.
- 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.