Con un'integrazione, le interazioni degli utenti finali vengono gestite per te. Devi solo creare un agente, facoltativamente implementare un webhook e configurare l'integrazione.
Questa guida mostra come utilizzare l'integrazione di Messenger di Dialogflow CX per fornire un'interfaccia utente di chat di testo semplice per il tuo agente.
Prima di iniziare
Se non prevedi di utilizzare un'integrazione, puoi saltare questa guida rapida.
Prima di leggere questa guida, devi procedere nel seguente modo:
- Leggi le nozioni di base sui flussi.
- Esegui i passaggi di configurazione.
- Esegui i passaggi nella Creazione di un agente utilizzando i flussi guida rapida. I passaggi riportati di seguito continuano a lavorare con lo stesso agente. Se non hai più quell'agente, puoi scarica l'agente e ripristinarla.
Configurazione
Per configurare l'accesso non autenticato all'agente Messenger di Dialogflow CX:
- Vai alla console Dialogflow CX.
- Scegli il tuo progetto Google Cloud.
- Seleziona il tuo agente.
- Seleziona la scheda Gestisci.
- Fai clic su Integrations (Integrazioni) nel menu della barra laterale a sinistra.
- Fai clic su Connect (Connetti) in Dialogflow CX Messenger.
- Si apre una finestra di dialogo di configurazione.
- Se l'integrazione è stata configurata in precedenza per questo agente, vedrai il codice HTML embeddable. A prescindere dal fatto che tu voglia sapere cosa deve essere autenticato o meno, fai clic sul pulsante Disattiva... nella parte inferiore della finestra di dialogo, quindi potrai riconfigurare le impostazioni nel passaggio successivo.
- Seleziona un ambiente.
- Seleziona API non autenticata.
- Seleziona uno stile.
- Se vuoi, puoi limitare l'accesso al dominio.
- Fai clic su Abilita l'API non autenticata.
- La finestra di dialogo mostrerà il codice HTML embeddable che può essere incorporato nel tuo sito web. Copia questo codice.
- Fai clic su Fine.
Embed
Incolla il codice di incorporamento copiato in precedenza in una pagina web del tuo sito web.
Gli elementi HTML <script> e <df-messenger>
deve trovarsi nell'elemento <body> della pagina.
Se utilizzi un'integrazione autenticata, imposta l'attributo oauth-client-id per <df-messenger> sul tuo ID client OAuth.
Aggiorna gli altri attributi che richiedono l'aggiornamento.
Per consentire i layout adattabili,
aggiungi anche quanto segue all'elemento <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">
Una volta incorporata, puoi interagire con l'agente tramite la pagina web facendo clic sull'icona della chat nell'angolo in basso a destra.
Personalizza
Puoi personalizzare l'aspetto e il comportamento di questa interfaccia utente in molti modi. Per ulteriori informazioni, consulta la documentazione di Dialogflow CX Messenger.