ChatLab pievienošana jūsu vietnei ļauj apmeklētājiem sazināties ar jūsu AI 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.
Cilnes Deploy atvēršana
Izvēlieties savu tērzēšanas robotu galvenajā vadības panelī un pēc tam noklikšķiniet uz cilnes Deploy (Izvietot).
Savas platformas izvēle
Panelī Select Platform (Izvēlēties platformu) labajā pusē ir redzamas visas atbalstītās platformas. Noklikšķiniet uz platformas, kas atbilst jūsu vietnei, lai skatītu pielāgotas uzstādīšanas instrukcijas.
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 > Advanced > Custom Code
- Webflow - izmantojot Site Settings > Custom Code (nepieciešams maksas Webflow plāns)
- 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
Katrai platformai tiek parādīti konkrētajai integrācijai paredzēti soli pa solim norādījumi. Platformām ar atsevišķiem palīdzības rakstiem apakšā ir redzama saite View full instructions (Skatīt pilnas instrukcijas).
Pievienošana, izmantojot HTML Code
Opcija HTML Code darbojas ar jebkuru vietni, kuras pirmkodam jums ir piekļuve. Jūs redzēsiet divas iegulšanas iespējas: Widget un Iframe.
Logrīka (Widget) 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> - Pārlādējiet pārlūkprogrammas lapu, lai pārliecinātos, ka tērzēšanas robota ikona parādās
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 ap to var izvietot citus lapas elementus.
- Noklikšķiniet uz cilnes Iframe
- Noklikšķiniet uz Copy to clipboard, lai nokopētu kodu
- Ielīmējiet kodu jebkurā savas vietnes HTML vieta, kur vēlaties attēlot 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 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 instalēšanas metodes: Plugin Installation (Spraudņa instalēšana, ieteicama) un Manual Installation (Manuāla instalēšana).
Plugin Installation (ieteicams)
- Noklikšķiniet uz Get WordPress Plugin (Iegūt WordPress spraudni), lai atvērtu WordPress spraudņu krātuvi
- Instalējiet un aktivizējiet spraudni "ChatLab - AI Chatbot"
- Atveriet spraudņa iestatījumu lapu WordPress administratora panelī
- Nokopējiet savu Bot ID (Robota ID) no ChatLab, izmantojot pogu Copy
- Ielīmējiet Bot ID spraudņa iestatījumos un saglabājiet
- Pārliecinieties, ka tērzēšanas robots parādās jūsu vietnē
Manual Installation
Pārslēdzieties uz cilni Manual Installation, lai instalētu, izmantojot kodu:
- Instalējiet WordPress spraudni "Insert Headers and Footers"
- Dodieties uz Settings > Insert Headers and Footers
- Nokopējiet kodu no ChatLab un ielīmējiet to sadaļā Header
- Saglabājiet un pārlādējiet savu vietni
Lai uzzinātu visas detaļas, skatiet rakstu Kā pievienot savu tērzēšanas robotu WordPress vietnei.
Pievienošana citās platformās
Platformām Shopify, Wix, Webflow, PrestaShop, Abicart un CS-Cart izvēlieties atbilstošo platformu panelī Select Platform. Katrai platformai tiek parādīts:
- Iegulšanas kods ar opcijām Widget un Iframe
- Platformai pielāgotas soli pa solim ievietošanas instrukcijas
- Saite View full instructions uz pilno platformas pamācību
VDAR atbilstība
Ja jums ir nepieciešams, lai tērzēšanas robots ielādētos tikai pēc tam, kad ir saņemta piekrišana sīkfailiem, skatiet sadaļu ChatLab iestatīšana VDAR atbilstībai, kur pieejami integrācijas ceļveži rīkiem CookieBot, Usercentrics un Google Tag Manager.
Satura drošības politika (CSP)
Ja jūsu vietne izmanto Content Security Policy galvenes, jums ir jāatļauj ChatLab domēni, lai tērzēšanas robots darbotos. Nepieciešamās direktīvas ir atkarīgas no tā, vai izmantojat Widget vai Iframe režīmu.
Logrīka režīms
Logrīks ielādē skriptu jūsu lapā, kas izveido tērzēšanas saskarni. Pievienojiet šīs direktīvas savai CSP galvenei:
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ļu stilu ievieto iekļautā veidā (inline), tāpēc direktīvā style-src ir nepieciešams 'unsafe-inline'.
CSP Safe Mode - izvairīšanās no unsafe-inline
Ja jūsu vietnes drošības politika neatļauj 'unsafe-inline' direktīvā style-src, varat iespējot CSP Safe Mode (CSP drošais režīms). Tādējādi logrīks visus stilus ielādēs no ārējiem CSS failiem, nevis ievietos tos iekļautā veidā.
Lai to iespējotu, pirms ChatLab skripta taga pievienojiet window.aichatbotCspSafe = true;:
<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, 'unsafe-inline' vairs nav nepieciešams, un jūsu CSP galvene var izmantot:
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
Iframe ielādē visu tērzēšanas robotu no viena URL, tāpēc ir nepieciešama tikai viena direktīva:
frame-src https://api.chatlab.com;