Rakenna sähköpostia lähettävä chatbot Google Dialogflow -sovelluksella

Rakenna sähköpostia lähettävä chatbot Google Dialogflow -sovelluksella

Chatboteista on tulossa yhä tärkeämpi työkalu yrityksille nykyaikana. Oikeilla työkaluilla ja tietotiedolla yritykset luovat chat-agentteja, jotka voivat käydä todellista keskustelua asiakkaiden kanssa.





Google Dialogflow ES on yksi markkinoiden tehokkaimmista ja ilmaisimmista chatbotin rakennustyökaluista. Mutta kuinka voit vapauttaa sen täyden potentiaalin?





PÄIVÄN VIDEON TEKEMINEN

Vaihe 1: Luo Dialogflow ES -agentti

Oman Dialogflow ES -agentin luominen on ensimmäinen askel tässä prosessissa. Mikä tahansa Google-tili toimii, ja aloitat siirtymällä kohtaan Google Dialogflow FI -sivusto . Klikkaa Luo agentti kun olet kirjautunut sisään ja täytä lomakkeen tiedot ennen kuin napsautat Luoda . Voit käyttää Dialogflow-toimintoa luo chatbot viihdettä varten , automaatiota tai asiakaspalvelua. Tämä projekti kattaa jälkimmäisen.



  luo dialogflow es agentti

Vaihe 2: Lisää Dialogflow-seurantatavoitteet

Uudella agentilla on vain oletusarvoinen tervetuloavoite ja oletusvaratavoite. Tarkoitus on keskustelun fragmentti tai vaihe.

kuinka asentaa homebrew -kanava

Sinun on lisättävä kaksi seurantatarkoitusta olemassa olevaan oletusarvoiseen tervetuloa koskevaan tarkoitukseen aloittaaksesi. Vie hiiri Oletustervetuloaikomus , Klikkaa Lisää seurantatarkoitus , ja valitse Joo avattavasta valikosta. Toista prosessi valitsemalla Ei avattavasta valikosta luodaksesi toisen seurantatarkoituksen.



  kyllä ​​ja ei seurantatarkoituksia

Ei seurantaa -aikeena lopettaa keskustelun ja jättää hyvästit käyttäjälle. Avaa Ei seurantatarkoitusta ja lopeta keskustelu lisäämällä sarja tekstivastauksia. Aktivoi Aseta tämä tarkoitus keskustelun päätteeksi liukusäädin.

  dialogflow keskustelun lopetustarkoitus

Palaa Intents-päänäyttöön ja napsauta Kyllä seurantatarkoitus avataksesi sen.





Vaihe 3: Luo monipuolinen Dialogflow-vastausluettelo JSON:n avulla

Nyt sinulla on nämä tavoitteet määritetty, on aika esittää käyttäjälle kysymys, jotta he voivat tavoittaa ne. Avaa Oletustervetuloaikomus ja Poistaa sen synnyttämät vastaukset. Klikkaus Lisää vastauksia ja valitse Mukautettu hyötykuorma valikosta.

  tervetuloa tarkoitus mukautettu hyötykuorma

Alla oleva JSON-koodi lisää kaksi erityyppistä rich-vastausta; tiedot ja pelimerkit.





{ 
"richContent": [
[
{
"type": "chips",
"options": [
{
"text": "Yes"
},
{
"text": "No"
}
]
},
{
"image": {
"src": {
"rawUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/TK_email_icon.svg/1024px-TK_email_icon.svg.png"
}
},
"title": "Tell me about yourself :)",
"subtitle": "Give me some of your personal information. I'll send it to you in an email. That's the deal; absolutely no funny business. Promise! You in?",
"type": "info"
}
]
]
}

Vaihe 4: Kerää käyttäjänimi Dialogflow-parametriksi

Seuraavaksi on aika lisätä toinen seurantatarkoitus tietojen keräämiseksi käyttäjältä. Kuten vaiheessa 2 on kuvattu, sinulla pitäisi jo olla Kyllä-seurantatarkoitus, joka kysyy käyttäjän nimeä. Vie hiiri Kyllä seurantatarkoitus napsauta päävalikossa Lisää seurantatarkoitus ja valitse Mukautettu luettelosta.

  valitse Kyllä seurantatarkoitus

