Takaisin hallintapaneeliin

Dokumentaatio

Opi käyttämään Asyntai

Asyntai AI -chatbotin lisääminen Plesk-isännöidyille verkkosivustoille

Vaiheittainen ohje Plesk-palvelimella isännöidyille verkkosivustoille

Hae upotuskoodi

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ö

  1. Kirjaudu sisään Plesk Control Panel -hallintapaneeliin
  2. Siirry kohtaan Websites & Domains
  3. Napsauta File Manager
  4. Siirry verkkosivustosi juurihakemistoon (yleensä httpdocs tai public_html)
  5. Etsi pää-HTML-tiedostosi (usein index.html tai index.php)
  6. Napsauta tiedostonimeä avataksesi editorivalikon
  7. Valitse Code Editor HTML-syntaksin korostusta varten
  8. Vieritä löytääksesi sulkevan </body>-tagin
  9. Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
  10. Napsauta "Save" tai "OK"
  11. 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ö

  1. Siirry Pleskissä kohtaan Websites & Domains
  2. Etsi FTP Access -osio
  3. Merkitse muistiin FTP-tunnuksesi tai luo uusi FTP-tili
  4. Käytä FTP-asiakasohjelmaa, kuten FileZillaa, yhdistääksesi palvelimeesi
  5. Siirry verkkosivustosi hakemistoon (httpdocs)
  6. Lataa muokattavat HTML-tiedostot
  7. Lisää Asyntai-upotuskoodisi ennen </body>-tagia
  8. Lataa muokatut tiedostot takaisin palvelimelle

PHP-pohjaisille verkkosivustoille

Jos verkkosivustosi käyttää PHP-malleja tai include-tiedostoja:

  1. Siirry Plesk File Managerissa malli- tai include-tiedostoihisi
  2. Etsi alatunnistemallitiedosto (yleensä footer.php, footer.inc.php tai template.php)
  3. Avaa se Code Editorilla
  4. Lisää Asyntai-upotuskoodisi ennen </body>-tagia
  5. 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:

  1. Siirry Pleskissä kohtaan Websites & Domains
  2. Napsauta Backup Manager
  3. Luo täydellinen varmuuskopio verkkosivustostasi
  4. 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.