Kako dodati klepetalnik Asyntai z UI v Kentico

Vodič po korakih za spletne strani Kentico CMS

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Dodajte kodo v predlogo glavne strani (priporočeno)

Za dodajanje klepetalnika na vse strani vaše spletne strani Kentico hkrati uporabite način s predlogo glavne strani:

Prijavite se v skrbniško ploščo Kentico in pojdite na aplikacijo Predloge strani
Poiščite in odprite svojo predlogo glavne strani (predloga, ki se uporablja na vseh straneh)
Kliknite na zavihek Glava v urejevalniku predlog
V razdelek glave prilepite svojo vdelovalno kodo Asyntai
Alternativno dodajte kodo v postavitev predloge pred zaključno oznako </head>
Kliknite Shrani za uveljavitev sprememb
Počistite predpomnilnik strani in preverite spremembe na strani v živo

Nasvet: Uporaba predloge glavne strani zagotavlja, da se klepetalnik prikaže na vsaki strani, ki podeduje od te predloge. To je najučinkovitejši način za namestitev na celotnem mestu v Kentico.

Alternativni način 1: Glava predloge strani

Če želite dodati klepetalnik le v določene predloge strani:

Pojdite na aplikacijo Predloge strani v skrbniški plošči Kentico
Izberite določeno predlogo strani, ki jo želite urediti
Kliknite na zavihek Glava
Dodajte svojo vdelovalno kodo Asyntai z uporabo oznake script:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Kliknite Shrani
Vse strani, ki uporabljajo to predlogo, bodo zdaj vključevale klepetalnik

Opomba: Ta način je uporaben, ko želite dodati klepetalnik na določene razdelke strani, ki si delijo isto predlogo strani, namesto na celotno mesto.

Alternativni način 2: Spletni del HEAD HTML

Za natančnejši nadzor na določenih straneh ali za podedljiv JavaScript na podstraneh:

Odprite stran, ki jo želite urediti, v urejevalniku strani Kentico
Dodajte nov spletni del na stran (prednostno na nadrejeno stran za dedovanje)
Poiščite in izberite spletni del HEAD HTML
V konfiguracijo spletnega dela prilepite svojo vdelovalno kodo Asyntai
Nastavite spletni del kot podedljivega, če želite, da podrejene strani vsebujejo klepetalnik
Kliknite V redu, da shranite spletni del
Shranite in objavite stran

Nasvet: Spletni del HEAD HTML je popoln za dodajanje kode na nadrejeno stran, ki se bo samodejno razširila na vse podrejene strani in tako ustvarila namestitev na ravni razdelka.

Alternativni način 3: Datoteke JavaScript po meri (napredno)

Za razvijalce, ki raje upravljajo skripte kot datoteke:

V svojem projektu Kentico pojdite v imenik ~/CMSScripts/Custom/
Ustvarite novo datoteko JavaScript (npr. asyntai-widget.js)
Dodajte kodo za dinamično nalaganje klepetalnika Asyntai:

(function() {
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
})();

Sklicujte se na to datoteko v glavi predloge glavne strani:

<script src="~/CMSScripts/Custom/asyntai-widget.js"></script>

Pomembno: Ta napredni način zahteva dostop do datotečnega sistema in poznavanje strukture imenikov Kentico. Prepričajte se, da imate ustrezna dovoljenja, in vedno najprej preizkusite v testnem okolju.

Korak 3: Preverite namestitev

Po shranjevanju sprememb in čiščenju predpomnilnika odprite svojo spletno stran v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.

Ne vidite klepetalnika? Prepričajte se, da ste shranili vse spremembe in počistili predpomnilnik Kentico (Nastavitve > Sistem > Počisti predpomnilnik). Poskusite si ogledati svojo stran v oknu brez beleženja. Preverite konzolo brskalnika (F12) za morebitne napake JavaScript, ki bi lahko preprečile nalaganje klepetalnika.