Kako dodati klepetalnik Asyntai z UI v October CMS

Vodič po korakih za spletne strani October 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: Dodajanje v predlogo postavitve (priporočeno)

Priporoceni način dodajanja klepetalnika je urejanje privzete postavitve v zaledju October CMS:

Prijavite se v svoje zaledje October CMS
Pojdite na CMS > Postavitve v glavnem meniju
Odprite svojo privzeto postavitev (običajno default.htm)
Poiščite zaključno </body> oznako in {% scripts %} ogrado
Dodajte svojo Asyntai vgraditveno kodo tik pred {% scripts %} in </body>:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% scripts %} </body>
Kliknite "Shrani" za uveljavitev sprememb

Nasvet: Placing the script before {% scripts %} and </body> ensures it loads after the page content, which is recommended for chat widgets and won't slow down your page loading.

Alternative Method 1: Using {% put scripts %} Block

Uporabite lahko ogrado za skripte October CMS za vstavljanje klepetalnika s strani ali dela:

Odprite katero koli stran ali del v urejevalniku CMS
Dodajte naslednjo kodo z uporabo {% put scripts %} blok:
{% put scripts %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endput %}
Zamenjajte YOUR_WIDGET_ID s svojim dejanskim ID-jem klepetalnika z nadzorne plošče
Kliknite "Shrani"

Opomba: For this method to work, your layout must include the {% scripts %} placeholder in its markup. This is where October CMS renders all injected scripts. Most default layouts already include this tag.

Alternativni način 2: Uporaba komponente PHP

Če imate raje programski pristop, lahko dodate skripto klepetalnika prek komponente po meri:

Ustvarite ali spremenite komponento v svojem vticniku October CMS
V metodi onRun() komponente uporabite metodo addJs():
public function onRun() { $this->addJs('https://asyntai.com/static/js/chat-widget.js', [ 'async' => true, 'data-asyntai-id' => 'YOUR_WIDGET_ID' ]); }
Zamenjajte YOUR_WIDGET_ID s svojim dejanskim ID-jem gradnika
Registrirajte komponento na straneh, kjer želite, da se klepetalnik prikaže

Nasvet: Uporaba komponente vam daje programski nadzor nad tem, kdaj in kje se klepetalnik naloži. Znotraj onRun() lahko dodate pogojno logiko za nadzor nalaganja na podlagi uporabniških vlog, vrst strani ali drugih meril.

Alternativni način 3: Uporaba dela (Partial)

Ustvarite lahko del za ponovno uporabo za pripomocek klepetalnika:

Pojdite na CMS > Deli v zaledju October CMS
Kliknite "+ Dodaj" za ustvarjanje novega dela
Poimenujte ga asyntai-widget.htm
Dodajte svojo vdelano kodo Asyntai v del:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Kliknite "Shrani"
Odprite svojo predlogo postavitve in vključite del pred </body>:
{% partial 'asyntai-widget' %}
Shranite postavitev

Nasvet: Uporaba dela olajša omogočanje ali onemogočanje klepetalnika na celotnem spletnem mestu s preprostim dodajanjem ali odstranjevanjem vkljucitve dela iz vaše postavitve.

Korak 3: Preverite namestitev

Po shranjevanju sprememb obiščite svoje spletno mesto October CMS v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb pripomocka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.

Ne vidite klepetalnika? Prepričajte se, da ste shranili vse spremembe v zaledju CMS. Počistite predpomnilnik brskalnika ali stran oglejte v oknu brez beleženja. Če vaše spletno mesto uporablja predpomnjenje, počistite predpomnilnik October CMS z zagonom php artisan cache:clear iz ukazne vrstice ali uporabite možnost Nastavitve > Sistem > Počisti predpomnilnik v zaledju.

Izbira postavitve: Prepričajte se, da strani, na katerih želite, da se klepetalnik prikaže, uporabljajo pravilno postavitev. Preverite lahko, katero postavitev stran uporablja, tako da odprete stran v CMS > Strani in pogledate spustni meni Postavitev v nastavitvah strani.