Costruisci un chatbot per l'invio di email con Google Dialogflow

Costruisci un chatbot per l'invio di email con Google Dialogflow

​​​​​​I chatbot stanno diventando uno strumento sempre più vitale per le aziende nell'era moderna. Con gli strumenti e il know-how giusti, le aziende creano agenti di chat che possono avere conversazioni reali con i clienti.





Google Dialogflow ES è uno degli strumenti di creazione di chatbot più potenti e gratuiti del mercato. Ma come puoi liberare tutto il suo potenziale?





FARE USO DEL VIDEO DEL GIORNO

Passaggio 1: crea il tuo agente Dialogflow ES

La creazione del proprio agente Dialogflow ES è il primo passaggio di questo processo. Qualsiasi account Google funziona e inizi navigando su Sito web di Google Dialogflow IT . Clicca su Crea agente una volta effettuato l'accesso e compilare i dettagli nel modulo prima di fare clic Creare . Puoi usare Dialogflow per creare un chatbot per l'intrattenimento , automazione o servizio clienti. Questo progetto copre quest'ultimo.





  crea dialogflow es agent

Passaggio 2: aggiungi gli intenti di follow-up di Dialogflow

Il nuovo agente ha solo un intento di benvenuto predefinito e un intento di fallback predefinito. Un intento è un frammento o una fase in una conversazione.

Per iniziare, devi aggiungere due intenti di follow-up all'intento di benvenuto predefinito esistente. Passa il mouse sopra il Intento di benvenuto predefinito , clicca su Aggiungi intento di follow-up e scegli dal menu a tendina. Ripetere il processo selezionando No dal menu a discesa per creare il secondo intento di follow-up.



  sì e no intenti di follow-up

L'intento Nessun follow-up interromperà la conversazione e dirà addio all'utente. Apri il Nessun intento di follow-up e aggiungi una serie di risposte di testo per terminare la conversazione. Attiva il Imposta questo intento come fine della conversazione cursore.

i giochi ps4 possono essere riprodotti su ps5?
  dialogflow conversazione fine intento

Torna alla schermata principale degli intenti e fai clic su Sì intento di follow-up per aprirlo.





Passaggio 3: crea un elenco di risposte Rich Dialogflow con JSON

Ora che hai impostato questi intenti, è tempo di porre all'utente una domanda in modo che possano raggiungerli. Apri il Intento di benvenuto predefinito e Elimina le risposte con cui ha generato. Clic Aggiungi risposte e seleziona Carico utile personalizzato dal menu.

  welcome intent payload personalizzato

Il codice JSON riportato di seguito aggiunge due diversi tipi di risposte avanzate; informazioni e patatine.





{ 
"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"
}
]
]
}

Passaggio 4: raccogliere il nome utente come parametro Dialogflow

Successivamente, è il momento di aggiungere un altro intento di follow-up per raccogliere dati dall'utente. Come indicato nel passaggio 2, dovresti già avere un intento di follow-up Sì che richiede il nome dell'utente. Passa il mouse sopra il Sì intento di follow-up nel menu delle intenzioni principali, fare clic su Aggiungi intento di follow-up e seleziona Costume dalla lista.

  seleziona Sì intento di follow-up

Questo creerà un nuovo intento di follow-up senza frasi di addestramento. Vai alla sezione Frasi di allenamento, digita un nome nella casella e premi Invio per aggiungerlo come una nuova frase. Ciò attiverà la creazione di un nuovo parametro con il tipo di entità @sys.person. Clicca sul @sys.person entità e cambiarla in a @sys.given-name entità.

  impostazione del parametro del nome dato di dialogflow

Questo memorizzerà l'input dell'utente in modo che l'agente possa usarlo. Vai alla sezione Risposte e aggiungi una risposta con $data-nome dentro. Questo chiama il parametro del nome che hai raccolto, consentendogli di apparire nella chat.

  risposta del parametro nome flusso di dialogo

Passaggio 5: utilizzare un payload personalizzato Dialogflow per attivare gli intenti

Rimanendo nell'intento di follow-up appena aggiunto, fai clic su Aggiungi risposte e seleziona Payload personalizzato dall'elenco. L'aggiunta del codice JSON di seguito a questa sezione attiverà una risposta ricca di elenco che chiede all'utente di scegliere un colore.

  elenco di contenuti multimediali di dialogflow

La parte più importante di questo codice JSON è la sezione dell'evento con ogni voce. Quando viene cliccato, ogni voce dell'elenco richiama un evento chiamato COLOR con il nome ei parametri di colore che sono stati raccolti finora. Agli intenti possono essere assegnati eventi che li attiveranno.

{ 
"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"
}
}
}
]
]
}

Passaggio 6: sposta i parametri del flusso di dialogo tra gli intenti

Torna al menu principale Intenzioni e fai clic su Crea intento . Assegna un nome al tuo nuovo intento e inserisci COLORE nella sezione eventi prima di colpire accedere .

  colore intento con l'evento

