Chatboti se v moderní době stávají stále důležitějším nástrojem pro podniky. Se správnými nástroji a know-how vytvářejí společnosti chatovací agenty, kteří mohou vést skutečné rozhovory se zákazníky.

Google Dialogflow ES je jedním z nejvýkonnějších – a bezplatných – nástrojů pro vytváření chatbotů na trhu. Jak ale můžete využít jeho plný potenciál?

Krok 1: Vytvořte svého agenta Dialogflow ES

Vytvoření vlastního agenta Dialogflow ES je prvním krokem v tomto procesu. Funguje jakýkoli účet Google a začnete tím, že přejdete na Web Google Dialogflow ES. Klikněte na Vytvořit agenta jakmile se přihlásíte a před kliknutím vyplníte údaje ve formuláři Vytvořit. Dialogflow můžete použít k vytvořit chatbota pro zábavu, automatizace nebo zákaznický servis. Tento projekt pokrývá to druhé.

Krok 2: Přidejte navazující záměry Dialogflow

Nový agent má pouze výchozí uvítací záměr a výchozí záložní záměr. Záměr je fragment nebo fáze konverzace.

Chcete-li začít, musíte ke stávajícímu výchozímu uvítacímu záměru přidat dva navazující záměry. Najeďte myší na

instagram viewer
Výchozí uvítací záměr, klikněte na Přidejte následný záměra vybrat Ano z rozbalovací nabídky. Opakujte proces výběrem Ne z rozbalovací nabídky a vytvořte druhý následný záměr.

Záměr No follow-up ukončí konverzaci a rozloučí se s uživatelem. Otevři Žádný následný záměr a přidejte sérii textových odpovědí pro ukončení konverzace. Aktivujte Nastavte tento záměr jako konec konverzace posuvník.

Vraťte se na hlavní obrazovku záměrů a klikněte na Ano následný záměr otevřít.

Krok 3: Vytvořte seznam odpovědí RTF pomocí JSON

Nyní máte tyto záměry nastavené, je čas položit uživateli otázku, aby se k nim mohl dostat. Otevři Výchozí uvítací záměr a Vymazat odpovědi, které vyvolal. Klikněte Přidat odpovědi a vyberte Vlastní užitečné zatížení z nabídky.

Níže uvedený kód JSON přidává dva různé typy obsáhlých odpovědí; informace a čipy.

{
 "richContent": [
 [
 {
 "type": "chips",
 "možnosti": [
 {
 "text": "Ano"
 },
 {
 "text": "Ne"
 }
 ]
 },
 {
 "obraz": {
 "src": {
 "rawUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/TK_email_icon.svg/1024px-TK_email_icon.svg.png"
 }
 },
 "title": "Řekni mi o sobě :)",
 "subtitle": "Dejte mi nějaké své osobní údaje. Pošlu ti to na email. To je dohoda; absolutně žádná legrace. Slib! Jsi tam?",
 "type": "informace"
 }
 ]
 ]
}

Krok 4: Shromážděte jméno uživatele jako parametr dialogu

Dále je čas přidat další následný záměr shromažďovat data od uživatele. Jak je uvedeno v kroku 2, měli byste již mít následný záměr Ano, který vyžaduje jméno uživatele. Najeďte myší na Ano následný záměr v hlavní nabídce záměrů klikněte na Přidejte následný záměra vyberte Zvyk ze seznamu.

Tím vytvoříte nový navazující záměr bez jakýchkoliv tréninkových frází. Přejděte do sekce Tréninkové fráze, zadejte název do pole a stisknutím klávesy Enter jej přidejte jako novou frázi. Tím se spustí vytvoření nového parametru s typem entity @sys.person. Klikněte na @sys.person entity a změňte ji na a @sys.given-name entita.

Tím se uloží vstup uživatele, aby jej agent mohl použít. Přejděte do sekce Odpovědi a přidejte odpověď pomocí $given-name uvnitř toho. Tím se zavolá parametr názvu, který jste shromáždili, a umožníte tak jeho zobrazení v chatu.

Krok 5: Ke spuštění záměrů použijte vlastní užitečné zatížení dialogu

Zůstaňte v rámci následného záměru, který jste právě přidali, klikněte na Přidat odpovědi a ze seznamu vyberte Vlastní užitečné zatížení. Přidání kódu JSON níže do této sekce spustí bohatou odpověď se seznamem, která uživatele požádá o výběr barvy.

Nejdůležitější částí tohoto kódu JSON je sekce události s každým záznamem. Po kliknutí vyvolá každá položka seznamu událost s názvem COLOR s názvem a parametry barev, které byly dosud shromážděny. Intentům mohou být přiřazeny události, které je spustí.

{
"bohatý obsah": [
 [
 {
"událost": {
"jazykový kód": "en",
"parametry": {
"název": "$given-name",
"barva": "Červené"
 },
"název": "BARVA"
 },
"titul": "Červené",
"typ": "seznam"
 },
 {
"typ": "dělič"
 },
 {
"událost": {
"název": "BARVA",
"jazykový kód": "en",
"parametry": {
"název": "$given-name",
"barva": "Zelená"
 }
 },
"typ": "seznam",
"titul": "Zelená"
 },
 {
"typ": "dělič"
 },
 {
"typ": "seznam",
"titul": "Modrý",
"událost": {
"jazykový kód": "en",
"název": "BARVA",
"parametry": {
"název": "$given-name",
"barva": "Modrý"
 }
 }
 }
 ]
 ]
}

