Kuidas lisada Asyntai AI vestlusrobot Statamicusse

Samm-sammult juhend Statamic CMS veebisaitide jaoks

Platvorm:

1. samm: Hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni "Manuskood". Kopeerige oma unikaalne manuskood, mis näeb välja selline:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Märkus: Ülalolev kood on vaid näide. Peate kopeerima oma unikaalse manuskoodi oma juhtpaneelilt, kuna see sisaldab teie isiklikku vidina ID-d.

2. samm: Valige paigaldusmeetod

Statamic toetab nii Antlersi kui ka Blade'i mallimootorit. Valige meetod vastavalt sellele, millist mallimootorit kasutate:

Meetod 1: Antlersi küljendus (soovitatav)

Lihtsaim viis vestlusroboti lisamiseks on kaasata see oma peamises küljenduse failis. Statamic kasutab vaikimisi Antlersi mallimootoriks.

Navigeerige oma Statamicu projekti kataloogi resources/views
Avage oma küljenduse fail (tavaliselt layout.antlers.html)
Leidke sulgev silt </body>
Kleepige oma Asyntai manuskood vahetult enne </body> silti
Salvestage fail

<!DOCTYPE html>
<html lang="{{ site:short_locale }}">
<head>
  <meta charset="utf-8">
  <title>{{ title }} | {{ site:name }}</title>
  {{ vite src="resources/js/site.js|resources/css/site.css" }}
</head>
<body>
  {{ template_content }}

  <!-- Asyntai Chatbot -->
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>
</html>

Vihje: The {{ template_content }} variable is where Statamic injects your page content. Always add the chatbot script after this, just before </body>.

Meetod 2: Blade'i küljendus

Kui kasutate Antlersi asemel Blade'i malle, järgige neid samme:

Navigeerige oma Statamicu projekti kataloogi resources/views
Avage oma Blade'i küljenduse fail (nt layout.blade.php)
Leidke sulgev silt </body>
Kleepige oma Asyntai manuskood vahetult enne </body> silti
Salvestage fail

<!DOCTYPE html>
<html lang="{{ $site->shortLocale() }}">
<head>
  <meta charset="utf-8">
  <title>{{ $title }} | {{ $site->name() }}</title>
  @vite(['resources/js/site.js', 'resources/css/site.css'])
</head>
<body>
  {!! $template_content !!}

  <!-- Asyntai Chatbot -->
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>
</html>

Märkus: In Blade templates, use {!! $template_content !!} to render the page content. The !! syntax prevents HTML escaping.

Meetod 3: osalise kasutamine

Paremaks organiseerimiseks saate luua vestlusroboti jaoks taaskasutatava osalise:

1. samm: looge osaline

Looge uus fail asukohta resources/views/partials/_chatbot.antlers.html
Lisage oma Asyntai manuskood sellesse faili:
 <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

2. samm: kaasake oma küljenduses

Avage oma küljenduse fail (layout.antlers.html)
Lisage osalise märgend enne </body>:
{{ partial:chatbot }} </body>

Miks kasutada osalist? Osalised teevad lihtsaks väliste skriptide haldamise ühes kohas. Kui teil on kunagi vaja vestlusroboti koodi uuendada, peate muutma ainult ühte faili.

Mitme küljenduse kasutamine

Kui teie Statamicu sait kasutab mitut küljendust (nt erinevad küljendused blogipostituste, maandumislehtede jne jaoks), veenduge, et lisate vestlusroboti skripti igasse küljenduse faili, kus soovite vidinat kuvada.

Saate määrata, millist küljendust leht kasutab, mitmel viisil:

Kirjes: Lisage layout: your_layout eelmetaandmetesse
Kollektsioonis: Määrake vaikeküljendus oma kollektsiooni konfiguratsiooni YAML-failis
Joonises: Lisage küljenduse väli, mille hulgast toimetajad saavad valida

Statamicu stardikomplektide jaoks

Kui kasutate Statamicu stardikomplekti, võib küljenduse asukoht varieeruda. Levinud asukohad on:

Default Statamic

resources/views/layout.antlers.html

Peak Starter

resources/views/layout.antlers.html koos osalistega kataloogis resources/views/snippets/

Cool Writings

resources/views/layout.antlers.html

Starter's Creek

resources/views/layout.blade.php

3. samm: Tühjendage vahemälu ja kontrollige

Pärast koodi lisamist tühjendage Statamicu vahemälu, et tagada muudatuste jõustumine:

php artisan cache:clear
php please stache:refresh

Seejärel külastage oma veebisaiti uuel brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu paremas alanurgas. Klõpsake sellel, et veenduda selle avamises ja korrektses toimimises.

Ei näe vidinat? Veenduge, et olete tühjendanud nii Laraveli vahemälu kui ka Statamicu Stache'i. Kui kasutate staatilist vahemälu, käivitage ka php please static:clear. Kontrollige oma brauseri konsooli (F12) JavaScripti vigade osas.

Oluline: Kui kasutate Statamicu staatilist saidi generaatorit (ssg), regenereerige pärast vestlusroboti skripti lisamist kindlasti oma staatilised failid, käivitades php please ssg:generate.

Dokumentatsioon