Takaisin hallintapaneeliin

Dokumentaatio

Opi käyttämään Asyntai

Alkuun pääseminen
Asennus Tietopankki Testaa tekoälyäsi Hallinnoi verkkosivustoja
Mukauttaminen
Widgetin värit Tekoälyavustajan nimi Aloitusviesti Widgetin sijainti Automaattinen käynnistys Tervetulokupla Lukematon-merkki Ohjetila Kysy kysymyksiä Käytä emojeja Kerää sähköpostiosoitteita Kerää puhelinnumeroita Älykäs liidien keräys Lokalisointi Piilota brändäys Tietosuojalinkki Mukautettu ilmoitus Keskustelutallenteen lataus Uusi keskustelu Keskusteluhistoria Tunnuslause ja tilapiste Puheesta tekstiksi Chat-kuvake Yrityksen logo Merkkirajoitus Lämpötila
Tekoälyohjeiden vinkit Vertaa paketteja
Ominaisuudet
Verkkosivuston indeksointi Tietopuutteet Tuotekortit Dynaamiset tuotekortit Käyttäjäkonteksti Reaaliaikainen seuranta Ihmisen haltuunotto Eskalointi Tekoälyilmoitukset Päiväraportti Reaaliaikainen datasyöte Reaaliaikainen datasyöte Max Tiimin jäsenet Single Sign-On Lisää kuvia Kuvantunnistus Käännöswidget Lokalisointi Liidit Älykäs liidien keräys Tukipyynnöt Varaukset Upotukset Sulje pois sivuja Estetyt IP-osoitteet Älykkäämpi malli Ota ajattelu käyttöön Vastausehdotukset Jatkosanomat Puheesta tekstiksi Keskustelutallenteen lataus Upotettu chat
Analytiikka
Chat-analytiikka Keskustelulokit
Integraatiot
REST API Instagram Messenger WhatsApp Zapier Email Mobiilisovellukset
Muu
Lisää aloitusnäytölle Mukautettu avauspainike
Kysy tekoälyltä

Asyntai AI -chatbotin lisääminen Google Sitesiin

Vaiheittainen opas Google Sitesille

Hae upotuskoodi
Alusta:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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: Koodin lisääminen upotusominaisuudella

Google Sites käyttää upotusominaisuutta mukautetun HTML- ja JavaScript-koodin lisäämiseen:

  1. Avaa sivustosi tietokoneella Google Sitesissa
  2. Siirry sivulle, jolle haluat lisätä chatbotin
  3. Napsauta "Lisää" oikeassa sivupalkissa (tai ylävalikosta)
  4. Valitse "Upota" vaihtoehdoista
  5. Napsauta "Upotuskoodi" -välilehteä yläosassa
  6. Liitä Asyntai-upotuskoodisi tekstikenttään
  7. Napsauta "Seuraava" esikatsellaksesi ulkoasua
  8. Napsauta "Lisää" lisätäksesi koodin sivullesi
  9. Napsauta \"Publish\" oikeassa yläkulmassa ottaaksesi muutokset käyttöön

Vinkki: Google Sites käärii upotukset iframe-elementtiin, joten chatbot näkyy upotusalueen sisällä eikä kiinnitettynä selaimen kulmaan. Parhaan kokemuksen saamiseksi sijoita upotuselementti sivun sisällön alareunaan, jotta chatbot-painike on helppo löytää.

Lisääminen useille sivuille

Chatbotin lisääminen useille sivuille Google Site -sivustollasi:

  1. Toista upotusprosessi jokaiselle sivulle, jolle haluat chatbotin
  2. Vaihtoehtoisesti lisää upotus ylätunniste- tai alatunniste-osioon, jos teemasi tukee sitä
  3. Jos sivustollasi on paljon sivuja, harkitse lisäämistä ensin pääsivuille

Huomautus: Toisin kuin joillakin muilla alustoilla, Google Sitesissa ei ole yksittäistä "koko sivuston" koodin lisäyspistettä. Sinun on lisättävä upotuskoodi jokaiselle sivulle, jolla haluat chatbotin näkyvän, tai käytettävä mukautettua ylä-/alatunnistetta, jos teemasi tukee sitä.

Miten Google Sites käsittelee upotettua koodia

Näin Google Sites käsittelee koodisi:

  • Google Sites käärii koodisi <iframe>-elementtiin eristetyssä ympäristössä
  • JavaScriptin tulee olla <script>-tagien sisällä (Asyntai-koodisi sisältää ne jo)
  • Voit viitata ulkoisiin JavaScript-tiedostoihin (kuten Asyntai-widgetiin)
  • Upotusominaisuus on vähemmän rajoittava kuin klassisen Google Sitesin HTML Box
  • Upotettua koodia ei indeksoida sivuston haussa

Tärkeää: Google Sitesin iframe-eristyksen vuoksi jotkin edistyneet ominaisuudet saattavat toimia eri tavalla kuin perinteisillä verkkosivustoilla. Asyntai-chatbot on suunniteltu toimimaan näiden rajoitusten puitteissa.

Vaihe 3: Vahvista asennus

Julkaistuasi muutokset avaa Google Site -sivustosi uudessa selainvälilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että olet julkaissut sivustosi (pelkkä tallentaminen ei riitä). Kokeile avata sivu incognito-ikkunassa välimuistin ohittamiseksi. Tarkista selaimen konsoli (F12) mahdollisten virheiden varalta. Varmista, että upotus lisättiin oikein muokkaamalla sivua ja tarkistamalla upotuselementti.