Krok 6: Přesun parametrů dialogu mezi záměry

Vraťte se do hlavní nabídky Záměr a klikněte na Vytvořit záměr. Pojmenujte svůj nový záměr a zadejte jej BARVA v sekci události před zásahem Vstupte.

Přejděte do sekce Tréninkové fráze a přidejte název a barvu do seznamu frází, aby se spustilo vytváření nových parametrů. Změň @sys.person parametr entity k a @sys.given-name entity a ujistěte se, že entita barvy je nastavena na @sys.color.

Nyní můžete přidat některé odpovědi pomocí $given-name a $color, aby se vstupy uživatele objevily v okně chatu.

Nakonec se vraťte do Souvislosti sekce v horní části stránky a přidejte výstup s jedinečným názvem. Tím se předají parametry z tohoto záměru do dalšího.

Krok 7: Shromážděte zemi a telefonní číslo uživatele jako parametry dialogu

Vraťte se do hlavní nabídky záměrů a najeďte myší na Barevný záměr právě jste vytvořili, a klikněte na Přidejte následný záměr. Zkontrolujte sekci Kontexty nového záměru. Ujistěte se, že obsahuje kontext Barva, který jste vytvořili v posledním kroku, ve vstupní i výstupní části. Přidejte další výstupní kontext pro aktuální záměr.

Přejít na Tréninkové fráze a před stisknutím tlačítka přidejte do seznamu název země Vstupte. Tím se vytvoří nový parametr. Změňte typ entity parametru na @sys.geo-country před přidáním parametru do sekce odpovědí.

Vraťte se do hlavní nabídky záměrů a vytvořte nový navazující záměr pro záměr, který jste právě vytvořili. Opakujte kroky, které jste právě provedli, ale použijte telefonní číslo v Tréninkové fráze sekce. Ujistěte se, že vygenerovaný parametr má a @sys.telefonni-cislo typ entity.

Vraťte se do hlavní nabídky záměrů a vytvořte dva nové navazující záměry pro záměr, který jste právě vytvořili; a Ano a Ne navazující záměr. Chcete-li ukončit konverzaci, můžete nastavit záměr No follow-up.

Následný záměr Ano musí mít všechny souvislosti z předchozích záměrů, které jste vytvořili.

Nakonec se vraťte do hlavní nabídky Záměry a vytvořte nový navazující záměr pro navazující záměr Ano, který jste právě vytvořili. Přidejte e-mailovou adresu do sekce Training Phrases a ujistěte se, že vygenerovaný parametr má @sys.email jako její typ entity.

Přejít na Odezvy sekce, klikněte Přidat odpovědia vyberte Vlastní užitečné zatížení ze seznamu. Následující kód JSON přidá rozšířenou odpověď typu seznamu, která zavolá událost s názvem SENDEMAIL. Tomuto záměru budou odeslány všechny uživatelské parametry, o které jste dosud požádali.

{
"bohatý obsah": [
 [
 {
"titul": "Poslat e-mailem",
"událost": {
"parametry": {
"název": "#Color-followup.name",
"země": "#Color-country-followup.country",
"e-mailem": "$email",
"barva": "#Color-followup.color",
"telefon": "#Color-country-phonenum-followup.phone-number"
 },
"název": "POSLAT E-MAILEM",
"jazykový kód": "en"
 },
"typ": "seznam"
 }
 ]
 ]
}

Krok 8: Odešlete e-mail pomocí editoru Dialogflow Node.js Inline Editor

Klikněte Vytvořit záměr v hlavní nabídce Záměry. Přidat POSLAT E-MAILEM k Události sekce a hit Vstupte. Postupujte tak, že přidáte všechny parametry, které jste shromáždili, do Akce a parametry sekce.

Přejít na Splnění v dolní části stránky a aktivujte posuvník označený Povolit volání webhooku pro tento záměr. To vám umožní přidat vlastní kód k tomuto záměru.

Vybrat Splnění z hlavní nabídky na levé straně stránky a aktivujte posuvník Inline Editor. Chcete-li to provést, možná budete muset do svého projektu Google přidat fakturační účet.

Klikněte na package.json a přejděte na konec souboru. Chcete-li do projektu přidat rozhraní API Nodemailer, nahraďte sekci závislostí následujícím kódem.

"závislosti": {
"akce na Googlu": "^2.2.0",
"firebase-admin": "^5.13.1",
"funkce firebase": "^2.0.2",
"dialogový tok": "^0.6.0",
"nodemailer": "^4.4.2",
"dialogflow-naplnění": "^0.5.0"
}

Vraťte se do souboru index.js a nahraďte stávající kód ukázkou, kterou najdete na tento projekt CodePen před kliknutím Nasadit. Budete muset nahradit přihlašovací údaje Gmailu přihlašovacími údaji vašeho vlastního účtu. K tomu musíte použít heslo aplikace. Po dokončení váš chatbot odešle uživateli na konci úspěšné konverzace e-mailem všechny údaje, které shromáždíte. Můžeš další informace o Node.js a jak jej používat s naším praktickým průvodcem.

Používání Dialogflow ES na vašem webu

Váš nový chatbot může shromažďovat informace o uživatelích a odesílat e-maily, ale Dialogflow ES toho umí mnohem víc. K této službě se můžete připojit téměř jakékoli API a pomocí Dialogflow API můžete ovládat svého chatbota na svém vlastním webu.