Construiți un chat-chat alimentat cu AI

Sep 14, 2025

să

An illustration showing an android with an electronic brain in front of a globe marked with symbols indicated technological advancement, such as binary code, molecules and communications relays.

Inteligența artificială (AI) ne permite să creăm noi modalități de a privi problemele existente, de la regândirea strategiilor de mediu la modul în care învățăm. Proiectele dvs. - dacă aplicațiile, site-urile web sau jocuri - pot influența AI pentru a le face mai angajați, mai ușor de utilizat și să aibă rezultate mai valoroase. O astfel de metodă implică crearea unei chatbot de limbă naturală pentru a ajuta utilizatorii să interacționeze cu site-ul dvs.

Pentru a crea primul dvs. chatbot, vom folosi noul set Google DialogFlow. Acesta acoperă o învățare puternică a mașinilor, precum și a vorbirii la text. Acesta poate fi încorporat direct în site-ul dvs. ca widget sau personalizat pentru nevoile dvs.

Dacă sunteți în curs de planificare a unui nou site, veți avea nevoie de sfaturi despre totul de la ideal Builder de site-uri web la care web hosting Serviciu pentru a alege, deci verificați ghidurile noastre. Crearea unui nou sistem de proiectare? Salvați-o în siguranță în Stocare in cloud Deci este accesibil întregii tale echipe. Acum, pe cum să creați un chatbot ...

01. Creați un cont

Mergi la DialogFlow.com. și creați-vă contul. Conectați-vă și sunteți de acord cu permisiunile pentru a activa dialogul să aibă acces la contul dvs.

02. Creați un agent

Dialogul utilizează termenul "agent" pentru a reprezenta instanțele AI. Gândiți-vă la agenți ca inteligența virtuală pe care o creați. Ați putea avea mulți agenți care lucrează pentru dvs., fiecare cu propria personalitate și scop.

Faceți clic pe butonul "Creați agentul" și introduceți un nume pentru agentul dvs.: "HAL 9000".

03. Creați o intenție

În primul rând, trebuie să creați o intenție. Definim "intenția" intrărilor utilizatorului. Faceți clic pe "Creați intenție" și spuneți-o "ușile deschise". Apăsați "Salvați".

04. Antrenează AI pentru această intenție

An image showing the Google Dialogflow interface – in the box that's marked 'USER SAYS', it reads 'open the door hal' and in the box marked 'DEFAULT RESPONSE', it reads 'Sorry Dave. I can't do that now'. — Instruiți AI pentru o intenție prin furnizarea de fraze pe care un utilizator le poate utiliza

Antrenează AI pentru această intenție oferind fraze pe care un utilizator le poate utiliza. NLP AI va folosi aceste și variații derivate pentru a instrui agentul. Adăugați următoarele expresii de antrenament în fereastra "Fraze de formare" și adăugați cât mai multe dintre dvs., după cum vă place:

Deschideți ușile de la Bay, Hal.
"Deschideți ușile".
- Lasă-mă în Hal!

05. Adăugați răspunsuri

Apoi, trebuie să adăugați unele răspunsuri pe care agentul le va răspunde. Introduceți acestea în fereastra "Răspunsuri". Încercați un fel ca acesta:

- Mă tem că nu pot face asta, Dave.
- Nu pot face asta chiar acum.

Apoi apăsați "Adăugați răspunsuri" și "Salvați" din nou în partea de sus. Veți vedea notificări că agentul este instruit și apoi este gata.

06. Testați-l pe ChatBot

În partea dreaptă a ecranului este un instrument de testare. Chatbot va folosi serviciul Google de vorbire la text pentru a vă transpune vocea în text dacă încercați acest lucru. Ar trebui să vedeți rezultatele solicitării dvs. și răspunsul agentului AI selectat. Foarte tare!

07. Creați și utilizați o entitate

Entitățile sunt concepte care pot fi definite și reutilizate în răspunsurile agentului ca variabile. Să pregătim AI să înțeleg când un utilizator exprimă o emoție, apoi să folosească acest lucru în răspunsul său la utilizator.

În meniul din stânga, faceți clic pe "Entități". Tipul "emoție" pentru numele noii entități. Păstrați "definiți sinonimele" verificate. Faceți clic în tabelul de mai jos și introduceți "furios" ca prima emoție. Apoi faceți clic în partea dreaptă a acestui lucru și adăugați sinonime, cum ar fi "nebun", "supărat", și așa mai departe. Apoi adăugați o altă intrare pentru "speriat" și utilizați sinonimele "frică", "îngrozită", etc., care vă place. Apăsați "Salvați" când ați terminat.

Acest lucru a instruit acum agentul să înțeleagă că "furios" și "speriat" sunt emoții pe care un utilizator le poate comunica. Toate aceste sinonime sunt variații care pot apărea. AI va genera și unii.

08. Creați o nouă intenție

Acum vom crea o nouă intenție de a folosi entitatea "emoție" pe care am creat-o. Apelați această intenție "emoții" și faceți clic pe "Salvați".

Apoi adăugați fraze de antrenament noi, cum ar fi "Mă sperie", "Mă faci nebun", și "sunt foarte supărat", folosind variații de cuvinte cheie furioase și speriate. Acest lucru va instrui agentul pentru a înțelege diferitele modalități pe care un utilizator le poate prezenta această afirmație emoțională.

