Con un integrazione, e vengono gestite automaticamente le interazioni degli utenti finali. Devi solo creare un agente, facoltativamente implementare un webhook e configurare l'integrazione.
Questa guida illustra come utilizzare Messenger Dialogflow CX per fornire una semplice interfaccia utente per la chat di testo per l'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 su Dialogflow CX.
- Esegui la procedura di configurazione.
- Segui i passaggi descritti nella Guida rapida per la creazione di un agente. I passaggi riportati di seguito continuano a lavorare sullo stesso agente. Se non hai più l'agente, puoi scaricarlo e ripristinarlo.
Configurazione
Per configurare l'accesso non autenticato all'agente Dialogflow Messenger:
- Vai alla console di Dialogflow CX.
- Scegli il tuo progetto Google Cloud.
- Seleziona l'agente.
- Seleziona la scheda Gestisci.
- Fai clic su Integrations (Integrazioni) nel menu della barra laterale sinistra.
- Fai clic su Connetti in Dialogflow Messenger.
- Si apre una finestra di dialogo di configurazione.
- Se l'integrazione è stata configurata in precedenza per questo agente, vedrai il codice HTML incorporabile. Indipendentemente dal fatto che tu voglia autenticarsi 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, limita 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>
all'ID client OAuth.
Aggiorna tutti gli altri attributi che devono essere aggiornati.
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.