Con un'integrazione, le interazioni con l'utente finale vengono gestite al posto tuo. Devi solo creare un agente, implementare un webhook e configurare l'integrazione.
Questa guida mostra come utilizzare l'integrazione di Dialogflow Messenger per fornire al tuo agente una semplice interfaccia utente di chat di testo.
Prima di iniziare
Se non prevedi di utilizzare un'integrazione, puoi saltare questa guida rapida.
Prima di leggere questa guida, effettua le seguenti operazioni:
- Leggi le nozioni di base su Dialogflow CX.
- Esegui la procedura di configurazione.
- Esegui i passaggi nella guida rapida Creazione di un agente. I passaggi riportati di seguito continuano a funzionare per lo 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 Dialogflow CX.
- Scegli il tuo progetto Google Cloud.
- Seleziona l'agente.
- Seleziona la scheda Gestisci.
- Fai clic su 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 un codice HTML incorporabile. Indipendentemente dal fatto che tu voglia eseguire l'autenticazione o meno, fai clic sul pulsante Disattiva... nella parte inferiore della finestra di dialogo per riconfigurare le impostazioni nel passaggio successivo.
- Seleziona un Ambiente.
- Seleziona API non autenticata.
- Seleziona uno stile.
- Facoltativamente, limita l'accesso al dominio.
- Fai clic su Abilita l'API non autenticata.
- Nella finestra di dialogo viene mostrato il codice HTML incorporabile che può essere incorporato nel 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>
devono 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 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">
Dopo l'incorporamento, 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 Messenger.