Veți observa că sistemul evidențiază cuvintele speriate și furioase pentru dvs. Este deja semnalat pe acestea ca entități. De asemenea, a adăugat o intrare în fereastra "Acțiuni și parametri". Acest lucru vă permite să utilizați și aceste entități în răspunsurile dvs.

09. Adăugați un răspuns folosind noua entitate "emoție"

În fereastra răspunsurilor, adăugați noi răspunsuri care utilizează această nouă entitate. Rețineți "$" pentru a desemna entitatea "Emoția $". Încercați să adăugați aceste răspunsuri:

- Îmi pare rău că te simți emoție, Dave.
"Sentimentul de emoție este un răspuns uman, Dave."

Faceți clic pe "Adăugați răspunsuri" și apăsați butonul "Salvați" din partea de sus a ecranului pentru a salva întreaga intenție.

10. Testați din nou chat-ul

Încercați să spuneți sau să introduceți următoarele fraze în instrumentul de testare.

- Mă faci foarte supărat pe Hal.
- Mă sperie.

Observați cum a răspuns utilizând "speriat" cu cel de-al doilea? Ne-a folosit sinonimul, "speriat" pentru a ști că am vrut să spunem speriat. Foarte tare.

Simțiți-vă liber să jucați împreună cu acest lucru, precum și să adăugați mai multe intenții și răspunsuri pe care le doriți și apoi vom adăuga acest lucru la o pagină web.

11. Activați integrarea web

An image showing Google Dialogflow's pop-up featuring a direct link and embeddable HTML snippet for a created chatbot. — Făcând clic pe demo Web, va afișa un fragment de cod pe care îl puteți utiliza pentru a renunța la widget pe propriul dvs. site web

Pentru ao adăuga la pagina dvs. web, faceți clic pe "Integrarea" din meniul din stânga. Apoi faceți clic pe caseta "Demo Web" pentru a activa această opțiune.

Va apărea un pop-up care vă arată o legătură directă, astfel încât să puteți utiliza pentru a vă testa imediat integrarea. Acesta va afișa, de asemenea, un fragment de cod pe care îl puteți utiliza pentru a renunța la widget în propriul site web. Copiați acel fragment în clipboard, astfel încât să îl puteți lipi în site-ul dvs.

12. Creați o pagină web de bază și adăugați fragmentul

Creați o pagină HMTL de bază și includeți acel snippet de cod următor. Încercați următorul cod și încărcați-l pe serverul dvs. sau executați-l pe serverul local. Înlocuiți fragmentul de mai jos cu cel pe care l-ați copiat de la agentul dvs. de dialog:

 și lt;! Doctype html & gt;
& lt; html & gt;
& lt; head & gt;
și title & gt; net - AI chatbot & lt; / titlu & gt;
& lt; / head & gt;
& lt; corp & gt;
& lt; iframe
    permit = "microfon"; Width = "350" Înălțime = "430" Src = "https://console.dialogflow.com/api-client/demo/embedded/bbd27d04-5546-4b62-85A5-C373575A33AA" & GT;
& lt; / iframe & gt;
& lt; / corp & gt;
& lt; / html & gt;

Acest articol a fost publicat inițial în numărul 312 de net, cea mai bună revistă din lume pentru designeri web și dezvoltatori. Cumpăra problema 312. sau Abonați-vă la Net. .

Dornici să aflați mai multe despre modul în care puteți aduce AI la site-urile și aplicațiile dvs.?

An image promoting generate New York 2019 from April 24th -25th and speaker Josh Clark's keynote 'AI is your new design material'. — Generați, conferința câștigătoare premiată pentru designerii web, revine la NYC pe 24-25 aprilie! Pentru a rezerva bilete vizitați www.generateconf.com

Dornici să afle mai multe despre cum puteți aduce AI în modelele dvs.? Josh Clark, fondatorul unui mediu mare, va da Keynote "AI este noul dvs. material de design" la Generarea New York pe 25 aprilie, în care vă va învăța să utilizați conținut generat de mașină, înțelegere și interacțiune ca material de proiectare munca ta de zi cu zi.

Generați din New York se desfășoară din 24-25 aprilie - Ia-ți biletele acum Fotografiile!

Articole similare:

Un ghid pentru viziunea Cloud Google
7 tendințe tehnice uriașe în 2019 că designerii trebuie să știe
Will designerii vor fi înlocuiți de roboți?

Construiți un chat-chat alimentat cu AI

01. Creați un cont

02. Creați un agent

03. Creați o intenție

04. Antrenează AI pentru această intenție

05. Adăugați răspunsuri

06. Testați-l pe ChatBot

07. Creați și utilizați o entitate

08. Creați o nouă intenție

09. Adăugați un răspuns folosind noua entitate "emoție"

10. Testați din nou chat-ul

11. Activați integrarea web

12. Creați o pagină web de bază și adăugați fragmentul

Dornici să aflați mai multe despre modul în care puteți aduce AI la site-urile și aplicațiile dvs.?

să - Cele mai populare articole

Tot ce trebuie să știți despre divizarea codului JavaScript

Cum se creează textul glitch și efectele imaginii în CSS

Folosiți butonul de instrumente MARMOSET pentru a prezenta modele în VR

Ce este o linie de terminare?

Cum de a face un cer fotorealist

Cum să facem o mașină sport realistă

Cum se combină seturile de acuarelă ale pictorului

Anatomia caricaturii: 15 sfaturi de top

Categorii