Asyntai AI -chatbotin lisääminen Plesk-isännöidyille verkkosivustoille
Vaiheittainen ohje Plesk-palvelimella isännöidyille verkkosivustoille
Vaihe 1: Hanki upotuskoodisi
Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.
Vaihe 2: Tunnista verkkosivustosi tyyppi
Asennusmenetelmä riippuu siitä, mitä alustaa verkkosivustosi käyttää. Plesk on hosting-hallintapaneeli, joka voi isännöidä erityyppisiä verkkosivustoja:
WordPress/Joomla/Drupal: Jos sivustosi käyttää sisällönhallintajärjestelmää, katso kyseisen alustan ohje (WordPress, Joomla, Drupal).
Staattisille HTML-verkkosivustoille
Jos sinulla on staattinen HTML-verkkosivusto Pleskissä, käytä File Manageria HTML-tiedostojesi muokkaamiseen:
Menetelmä 1: Plesk File Managerin käyttö
- Kirjaudu sisään Plesk Control Panel -hallintapaneeliin
- Siirry kohtaan Websites & Domains
- Napsauta File Manager
- Siirry verkkosivustosi juurihakemistoon (yleensä
httpdocstaipublic_html) - Etsi pää-HTML-tiedostosi (usein
index.htmltaiindex.php) - Napsauta tiedostonimeä avataksesi editorivalikon
- Valitse Code Editor HTML-syntaksin korostusta varten
- Vieritä löytääksesi sulkevan
</body>-tagin - Liitä Asyntai-upotuskoodisi juuri ennen
</body>-tagia - Napsauta "Save" tai "OK"
- Toista muille HTML-sivuille tarvittaessa
Vinkki: Plesk File Manager tarjoaa useita editoreita: Code Editor (syntaksin korostuksella), HTML Editor (WYSIWYG) ja Text Editor. Käytä Code Editoria parhaisiin tuloksiin HTML-tiedostoja muokatessa.
Menetelmä 2: FTP-yhteyden käyttö
- Siirry Pleskissä kohtaan Websites & Domains
- Etsi FTP Access -osio
- Merkitse muistiin FTP-tunnuksesi tai luo uusi FTP-tili
- Käytä FTP-asiakasohjelmaa, kuten FileZillaa, yhdistääksesi palvelimeesi
- Siirry verkkosivustosi hakemistoon (
httpdocs) - Lataa muokattavat HTML-tiedostot
- Lisää Asyntai-upotuskoodisi ennen
</body>-tagia - Lataa muokatut tiedostot takaisin palvelimelle
PHP-pohjaisille verkkosivustoille
Jos verkkosivustosi käyttää PHP-malleja tai include-tiedostoja:
- Siirry Plesk File Managerissa malli- tai include-tiedostoihisi
- Etsi alatunnistemallitiedosto (yleensä
footer.php,footer.inc.phptaitemplate.php) - Avaa se Code Editorilla
- Lisää Asyntai-upotuskoodisi ennen
</body>-tagia - Tallenna tiedosto
Huomautus: Muokkaamalla alatunnistemallia chatbot näkyy automaattisesti kaikilla sivuilla, jotka käyttävät kyseistä mallia.
Varmuuskopion luominen
Ennen muutosten tekemistä on suositeltavaa luoda varmuuskopio:
- Siirry Pleskissä kohtaan Websites & Domains
- Napsauta Backup Manager
- Luo täydellinen varmuuskopio verkkosivustostasi
- Säilytä se turvallisesti ennen muutosten tekemistä
Tärkeää: Testaa muutoksesi aina ensin testiympäristössä, jos sellainen on käytettävissä. Muista varmuuskopioida tiedostosi ennen muokkaamista tietojen häviämisen välttämiseksi.
Vaihe 3: Vahvista asennus
Kun olet tallentanut muutoksesi, avaa verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.
Etkö näe widgetiä? Tyhjennä selaimen välimuisti ja mahdolliset palvelinpuolen välimuistit Pleskissä. Tarkista selaimen konsoli (F12) JavaScript-virheiden varalta. Varmista, että tiedosto tallentui oikein katsomalla se uudelleen File Managerissa.
Weebly