Byg en AI-Powered ChatBot

Sep 13, 2025
hvordan
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.

Kunstig intelligens (AI) gør det muligt for os at skabe nye måder at se på eksisterende problemer fra at genoverveje miljøstrategier til, hvordan vi lærer. Dine projekter - Uanset om apps, websteder eller spil - kan udnytte AI for at gøre dem mere engagerende, lettere at bruge og have mere værdifulde resultater. En sådan metode indebærer at oprette en natursprog chatbot for at hjælpe brugerne med at interagere med dit websted.

For at oprette din første chatbot bruger vi Googles nye DialogFlow Toolset. Det udnytter kraftig maskinindlæring såvel som tale-til-tekst. Det kan indarbejdes lige ind på dit websted som en widget eller tilpasset dine behov.

Hvis du er i færd med at planlægge et nyt websted, skal du have råd om alt fra det ideelle Website Builder. Til hvilket Web Hosting. Service at vælge, så tjek vores vejledninger. Oprettelse af et nyt designsystem? Gem det sikkert i Sky lagring Så det er tilgængeligt for hele dit hold. Nu på, hvordan du opretter en chatbot ...

01. Opret en konto

Gå til DialogFlow.com. og opret din konto. Log ind og accepter tilladelserne for at aktivere DialogFlow for at få adgang til din konto.

02. Opret en agent

Dialogflow anvender udtrykket 'agent' for at repræsentere forekomster af din AI. Tænk på agenten som den virtuelle intelligens du skaber. Du kunne have mange agenter, der arbejder for dig, hver med sin egen personlighed og formål.

Klik på knappen 'Opret agent' og indtast et navn til din agent: 'HAL 9000'.

03. Opret en hensigt

For det første skal du oprette en hensigt. Vi definerer brugerens inputs 'hensigt'. Klik på 'Opret hensigt' og navngiv det 'Åbn døre'. Tryk på 'Gem'.

04. Træn AI for denne hensigt

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'.

Træne AI for en hensigt ved at levere sætninger, som en bruger måtte bruge

Træn AI for denne hensigt ved at levere sætninger, som en bruger måtte bruge. NLP AI vil bruge disse og afledte variationer til at træne agenten. Tilføj følgende træningsfraser i vinduet 'Træne sætninger' og tilføj så mange af dine egne som du vil:

  • 'Åbn Pod Bay Doors, Hal.'
  • 'Åbn dørene.'
  • "Lad mig ind, Hal! '

05. Tilføj svar.

Derefter skal du tilføje nogle svar, som agenten vil reagere med. Du indtaster disse i vinduet 'Responses'. Prøv nogle som sådan:

  • "Jeg er bange for, at jeg ikke kan gøre det, Dave. '
  • "Jeg kan ikke gøre det lige nu. '

Tryk derefter på 'Tilføj svar' og 'Gem' op øverst igen. Du vil se meddelelser, som agenten bliver uddannet, og så er den klar.

06. Test chatbot

På højre side af skærmen er et testværktøj. Chatbot vil bruge Googles tale-to-text service til at oversætte din stemme til tekst, hvis du prøver det ud. Du bør se resultaterne af din anmodning og svaret AI Agent valgt. Meget sejt!

07. Opret og brug en enhed

Enheder er begreber, der kan defineres og genbruges i agentens svar som variabler. Lad os træne AI for at forstå, hvornår en bruger udtrykker en følelse, så brug det i sit svar på brugeren.

Klik på 'Entiteter' på line-menuen. Skriv 'følelser' for navnet på din nye enhed. HOLD 'DEFINE SYNONYMS' kontrolleret. Klik i tabellen nedenfor og skriv 'vred' som den første følelse. Klik derefter på højre for det og tilføj synonymer som 'Mad', 'Upset', og så videre. Tilføj derefter en anden post for 'skræmt' og brug synonymer 'bange,' 'skræmt' osv., Som du vil. Tryk på 'Gem', når du er færdig.

Dette har nu uddannet agenten for at forstå, at 'vred' og 'bange' er følelser, som en bruger kan kommunikere. Alle disse synonymer er variationer, der måtte opstå. AI vil også generere nogle.

08. Opret en ny hensigt

Nu skal vi skabe en ny hensigt om at bruge 'følelsesenheden, vi har skabt. Ring til denne hensigt 'Emotions' og klik på 'Gem'.

Næste Tilføj nye træningsfraser som 'Du skræmmer mig', 'Du gør mig sur, og' Jeg er meget sur, 'Brug af variationer af vrede og skræmte søgeord. Dette vil træne agenten for at forstå de forskellige måder, som en bruger kan sætte denne følelsesmæssige erklæring på.

Du vil bemærke, at systemet fremhæver de skræmte og vrede ord for dig. Det markerer allerede disse som enheder. Det har også tilføjet en indgang i vinduet 'Handlinger og Parameters'. Dette giver dig mulighed for at bruge disse enheder i dine svar også.

09. Tilføj et svar ved hjælp af den nye 'følelses' enhed

I svarvinduet skal du tilføje nye svar, der bruger denne nye enhed. Bemærk '$''en for at angive' $ følelsen 'enhed. Prøv at tilføje disse svar:

  • "Jeg er ked af, at du føler $ følelser, Dave. '
  • 'Feeling $ følelser er et menneskeligt svar, Dave.'

