Une intégration gère les interactions des utilisateurs finaux à votre place. Il vous suffit de créer un agent, d'implémenter éventuellement un webhook et de configurer l'intégration.
Ce guide vous explique comment utiliser le Dialogflow CX Messenger pour fournir une interface utilisateur de chat textuel simple pour votre agent.
Avant de commencer
Si vous ne prévoyez pas d'utiliser d'intégration, vous pouvez ignorer ce guide de démarrage rapide.
Avant de lire ce guide, procédez comme suit :
- Consultez les principes de base de Flow.
- Effectuez la procédure de configuration.
- Effectuez les étapes du Créer un agent à l'aide de flux de démarrage rapide. Les étapes ci-dessous continuent d'utiliser le même agent. Si vous n'avez plus cet agent, vous pouvez le télécharger et le restaurer.
Configuration
Pour configurer un accès non authentifié à votre agent Dialogflow CX Messenger :
- Accédez à la console Dialogflow CX.
- Choisissez votre projet Google Cloud.
- Sélectionnez votre agent.
- Sélectionnez l'onglet Gérer.
- Cliquez sur Integrations (Intégrations) dans le menu de la barre latérale gauche.
- Cliquez sur Connect (Connecter) sur Dialogflow CX Messenger.
- Une boîte de dialogue de configuration s'ouvre.
- Si l'intégration a déjà été configurée pour cet agent, vous pouvez voir du code HTML intégrable. Que vous souhaitiez activer ou désactiver l'authentification, cliquez sur le bouton Désactiver en bas de la boîte de dialogue pour pouvoir reconfigurer les paramètres à l'étape suivante.
- Sélectionnez un environnement.
- Sélectionnez API non authentifiée.
- Sélectionnez un style.
- Vous pouvez éventuellement limiter l'accès au domaine.
- Cliquez sur Activer l'API non authentifiée.
- La boîte de dialogue affiche le code HTML pouvant être intégré à votre site Web. Copiez ce code.
- Cliquez sur OK.
Intégrer
Collez le code d'intégration que vous avez copié ci-dessus dans une page Web de votre site Web.
Les éléments HTML <script> et <df-messenger> doivent se trouver dans l'élément <body> de votre page.
Si vous utilisez une intégration authentifiée,
définir l'attribut oauth-client-id pour <df-messenger>
à votre ID client OAuth.
Mettez à jour tout autre attribut qui nécessite une mise à jour.
Pour autoriser les mises en page dynamiques, ajoutez également les éléments suivants à votre élément <head> :
<meta name="viewport" content="width=device-width, initial-scale=1">
Une fois intégré, vous pouvez interagir avec votre agent via la page Web en cliquant sur l'icône de chat dans le coin inférieur droit.
Personnaliser
Vous pouvez personnaliser l'apparence et le comportement de cette interface utilisateur de différentes manières. Pour en savoir plus, consultez la documentation Dialogflow CX Messenger.