Chatboty sa v modernej dobe stávajú čoraz dôležitejším nástrojom pre podniky. So správnymi nástrojmi a know-how vytvárajú spoločnosti chat agentov, ktorí môžu viesť skutočné rozhovory so zákazníkmi.
Google Dialogflow ES je jedným z najvýkonnejších a bezplatných nástrojov na vytváranie chatbotov na trhu. Ako však môžete naplno využiť jeho potenciál?
Krok 1: Vytvorte si agenta Dialogflow ES
Prvým krokom v tomto procese je vytvorenie vlastného agenta Dialogflow ES. Každý účet Google funguje a vy začnete tým, že prejdete na Webová stránka Google Dialogflow ES. Kliknite na Vytvoriť agenta po prihlásení a vyplnení údajov vo formulári pred kliknutím Vytvorte. Dialogflow môžete použiť na vytvorte chatbota pre zábavu, automatizácia alebo zákaznícky servis. Tento projekt sa týka toho druhého.
Krok 2: Pridajte zámery sledovania Dialogflow
Nový agent má iba predvolený uvítací zámer a predvolený záložný zámer. Zámer je fragment alebo fáza konverzácie.
Ak chcete začať, musíte k existujúcemu predvolenému uvítaciemu zámeru pridať dva následné zámery. Umiestnite kurzor myši na položku
Predvolený uvítací zámer, kliknite na Pridajte následný zámera vybrať Áno z rozbaľovacej ponuky. Opakujte proces výberom položky Nie z rozbaľovacej ponuky, čím vytvoríte druhý nadväzujúci zámer.Zámer No follow-up ukončí konverzáciu a rozlúči sa s používateľom. Otvor Žiadny následný zámer a pridajte sériu textových odpovedí na ukončenie konverzácie. Aktivujte Nastavte tento zámer ako koniec konverzácie posúvač.
Vráťte sa na hlavnú obrazovku zámerov a kliknite na Áno následný zámer aby ste ho otvorili.
Krok 3: Vytvorte bohatý zoznam odpovedí dialógového toku pomocou JSON
Teraz máte tieto zámery nastavené, je čas položiť používateľovi otázku, aby sa k nim mohol dostať. Otvor Predvolený uvítací zámer a Odstrániť odpovedí, ktoré vyvolal. Kliknite Pridať odpovede a vyberte Vlastné užitočné zaťaženie z menu.
Kód JSON uvedený nižšie pridáva dva rôzne typy bohatých odpovedí; informácie a čipy.
{
"richContent": [
[
{
"type": "chips",
"možnosti": [
{
"text": "Áno"
},
{
"text": "Nie"
}
]
},
{
"image": {
"src": {
"rawUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/TK_email_icon.svg/1024px-TK_email_icon.svg.png"
}
},
"title": "Povedz mi niečo o sebe :)",
"subtitle": "Dajte mi nejaké svoje osobné údaje. Pošlem ti to e-mailom. To je dohoda; absolútne žiadna sranda. Sľub! Ideš do toho?",
"type": "info"
}
]
]
}Krok 4: Zhromaždite meno používateľa ako parameter dialógového toku
Ďalej je čas pridať ďalší následný zámer na zhromažďovanie údajov od používateľa. Ako je uvedené v kroku 2, už by ste mali mať následný zámer Áno, ktorý vyžaduje meno používateľa. Umiestnite kurzor myši na položku Áno následný zámer v hlavnej ponuke zámerov kliknite na Pridajte následný zámera vyberte Vlastné zo zoznamu.
Tým sa vytvorí nový nadväzujúci zámer bez akýchkoľvek tréningových fráz. Prejdite do sekcie Tréningové frázy, zadajte názov do poľa a stlačením klávesu Enter ho pridajte ako novú frázu. Toto spustí vytvorenie nového parametra s typom entity @sys.person. Klikni na @sys.person entity a zmeňte ju na a @sys.given-name subjekt.
Týmto sa uloží vstup používateľa, aby ho agent mohol použiť. Prejdite do sekcie Odpovede a pridajte odpoveď pomocou $given-name vnútri. Toto zavolá parameter mena, ktorý ste zhromaždili, čo umožní jeho zobrazenie v chate.
Krok 5: Na spustenie zámerov použite vlastné užitočné zaťaženie dialógového toku
Zostaňte v rámci následného zámeru, ktorý ste práve pridali, kliknite na Pridať odpovede a zo zoznamu vyberte Vlastné užitočné zaťaženie. Pridanie kódu JSON nižšie do tejto sekcie spustí bohatú odpoveď so zoznamom, v ktorej používateľ požiada, aby si vybral farbu.
Najdôležitejšou časťou tohto kódu JSON je sekcia udalosti s každým záznamom. Po kliknutí každá položka zoznamu vyvolá udalosť s názvom COLOR s názvom a parametrami farby, ktoré boli doteraz zozbierané. Zámery môžu mať priradené udalosti, ktoré ich spustia.
{
"bohatý obsah": [
[
{
"udalosť": {
"languageCode": "en",
"parametre": {
"názov": "$given-name",
"farba": "Červená"
},
"názov": "FARBA"
},
"titul": "Červená",
"typu": "zoznam"
},
{
"typu": "rozdeľovač"
},
{
"udalosť": {
"názov": "FARBA",
"languageCode": "en",
"parametre": {
"názov": "$given-name",
"farba": "zelená"
}
},
"typu": "zoznam",
"titul": "zelená"
},
{
"typu": "rozdeľovač"
},
{
"typu": "zoznam",
"titul": "Modrá",
"udalosť": {
"languageCode": "en",
"názov": "FARBA",
"parametre": {
"názov": "$given-name",
"farba": "Modrá"
}
}
}
]
]
}Krok 6: Presuňte parametre dialógového toku medzi zámermi
Vráťte sa do hlavnej ponuky zámerov a kliknite na Vytvorte zámer. Pomenujte svoj nový zámer a zadajte ho FARBA v sekcii udalostí pred úderom Zadajte.
Prejdite do časti Tréningové frázy a pridajte názov a farbu do zoznamu fráz, čím spustíte vytváranie nových parametrov. Zmeniť @sys.person parametrická entita do a @sys.given-name entity a uistite sa, že entita farby je nastavená na @sys.color.
Teraz môžete pridať nejaké odpovede pomocou $given-name a $color, aby sa vstupy používateľa zobrazili v okne rozhovoru.
Nakoniec sa vráťte do Kontexty v hornej časti stránky a pridajte výstup s jedinečným názvom. Tým sa prenesú parametre z tohto zámeru do ďalšieho.
Krok 7: Zhromaždite krajinu a telefónne číslo používateľa ako parametre dialógového toku
Vráťte sa do hlavnej ponuky zámerov a umiestnite kurzor myši na ikonu Farebný zámer práve ste vytvorili a kliknite na Pridajte následný zámer. Skontrolujte sekciu Kontexty nového zámeru. Uistite sa, že obsahuje kontext farieb, ktorý ste vytvorili v poslednom kroku vo vstupnej aj výstupnej časti. Pridajte ďalší výstupný kontext pre aktuálny zámer.
Choďte na Tréningové frázy a pred stlačením pridajte názov krajiny do zoznamu Zadajte. Tým sa vytvorí nový parameter. Zmeňte typ entity parametra na @sys.geo-country pred pridaním parametra do sekcie odozvy.
Vráťte sa do hlavnej ponuky zámerov a vytvorte nový nadväzujúci zámer pre zámer, ktorý ste práve vytvorili. Opakujte kroky, ktoré ste práve vykonali, ale použite telefónne číslo v Tréningové frázy oddiele. Uistite sa, že vygenerovaný parameter má a @sys.phone-number typ entity.
Vráťte sa do hlavnej ponuky zámerov a vytvorte dva nové nadväzujúce zámery pre zámer, ktorý ste práve vytvorili; a Následný zámer Áno a Nie. Na ukončenie konverzácie môžete nastaviť zámer Bez nadväzovania.
Následný zámer Áno musí mať všetky súvislosti z predchádzajúcich zámerov, ktoré ste vytvorili.
Nakoniec sa vráťte do hlavnej ponuky zámerov a vytvorte nový nadväzujúci zámer pre nadväzujúci zámer Áno, ktorý ste práve vytvorili. Pridajte e-mailovú adresu do sekcie Tréningové frázy a uistite sa, že vygenerovaný parameter má @sys.email ako jej typ entity.
Choďte na Odpovede sekciu, kliknite Pridať odpovedea vyberte Vlastné užitočné zaťaženie zo zoznamu. Nasledujúci kód JSON pridá bohatú odpoveď typu zoznamu, ktorá zavolá udalosť s názvom SENDEMAIL. Všetky používateľské parametre, ktoré ste doteraz požadovali, budú odoslané tomuto zámeru.
{
"bohatý obsah": [
[
{
"titul": "Poslať email",
"udalosť": {
"parametre": {
"názov": "#Color-followup.name",
"krajina": "#Color-country-followup.country",
"email": "$email",
"farba": "#Color-followup.color",
"telefón": "#Color-country-phonenum-followup.phone-number"
},
"názov": "POSLAŤ EMAIL",
"languageCode": "en"
},
"typu": "zoznam"
}
]
]
}Krok 8: Odošlite e-mail pomocou editora Dialogflow Node.js Inline Editor
Kliknite Vytvorte zámer v hlavnej ponuke zámerov. Pridať POSLAŤ EMAIL k Diania sekcia a hit Zadajte. Nasledujte to pridaním všetkých parametrov, ktoré ste zhromaždili, do Akcia a parametre oddiele.
Choďte na Plnenie v spodnej časti stránky a aktivujte posúvač označený Povoliť volanie webhooku pre tento zámer. To vám umožní pridať vlastný kód k tomuto zámeru.
Vyberte Plnenie z hlavnej ponuky na ľavej strane stránky a aktivovaním posúvača aktivujte Vložený editor. Ak to chcete urobiť, možno budete musieť do svojho projektu Google pridať fakturačný účet.
Klikni na package.json a prejdite na koniec súboru. Ak chcete do projektu pridať rozhranie API Nodemailer, nahraďte sekciu závislostí nasledujúcim kódom.
"závislosti": {
"action-on-google": "^2.2.0",
"firebase-admin": "^5.13.1",
"funkcie firebase": "^2.0.2",
"dialógový tok": "^0.6.0",
"nodemailer": "^4.4.2",
"dialógový tok-naplnenie": "^0.5.0"
}
Vráťte sa do súboru index.js a nahraďte existujúci kód vzorom, ktorý nájdete na tento projekt CodePen pred kliknutím Nasadiť. Budete musieť nahradiť poverenia služby Gmail povereniami vášho vlastného účtu. Na to musíte použiť heslo aplikácie. Po dokončení váš chatbot pošle používateľovi na konci úspešnej konverzácie e-mailom všetky podrobnosti, ktoré zhromaždíte. Môžeš viac informácií o Node.js a ako ho používať s naším praktickým sprievodcom.
Používanie Dialogflow ES na vašom webe
Váš nový chatbot môže zhromažďovať informácie o používateľoch a odosielať e-maily, ale Dialogflow ES dokáže oveľa viac. K tejto službe sa môžete pripojiť takmer akékoľvek rozhranie API a pomocou rozhrania Dialogflow API môžete ovládať svojho chatbota na svojej vlastnej webovej stránke.
