ChatLab pievienošana jūsu vietnei ļauj apmeklētājiem sazināties ar jūsu MI tērzēšanas robotu tieši jūsu vietnē. Šajā pamācībā ir paskaidrots, kā iegūt iegulšanas kodu un pievienot to savai vietnei.
Pirms darba sākšanas
Izveidojiet savu tērzēšanas robotu un nodrošiniet, ka tas tiek apmācīts, pirms rādāt to klientiem. Lai veiktu uzstādīšanu, jums ir nepieciešama arī atļauja rediģēt un publicēt vietni. Skatiet rakstu Kā izveidot savu pirmo tērzēšanas robotu.
Cilnes Deploy atvēršana
Galvenajā informācijas panelī izvēlieties savu tērzēšanas robotu un pēc tam noklikšķiniet uz cilnes Deploy (Izvietot).
Platformas izvēle
Panelī Select Platform (Izvēlēties platformu) labajā pusē atbalstītās platformas ir uzskaitītas divās grupās: Website (Vietne), lai ievietotu tērzēšanas robotu lapās, kuras jūs pārvaldāt, un Messaging channels (Saziņas kanāli), lai savienotu to ar esošu saziņas kontu. Noklikšķiniet uz ieraksta, kas atbilst vietai, kur vēlaties rādīt tērzēšanas robotu, lai skatītu pielāgotus norādījumus.
Atbalstītās platformas:
- HTML Code - darbojas ar jebkuru vietni, kurā varat rediģēt HTML kodu
- WordPress - izmantojot oficiālo ChatLab spraudni vai manuālu koda ievietošanu
- Wix - izmantojot Settings > Custom Code
- Webflow - izmantojot Site settings > Custom code, ja jūsu vietnei vai darbvietai ir iespējota piekļuve pielāgotajam kodam
- PrestaShop - izmantojot ChatLab PrestaShop moduli vai manuālu koda ievietošanu
- Shopify - izmantojot failu theme.liquid
- WooCommerce - izmantojot WordPress spraudni vai manuālu koda ievietošanu
- Abicart - izmantojot Store design > Themes > Site header
- CS-Cart - izmantojot Design > Layouts > Custom HTML code
Saziņas kanāli:
- WhatsApp Business - atbild WhatsApp Business kontā, skatiet rakstu WhatsApp for Business
- Facebook Messenger - atbild uz jūsu Facebook lapas ziņām, skatiet rakstu Integrācija ar Facebook Messenger
- Instagram - atbild uz Instagram tiešajām ziņām (DM), skatiet rakstu Integrācija ar Instagram
Saziņas kanāli neizmanto tālāk norādīto iegulšanas kodu. Tie tiek savienoti ar kontu, kas jums jau pieder, tāpēc vietnē nekas nav jāielīmē.
Katra platforma parāda detalizētus norādījumus, kas attiecas tieši uz šo integrāciju. Platformām, kurām ir atsevišķi palīdzības raksti, apakšā ir redzama saite View full instructions (Skatīt pilnus norādījumus).
Pievienošana, izmantojot HTML Code
Iespēja HTML Code darbojas ar jebkuru vietni, kuras pirmkodam varat piekļūt. Jūs redzēsiet divas iegulšanas iespējas: Widget (Logrīks) un Iframe.
Logrīka režīms
Cilnē Widget (Logrīks) ir redzams kods, kas jūsu vietnei pievieno tērzēšanas ikonu. Kad apmeklētāji noklikšķina uz ikonas, tiek atvērts uznirstošais tērzēšanas logs.
- Noklikšķiniet uz cilnes Widget
- Noklikšķiniet uz Copy to clipboard (Kopēt starpliktuvē), lai nokopētu kodu
- Atrodiet savas vietnes sadaļu
<head> - Ielīmējiet kodu kā pēdējo elementu sadaļā
<head> - Atsvaidziniet pārlūkprogrammu, lai pārliecinātos, ka tērzēšanas robota ikona tiek parādīta
Iframe režīms
Cilnē Iframe ir redzams kods, kas iegulst tērzēšanas robotu tieši jūsu lapas saturā. Tērzēšanas robots ir redzams vienmēr un var atrasties starp citiem lapas elementiem.
- Noklikšķiniet uz cilnes Iframe
- Noklikšķiniet uz Copy to clipboard, lai nokopētu kodu
- Ielīmējiet kodu jebkurā vietā vietnes HTML kodā, kur vēlaties rādīt tērzēšanas robotu
- Pielāgojiet atribūtus
widthunheight, lai tie atbilstu jūsu izkārtojumam
Neesat pārliecināti, kuru izvēlēties? Izlasiet rakstu Kāda ir atšķirība starp logrīku un Iframe?, lai skatītu detalizētu salīdzinājumu.
Pievienošana, izmantojot WordPress vai WooCommerce
WordPress un WooCommerce platformas piedāvā divas uzstādīšanas metodes: Plugin Installation (Uzstādīšana ar spraudni; ieteicams) un Manual Installation (Manuāla uzstādīšana).
Uzstādīšana ar spraudni (ieteicams)
- Noklikšķiniet uz Get the plugin on WordPress.org (Iegūt spraudni vietnē WordPress.org), pēc tam uzstādiet un aktivizējiet ChatLab spraudni.
- Atveriet ChatLab platformā WordPress. Ja izmantojat WooCommerce veikalu, atstājiet atlasītu opciju WooCommerce integration (WooCommerce integrācija), lai pievienotu arī veikala datus.
- Noklikšķiniet uz Continue (Turpināt), pierakstieties pakalpojumā ChatLab un izvēlieties savu tērzēšanas robotu.
- Pabeidziet savienošanu, atveriet savu publicēto vietni un nosūtiet testa ziņojumu.
Manuāla uzstādīšana
Pārslēdzieties uz cilni Manual Installation un iekopējiet Widget kodu savas vietnes galvenē, izmantojot koda ievietošanas spraudni. Opcijai Iframe izmantojiet HTML bloku lapas saturā, kas pieļauj iframe HTML. Publicējiet lapu un pārbaudiet tērzēšanu. Uzstādiet logrīku tikai vienu reizi, izmantojot spraudni vai manuālu koda fragmentu.
Lai iegūtu plašāku informāciju, skatiet rakstu Kā pievienot tērzēšanas robotu WordPress vietnei.
Pievienošana, izmantojot citas platformas
Platformām Shopify, Wix, Webflow, PrestaShop, Abicart un CS-Cart izvēlieties attiecīgo platformu panelī Select Platform. Katra platforma parāda:
- Iegulšanas kodu ar opcijām Widget un Iframe
- Platformai pielāgotus, detalizētus ielīmēšanas norādījumus
- Saiti View full instructions, lai skatītu pilno platformas pamācību
VDAR atbilstība
Ja vēlaties, lai tērzēšanas robots tiktu ielādēts tikai pēc piekrišanas saņemšanai par sīkdatnēm, skatiet rakstu ChatLab iestatīšana VDAR atbilstībai, kurā ir iekļauti integrācijas ceļveži pakalpojumiem CookieBot, Usercentrics un Google Tag Manager.
Content Security Policy (CSP)
Ja jūsu vietnē tiek izmantotas satura drošības politikas (CSP) galvenes, jums ir jāatļauj ChatLab domēni, lai tērzēšanas robots varētu darboties. Nepieciešamās direktīvas ir atkarīgas no tā, vai izmantojat Widget vai Iframe režīmu.
Logrīka režīms
Logrīks jūsu lapā ielādē skriptu, kas izveido tērzēšanas saskarni. Apvienojiet tālāk norādītos ChatLab avotus ar esošajām CSP direktīvām; neaizstājiet politiku pārējai vietnes daļai:
script-src https://script.chatlab.com;
style-src https://script.chatlab.com https://fonts.googleapis.com 'unsafe-inline';
connect-src https://api.chatlab.com wss://api.chatlab.com;
font-src https://fonts.gstatic.com;
Pēc noklusējuma logrīks dažus stilus ievieto iekļautā veidā (inline). Jūsu politikai ir jāautorizē arī iekļautais konfigurācijas skripts, piemēram, izmantojot CSP vienreizlietojamo kodu (nonce) vai jaucējkodu (hash). Direktīvā img-src atļaujiet attēlu avotus, ko izmanto jūsu robots un produktu kartītes; audio un citām iespējotajām funkcijām var būt nepieciešami papildu avoti. Aģentūras domēna gadījumā izmantojiet domēnus no jūsu ģenerētā koda fragmenta.
CSP Safe Mode - izvairīšanās no unsafe-inline
Ja jūsu vietnes drošības politika nepieļauj 'unsafe-inline' direktīvā style-src, varat iespējot CSP Safe Mode (Drošais CSP režīms). Tas ielādē logrīka konteinera stila lapu no ārēja CSS faila. Tas neautorizē jūsu iekļauto konfigurācijas skriptu un negarantē, ka katrs pielāgotais stils un iespējotā funkcija atbilst jūsu politikai.
Lai to iespējotu, pievienojiet window.aichatbotCspSafe = true; pirms ChatLab skripta taga:
<script>
window.aichatbotApiKey = "YOUR_API_KEY";
window.aichatbotCspSafe = true;
</script>
<script src="https://script.chatlab.com/aichatbot.js" defer></script>
Kad CSP Safe Mode ir iespējots, pārbaudiet stila lapu politiku bez 'unsafe-inline'. Ieteicamais sākumpunkts ir:
script-src https://script.chatlab.com;
style-src https://script.chatlab.com https://fonts.googleapis.com;
connect-src https://api.chatlab.com wss://api.chatlab.com;
font-src https://fonts.gstatic.com;
Iframe režīms
Pamatlapai ir jāatļauj avots, kas norādīts nokopētajā iframe URL. Standarta ChatLab hostingam pievienojiet esošajai politikai šādu ierakstu:
frame-src https://api.chatlab.com;