Vai alla sezione Frasi di allenamento e aggiungi un nome e un colore all'elenco delle frasi per attivare la creazione di nuovi parametri. Cambiare il @sys.person entità parametro ad a @sys.given-name entità e assicurati che l'entità colore sia impostata su @sys.color .

  formazione del colore e parametri

Ora puoi aggiungere alcune risposte usando $given-name e $color per far apparire gli input dell'utente nella finestra della chat.

le migliori app di realtà virtuale per Android
  colora le risposte all'intento con i parametri

Infine, torna al Contesti sezione nella parte superiore della pagina e aggiungere un output con un nome univoco. Questo passerà i parametri da questo intento a quello successivo.

  contesto di output dell'intento colore

Passaggio 7: raccogliere il Paese e il numero di telefono dell'utente come parametri di Dialogflow

Torna al menu principale Intenzioni, passa il mouse sopra il Intenzione di colore hai appena creato e fai clic su Aggiungi intento di follow-up . Controlla la sezione Contesti del nuovo intento. Assicurati che includa il contesto Colore che hai creato nell'ultimo passaggio sia nella sezione di input che in quella di output. Aggiungi un altro contesto di output per l'intento corrente.

  dialogflow colore paese intento di follow-up

Vai al Frasi di formazione sezione e aggiungi il nome di un paese all'elenco prima di colpire accedere . Questo creerà un nuovo parametro. Modificare il tipo di entità del parametro in @sys.geo-paese prima di aggiungere il parametro alla sezione delle risposte.

  formazione e parametri del paese

Torna al menu principale Intento e crea un nuovo intento di follow-up per l'intento che hai appena creato. Ripeti i passaggi che hai appena eseguito, ma utilizza un numero di telefono nel file Frasi di formazione sezione. Assicurati che il parametro generato abbia a @sys.numero-telefono tipo di entità.

  numero di telefono formazione e parametri

Torna al menu principale degli intenti e crea due nuovi intenti di follow-up per l'intento che hai appena creato; a Sì e No intenzione di follow-up. Puoi impostare l'intento Nessun follow-up per terminare la conversazione.

  numero di telefono sì no follow-up

L'intento di follow-up Sì deve avere tutti i contesti degli intenti precedenti che hai creato.

  seguire i contesti di input

Infine, torna al menu principale Intento e crea un nuovo Intento di follow-up per l'intento di follow-up Sì che hai appena creato. Aggiungi un indirizzo e-mail alla sezione Frasi di formazione e assicurati che il parametro generato lo sia @sys.email come tipo di entità.

  parametro e-mail dialogflow

Vai al Risposte sezione, fare clic Aggiungi risposte e seleziona Carico utile personalizzato dalla lista. Il codice JSON seguente aggiungerà una risposta ricca di tipo elenco che chiama un evento chiamato SENDEMAIL. A questo scopo verranno inviati tutti i parametri utente richiesti fino ad ora.

{ 
"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"
}
]
]
}

Passaggio 8: invia un'e-mail utilizzando l'editor in linea di Dialogflow Node.js

Clic Crea intento nel menu principale Intenzioni. Aggiungere INVIA UNA EMAIL al Eventi sezione e premi accedere . Segui questo aggiungendo tutti i parametri che hai raccolto al file Azione e parametri sezione.

  eventi e parametri di posta elettronica

Vai al Compimento sezione nella parte inferiore della pagina e attivare il dispositivo di scorrimento etichettato Abilita chiamata webhook per questo intento . Ciò ti consentirà di aggiungere codice personalizzato a questo scopo.

la mia xbox si accende da sola
  realizzazione dell'intento del flusso di dialogo

Selezionare Compimento dal menu principale a sinistra della pagina e attivare lo slider per abilitare il Editor in linea . Potrebbe essere necessario aggiungere un account di fatturazione al tuo Google Project per farlo.

  editor inline attivo dialogflow

Clicca sul pacchetto.json scheda e scorrere fino alla fine del file. Sostituisci la sezione delle dipendenze con il codice seguente per aggiungere l'API Nodemailer al tuo progetto.

"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"
}

Torna al file index.js e sostituisci il codice esistente con l'esempio trovato questo progetto CodePen prima di fare clic Distribuire . Dovrai sostituire le credenziali di Gmail con quelle del tuo account. È necessario utilizzare una password dell'app per questo. Una volta completato, il tuo chatbot invierà via email tutti i dettagli che raccogli all'utente al termine di una conversazione riuscita. Puoi ulteriori informazioni su Node.js e come usarlo con la nostra pratica guida.

Utilizzo di Dialogflow ES sul tuo sito web

Il tuo nuovo chatbot può raccogliere informazioni sugli utenti e inviare e-mail, ma Dialogflow ES può fare molto di più. Puoi connettere praticamente qualsiasi API a questo servizio e puoi utilizzare l'API Dialogflow per controllare il tuo chatbot sul tuo sito web.