Ako pridat Asyntai AI chatbota do Ghost

Návod krok za krokom pre webove stránky Ghost CMS

Získať vkladací kód

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

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

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne ID widgetu.

Krok 2: Použitie vkladania kodu (odporúčané)

Ghost ma vstavanu funkciu vkladania kodu, ktora velmi uľahcuje pridávanie vlastných skriptov:

  1. Prihlaste sa do svojho Administracneho panelu Ghost
  2. Kliknite na ikonu ozubenho kolesa (Nastavenia) v lavom dolnom rohu
  3. Prejdite nadol k sekcii "Pokročilé"
  4. Kliknite na "Vkladanie kodu"
  5. Do sekcie "Pata stránky" vložíte svoj vkladací kod Asyntai
  6. Kliknite na "Ulozit" v pravom hornom rohu

Tip: Pridanie JavaScriptu do paty stránky (namiesto hlavičky stránky) zabezpeci, ze sa nacita po obsahu stránky, co je odporúčané pre chatove widgety a nespomalí nacitanie vasej stránky.

Alternativa: Vkladanie kodu pre konkretnu stránku

Ak chcete chatbota len na konkretnch strankach alebo prispevkoch:

  1. Open the post or page you want to add the chatbot to
  2. Click the settings icon (gear) in the top right corner
  3. Prejdite nadol a najdite "Vkladanie kodu"
  4. Rozbalte sekciu a vložíte svoj vkladací kod Asyntai do pola "Pata prispevku"
  5. Kliknite mimo pola na uloženie a potom publikujte/aktualizujte svoj prispevok

Poznámka: Vkladanie kodu pre konkretnu stránku je uzitocne, ak chcete chatbota len na určitých strankach namiesto celej vasej stránky.

Alternativa: Uprava súborov temy (pre vlastný hosting)

If you're self-hosting Ghost and prefer to edit theme files directly:

  1. Prístupte k súborom vasej inštalácie Ghost cez FTP alebo správcu súborov
  2. Prejdite do priečinka vasej temy: content/themes/vasa-tema/
  3. Otvorte súbor default.hbs (hlavny súbor rozloženia)
  4. Najdite uzatvaraci tag </body>
  5. Vložíte svoj vkladací kod Asyntai tesne pred tag </body>
  6. Uložte súbor
  7. Restartujte Ghost alebo vymažte vyrovnávaciu pamat

Dôležité: Priama uprava súborov temy sa neodporuca, pokiaľ to nie je nutne. Zmeny mozu byt prepisane pri aktualizacii vasej temy. Metoda vkladania kodu je preferovana, pretože pretrvá aktualizacie temy.

Krok 3: Overenie inštalácie

Po uložení vasich zmien navštívte svoju stránku Ghost v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.

Nevidite widget? Uistite sa, ze ste po pridani kodu vo Vkladani kodu klikli na "Ulozit". Skuste vyčistiť vyrovnávaciu pamat prehliadača alebo zobrazit web v okne inkognito. Ak používate Ghost(Pro), zmeny by sa mali prejavit okamzite. Pre Ghost s vlastnym hostingom môžete musiet restartovat sluzbu Ghost.