Klik på 'Tilføj svar' og tryk på 'Gem' knappen øverst på skærmen for at gemme hele hensigten.

10. Test din chatbot igen

Prøv at sige eller skrive følgende sætninger i testværktøjet.

  • "Du gør mig meget sur Hal. '
  • "Du freaking mig ud. '

Bemærk, hvordan det reagerede med at bruge 'skræmt' med den anden? Det brugte vores synonym, "freaked ud" for at vide, at vi mente skræmt. Meget sejt.

Du er velkommen til at lege med dette såvel som tilføj nogle flere hensigter og svar, som du kan lide, og så tilføjer vi dette til en webside.

11. Aktiver webintegration

An image showing Google Dialogflow's pop-up featuring a direct link and embeddable HTML snippet for a created chatbot.

Hvis du klikker på Web Demo, vises en kodeudnyttet Du kan bruge til at slippe widgeten til din egen hjemmeside

For at tilføje det til din webside skal du klikke på 'Integrations' på venstre menu. Klik derefter på boksen 'Web Demo' for at tænde for denne indstilling.

En pop-up vises, der viser dig et direkte link, så du kan bruge til at teste din integration ud med det samme. Det vil også vise en kodeudnyttet, som du kan bruge til at slippe widgeten til dit eget websted. Kopier det snippet til udklipsholderen, så du kan indsætte det i dit websted.

12. Opret en grundlæggende webside og tilføj snippet

Opret en grundlæggende HMTL-side og inkludere den kode snippet næste. Prøv følgende kode og upload den til din server eller kør den på din lokale server. Udskift udskriften nedenfor med den, du kopierede fra din DialogFlow-agent: 

 & LT;! DOCTYPE HTML & GT;
& lt; html & gt;
& lt; hoved & gt;
& lt; titel & gt; net - ai chatbot & lt; / titel & gt;
& lt; / Head & GT;
& lt; body & gt;
& lt; iframe
    Tillad = "mikrofon;" Bredde = "350" Højde = "430" SRC = "https://console.dialogflow.com/api-client/DEMO/EMBEDDED / BBBD27D04-5546-4B62-85A5-C373575A33AA" & GT;
& lt; / iframe & gt;
& lt; / body & gt;
& lt; / HTML & GT;

Denne artikel blev oprindeligt offentliggjort i udstedelse 312 af netto, verdens bedst sælgende magasin for webdesignere og udviklere. Køb problem 312. eller Abonner på Net. .

Keen for at lære mere om, hvordan du kan bringe AI til dine websteder og apps?

An image promoting generate New York 2019 from April 24th -25th and speaker Josh Clark's keynote 'AI is your new design material'.

Generer, den prisbelønnede konference for webdesignere, vender tilbage til NYC den 24-25 april! For at bestille billetter besøg www.generateconf.com

Er du ivrig efter at lære mere om, hvordan du kan bringe AI i dine designs? Josh Clark, grundlægger af stort medium, vil give sin keynote 'AI er dit nye designmateriale' til at generere New York den 25. april, hvor han vil lære dig at bruge maskingenereret indhold, indsigt og interaktion som et designmateriale i dit daglige arbejde.

Generere New York løber fra 24-25 april - Få dine billetter nu !

Relaterede artikler:

  • En guide til Googles sky vision
  • 7 store tech trends i 2019, at designere skal vide
  • Vil designere blive erstattet af robotter?

hvordan - Mest populære artikler

Tegn på kraften i kontrast i kunst

hvordan Sep 13, 2025

At lære at bruge kontrast i kunst vil omdanne dine projekter og den måde, du arbejder på. Mit foretrukne aspekt til at arbejde med i kunst er kontrast. Dette opstår normalt, når du arbej..

Kom i gang med Grav CMS

hvordan Sep 13, 2025

(Billedkredit: fremtiden) Grav er et content management system (CMS) med en forskel. Content Management Systems er al..

10 måder at skabe bedre tegn animationer

hvordan Sep 13, 2025

Med størrelsen af ​​3D-industriens voksende år på året er det vigtigere end nogensinde at sikre, at dit arbejde skiller sig ud fra mængden. Uanset dit færdighedsniveau som en 3D-kun..

Sådan maler man som et mester fra det 19. århundrede

hvordan Sep 13, 2025

Det 19. århundrede var en vidunderlig tid for kunst. Kunstnere blev holdt i høj hensyntagen, og offentligheden blev uddannet om..

Master bro værktøjet

hvordan Sep 13, 2025

Hvad er bro-værktøjet? Hvis du er ny til CGI, er der alt for mange værktøjer til at vælge imellem i et svimlen..

Level up spillet tegn med kreativ montering

hvordan Sep 13, 2025

Med et stort udvalg af frygtelige væsner og tegn til at skabe, arbejder med Spil Workshop til at oversætte Warhammer miniature ..

Sådan opretter du realistisk CG klud

hvordan Sep 13, 2025

Når du arbejder med klud og stof i 3D, kan det være svært at opnå både god opløsning og et godt udseende. Dit arbejde kan s..

Mock Up AR Grafik med After Effects

hvordan Sep 13, 2025

After Effects har nogle kraftfulde værktøjer, som vi kan bruge til at efterligne forstærkede virkeligheden. Du kan finde det nødvendigt, hvis du for eksempel ønskede at lave en tonehøjd..

Kategorier