Tämä luo uuden seurantatavoitteen ilman koulutuslauseita. Siirry Harjoittelulauseet -osioon, kirjoita nimi kenttään ja paina Enter lisätäksesi sen uutena lauseena. Tämä käynnistää uuden parametrin luomisen @sys.person-entiteettityypillä. Klikkaa @sys.person entiteettiä ja muuta se muotoon a @sys.given-name kokonaisuus.

  dialogflow nimetty parametriasetus

Tämä tallentaa käyttäjän syötteen, jotta agentti voi käyttää sitä. Siirry Vastaukset-osioon ja lisää vastaus $etunimi sen sisällä. Tämä kutsuu keräämääsi nimiparametria, jolloin se näkyy chatissa.

  dialogflow name parametrin vastaus

Vaihe 5: Käytä Dialogflow mukautettua hyötykuormaa käynnistääksesi tavoitteet

Jätä juuri lisäämäsi seurantatarkoitus, napsauta Lisää vastauksia ja valitse luettelosta Mukautettu hyötykuorma. Alla olevan JSON-koodin lisääminen tähän osioon käynnistää luettelon sisältävän vastauksen, jossa käyttäjää pyydetään valitsemaan väri.

  dialogflow rikkaan sisällön luettelo

Tämän JSON-koodin tärkein osa on jokaisen merkinnän tapahtumaosio. Kun sitä napsautetaan, jokainen luettelokohde kutsuu tapahtuman nimeltä COLOR, jonka nimi ja väriparametrit on tähän mennessä kerätty. Intenteille voi olla määritetty tapahtumia, jotka käynnistävät ne.

{ 
"richContent": [
[
{
"event": {
"languageCode": "en",
"parameters": {
"name": "$given-name",
"color": "Red"
},
"name": "COLOR"
},
"title": "Red",
"type": "list"
},
{
"type": "divider"
},
{
"event": {
"name": "COLOR",
"languageCode": "en",
"parameters": {
"name": "$given-name",
"color": "Green"
}
},
"type": "list",
"title": "Green"
},
{
"type": "divider"
},
{
"type": "list",
"title": "Blue",
"event": {
"languageCode": "en",
"name": "COLOR",
"parameters": {
"name": "$given-name",
"color": "Blue"
}
}
}
]
]
}

Vaihe 6: Siirrä Dialogflow-parametrit Intenttien välillä

Palaa Intents-päävalikkoon ja napsauta Luo Intent . Anna uudelle tarkoituksellesi nimi ja kirjoita VÄRI Tapahtumat-osiossa ennen lyömistä Tulla sisään .

  väri tarkoitus tapahtuman kanssa

Siirry Harjoittelulauseet -osioon ja lisää nimi ja väri lauseluetteloon käynnistääksesi uusien parametrien luomisen. Muuta @sys.person parametrikokonaisuus a @sys.given-name ja varmista, että värientiteetti on asetettu arvoon @sys.color .

kuinka nollata iphone 7 -salasana
  värikoulutus ja parametrit

Voit nyt lisätä vastauksia käyttämällä $given-name ja $color, jotta käyttäjän syötteet näkyvät chat-ikkunassa.

  väritarkoitusvastaukset parametreilla

Lopuksi palaa takaisin Kontekstit -osio sivun yläreunassa ja lisää tuloste yksilöivällä nimellä. Tämä siirtää parametrit tästä tarkoituksesta seuraavaan.

  väritarkoituksen tuloskonteksti

Vaihe 7: Kerää käyttäjän maa ja puhelinnumero valintaikkunan parametreiksi

Palaa Intents-päävalikkoon ja vie hiiri -kuvakkeen päälle Värin tarkoitus juuri luomasi ja napsauta Lisää seurantatarkoitus . Tarkista uuden tavoitteen Kontekstit-osio. Varmista, että se sisältää viimeisessä vaiheessa luomasi värikontekstin sekä syöttö- että tulososiossa. Lisää toinen tuloskonteksti nykyiselle tarkoitukselle.

  dialogflow väri maan seurantatarkoitus

Siirry kohtaan Koulutuslausekkeet ja lisää maan nimi luetteloon ennen kuin painat Tulla sisään . Tämä luo uuden parametrin. Muuta parametrin entiteettityypiksi @sys.geo-country ennen kuin lisäät parametrin vastausosaan.

  maan koulutus ja parametrit

Palaa Intents-päävalikkoon ja luo uusi seurantatarkoitus juuri luomallesi tavoitteelle. Toista juuri tekemäsi vaiheet, mutta käytä puhelinnumeroa Koulutuslausekkeet osio. Varmista, että luodulla parametrilla on a @sys.puhelinnumero entiteettityyppi.

  puhelinnumero koulutus ja parametrit

