Une intégration gère les interactions des utilisateurs finaux à votre place. Il vous suffit de créer un agent, éventuellement d'implémenter un webhook, et configurer l'intégration.
Ce guide vous explique comment utiliser l'intégration Dialogflow CX Messenger pour fournir une interface utilisateur de chat écrit simple pour votre agent.
Avant de commencer
Si vous ne prévoyez pas d'utiliser une 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 Dialogflow CX.
- Effectuez la procédure de configuration.
- Suivez la procédure décrite dans le guide de démarrage rapide Créer un agent. Les étapes ci-dessous continuent d'utiliser le même agent. Si vous n'avez plus cet agent, vous pouvez télécharger l'agent et le restaurer.
Configuration
Pour configurer un accès non authentifié à votre agent Dialogflow Messenger :
- Accéder à 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 Se connecter dans Dialogflow Messenger.
- Une boîte de dialogue de configuration s'ouvre.
- Si l'intégration a déjà été configurée pour cet agent, vous verrez du code HTML intégrable. Que vous souhaitiez ce qui est authentifié ou non, cliquez sur le bouton Désactiver en bas de la boîte de dialogue. Vous pourrez donc reconfigurer les paramètres à l'étape suivante.
- Sélectionnez un environnement.
- Sélectionnez API non authentifiée.
- Sélectionnez un style.
- Si vous le souhaitez, vous pouvez restreindre l'accès au domaine.
- Cliquez sur Activer l'API non authentifiée.
- La boîte de dialogue affiche le code HTML intégrable. qui peuvent être intégrées à 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 permettre les mises
en page réactives,
Ajoutez également le code suivant à 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 plusieurs façons. Pour en savoir plus, consultez la documentation Dialogflow CX Messenger.