Palaa Intents-päävalikkoon ja luo kaksi uutta seuranta-aikeetta juuri luomallesi tavoitteelle. a Kyllä ja ei seurantatarkoitus. Voit määrittää Ei seurantaa -tavoitteen lopettaaksesi keskustelun.

iphone 7 ei muodosta yhteyttä tietokoneeseen
  puhelinnumero kyllä ​​ei seurantaa

Kyllä-seurantatavoitteessa on oltava kaikki luomiesi aiempien tarkoitusten kontekstit.

  seurata syöttökonteksteja

Palaa lopuksi Intents-päävalikkoon ja luo uusi seurantatarkoitus juuri luomallesi Kyllä-seurantatavoitteelle. Lisää sähköpostiosoite Koulutuslauseet-osioon ja varmista, että luodulla parametrilla on @sys.email sen entiteettityyppinä.

  dialogflow-sähköpostiparametri

Siirry kohtaan Vastaukset osio, napsauta Lisää vastauksia ja valitse Mukautettu hyötykuorma luettelosta. Seuraava JSON-koodi lisää luettelotyyppisen rich-vastauksen, joka kutsuu tapahtuman nimeltä SENDEMAIL. Kaikki tähän mennessä pyytämäsi käyttäjäparametrit lähetetään tähän tarkoitukseen.

{ 
"richContent": [
[
{
"title": "Send Email",
"event": {
"parameters": {
"name": "#Color-followup.name",
"country": "#Color-country-followup.country",
"email": "$email",
"color": "#Color-followup.color",
"phone": "#Color-country-phonenum-followup.phone-number"
},
"name": "SENDEMAIL",
"languageCode": "en"
},
"type": "list"
}
]
]
}

Vaihe 8: Lähetä sähköposti Dialogflow Node.js Inline Editorin avulla

Klikkaus Luo Intent päävalikossa Intents. Lisätä LÄHETTÄÄ SÄHKÖPOSTIA kohtaan Tapahtumat osa ja paina Tulla sisään . Noudata tätä lisäämällä kaikki keräämäsi parametrit Toiminta ja parametrit osio.

  sähköpostitapahtuma ja parametrit

Siirry kohtaan Täyttäminen -osio sivun alareunassa ja aktivoi liukusäädin nimeltä Ota webhook-kutsu käyttöön tätä tarkoitusta varten . Tämän avulla voit lisätä mukautetun koodin tähän tarkoitukseen.

  dialogflow tarkoituksen toteutuminen

Valitse Täyttäminen sivun vasemmalla puolella olevasta päävalikosta ja ota käyttöön liukusäädin Sisäänrakennettu editori . Sinun on ehkä lisättävä laskutustili Google-projektiisi tehdäksesi tämän.

  dialogflow aktiivinen rivieditori

Klikkaa package.json -välilehti ja vieritä tiedoston alaosaan. Korvaa riippuvuudet-osio seuraavalla koodilla lisätäksesi Nodemailer API projektiisi.

"dependencies": { 
"actions-on-google": "^2.2.0",
"firebase-admin": "^5.13.1",
"firebase-functions": "^2.0.2",
"dialogflow": "^0.6.0",
"nodemailer": "^4.4.2",
"dialogflow-fulfillment": "^0.5.0"
}

Palaa index.js-tiedostoon ja korvaa olemassa oleva koodi mallilla, joka löytyy tämä CodePen-projekti ennen kuin napsautat Ota käyttöön . Sinun on korvattava Gmail-tunnistetiedot oman tilisi tunnuksilla. Sinun on käytettävä tätä varten sovelluksen salasanaa. Kun se on valmis, chatbotisi lähettää sähköpostilla kaikki keräämäsi tiedot käyttäjälle onnistuneen keskustelun päätteeksi. Sinä pystyt lisätietoja Node.js:stä ja kuinka sitä käytetään kätevän oppaamme avulla.

Dialogflow ES:n käyttäminen verkkosivustollasi

Uusi chatbotisi voi kerätä käyttäjätietoja ja lähettää sähköposteja, mutta Dialogflow ES voi tehdä paljon enemmän. Voit liittää tähän palveluun lähes minkä tahansa API:n ja voit ohjata chatbotiasi omalla verkkosivustollasi Dialogflow API:n avulla.