Auf dieser Seite wird erläutert, wie Sie eine Google Chat-App erstellen, die mithilfe von Dialogflow natürliche Sprache verstehen und darauf reagieren kann. In dieser Anleitung wird Dialogflow CX verwendet, das direkt in Google Chat eingebunden ist. Sie können auch Dialogflow ES verwenden, um eine Google Chat-App mit Dialogflow ES zu erstellen. Folgen Sie dazu dem Leitfaden Dialogflow ES Google Chat.
Stellen Sie sich beispielsweise eine Chat-App vor, mit der Nutzer Autos mieten können. Ein Nutzer könnte beispielsweise schreiben: „Ich möchte ein Auto mieten“. Die Chat-App könnte mit einer Frage wie „Wo möchten Sie das Fahrzeug abholen?“ antworten, wodurch eine natürliche Unterhaltung mit dem Nutzer beginnt, bei der die Chat-App die menschliche Sprache versteht und darauf mit menschlicher Sprache antwortet, während die Autovermietung gebucht wird.
Dies ist nur ein Beispiel. Dialogflow-Chat-Apps sind für alle Arten von Interaktionen geeignet. Wenn natürliche menschliche Sprache erforderlich ist, ist eine Dialogflow-Chat-App erforderlich. Mit den vordefinierten Agents können Sie schnell loslegen und die Funktionen von Dialogflow kennenlernen, z. B.:
- Flüge buchen
- Arzttermine vereinbaren
- Lebensmittel bestellen
- Beantworten Sie Fragen zu einem Einzelhandelsproduktkatalog, z. B. ob Artikel in anderen Farben verfügbar sind.
-
Abbildung 2: Testen Sie den Bot in Dialogflow CX, um sicherzustellen, dass die Logik und Konfiguration des Bots wie vorgesehen funktionieren. Das Diagramm zeigt eine Reihe von themenbezogenen Seiten, die sich auf bestimmte Schritte im Gespräch beziehen, z. B. das Festlegen eines Abhol- und Rückgabeorts für einen Mietwagen. Außerdem wird die Logik konfiguriert, die sie verbindet. Die Unterhaltung wird in einem Simulator getestet. -
Abbildung 3 Eine Chat-App so konfigurieren, dass Antworten mit dem Dialogflow CX-Agenten auf der Seite „Chat API-Konfiguration“ in der Google Cloud Console verarbeitet werden. -
Abbildung 4: Unterhaltung über die Buchung eines Mietwagens mit der Dialogflow Chat App in Google Chat.
Lernziele
- die Umgebung einrichten
- Erstellen und bereitstellen Sie einen Dialogflow CX-Agenten.
- Eine Chat-App mit dem Dialogflow CX-Agenten erstellen und bereitstellen
- Testen Sie die Chat App.
Vorbereitung
- Ein Google Workspace-Konto für Unternehmen oder Organisationen mit Zugriff auf Google Chat.
- Google Cloud-Projekt mit aktivierter Abrechnungsfunktion. Wie Sie prüfen, ob für ein bestehendes Projekt die Abrechnung aktiviert ist, erfahren Sie unter Abrechnungsstatus Ihrer Projekte prüfen. Weitere Informationen zum Erstellen eines Projekts und zum Einrichten der Abrechnung finden Sie unter Google Cloud-Projekt erstellen.
Architektur
Das folgende Diagramm zeigt die Architektur einer Chat-App, die mit Dialogflow erstellt wurde:
Im vorherigen Diagramm wird der Informationsfluss für einen Nutzer dargestellt, der mit einer Dialogflow-Chat-App interagiert:
- Ein Nutzer sendet eine Nachricht in Google Chat an eine Chat-App, entweder in einer Direktnachricht oder in einem Gruppenbereich.
- Ein Dialogflow-virtueller Agent in Google Cloud empfängt und verarbeitet die Nachricht, um eine Antwort zu generieren.
- Optional kann der Dialogflow-Kundenservicemitarbeiter über einen Dialogflow-Webhook mit externen Diensten von Drittanbietern wie einem Projektverwaltungssystem oder einem Ticketsystem interagieren.
- Der Dialogflow-Agent sendet eine Antwort an den Chat-App-Dienst in Google Chat zurück.
- Die Antwort wird an den Chatbereich gesendet.
Umgebung einrichten
Bevor Sie Google APIs verwenden können, müssen Sie sie in einem Google Cloud-Projekt aktivieren. Sie können eine oder mehrere APIs in einem einzelnen Google Cloud-Projekt aktivieren.Aktivieren Sie in der Google Cloud Console die Google Chat API und die Dialogflow API.
Prüfen Sie, ob Sie die APIs im richtigen Cloud-Projekt aktivieren, und klicken Sie dann auf Weiter.
Prüfen Sie, ob Sie die richtigen APIs aktivieren, und klicken Sie dann auf Aktivieren.
Dialogflow CX-Agent erstellen
Ein Dialogflow CX-Agent ist ein virtueller Agent, der nebenläufige Unterhaltungen mit Ihren Endnutzern abwickelt. Mithilfe von Natural Language Understanding (NLU) versteht der Agent die Nuancen der menschlichen Sprache. Im Laufe der Unterhaltung übersetzt Dialogflow Nutzereingaben in Textform in strukturierte Daten, die Ihre Anwendungen und Dienste verstehen können. Sie entwerfen und erstellen einen Dialogflow-Agent, der die für Ihr System erforderlichen verschiedenen Typen von Unterhaltungen verarbeitet.
Ein Dialogflow-Agent ähnelt einem menschlichen Callcenter-Agent. Beide werden für die Bearbeitung erwarteter Gesprächssituationen trainiert. Dabei sind keine übermäßig genauen Vorgaben nötig.
So erstellen Sie den Dialogflow CX-Agenten:
Öffnen Sie in der Dialogflow CX Console die Dialogflow CX Console. Klicken Sie auf das Dreistrich-Menü > Dialogflow CX.
Wählen Sie ein Google Cloud-Projekt aus. Möglicherweise müssen Sie auf Alle klicken und dann nach Ihrem Projekt suchen.
Sie haben jetzt die Möglichkeit, einen vordefinierten Agenten auszuwählen oder einen eigenen zu erstellen. Wenn Sie die Anpassung von Bots lieber später im Detail kennenlernen möchten, wählen Sie einen der vordefinierten Bots aus. Diese sind auch hilfreich, um zu erfahren, was Bots tun können.
So wählen Sie einen vordefinierten Agent aus:
- Klicken Sie auf Vordefinierte Agents verwenden.
Wählen Sie einen vordefinierten Agenten aus. Wählen Sie für diesen Leitfaden Reisen: Autovermietung aus.
Bots werden als Anfänger, Fortgeschrittene oder Fortgeschrittene Nutzer eingestuft, je nachdem, wie viele Funktionen sie verwenden und wie ausgefeilt ihre Konversationslogik ist. Die Auswahl eines mittleren oder erweiterten Kundenservicemitarbeiters kann agentspezifische Anpassungen und Einstellungen erfordern, einschließlich der Aktivierung von Funktionen und APIs in der Google Cloud Console.
Klicken Sie auf Als Kundenservicemitarbeiter importieren.
So erstellen Sie einen eigenen Agenten:
- Klicken Sie auf Agent erstellen.
- Wählen Sie Automatisch generieren aus, um einen Datenspeicher-Agenten zu erstellen, oder Eigenen erstellen, um andere Arten von Agenten zu erstellen.
Eine ausführliche Anleitung zum Erstellen von Agents finden Sie unter Dialogflow CX-Agent erstellen.
Grundlegende Agent-Einstellungen konfigurieren:
- Geben Sie unter Anzeigename einen Anzeigenamen ein.
- Wählen Sie den bevorzugten Standort aus. Wenn Sie die erweiterten Standorteinstellungen ändern möchten, klicken Sie auf Bearbeiten.
- Wählen Sie Ihre bevorzugte Zeitzone aus.
- Wählen Sie die Standardsprache für Ihren Agent aus. Sie können die Standardsprache für einen Agent nicht mehr ändern, nachdem er erstellt wurde.
Klicken Sie auf Erstellen. In Dialogflow CX wird der Agent erstellt und dann der Standardstartablauf des Agents angezeigt.
Optional können Sie den Kundenservicemitarbeiter anpassen. Eine ausführliche Anleitung zur Anpassung von Kundenservicemitarbeitern finden Sie unter Dialogflow CX-Kundenservicemitarbeiter erstellen.
Als Best Practice sollten Sie den Kundenservicemitarbeiter testen:
- Klicken Sie auf Agent testen.
- Wählen Sie Agent in Umgebung testen aus.
- Wählen Sie unter „Umgebung“ die Option Entwurf aus.
- Wählen Sie unter „Ablauf“ die Option Standardstartablauf aus.
- Wählen Sie unter „Seite“ die Option Startseite aus.
- Geben Sie in die Eingabeleiste Mit Kundenservicemitarbeiter chatten
Hello
ein und drücken Sie die Eingabetaste. Der Kundenservicemitarbeiter stellt sich vor. - Schließen Sie den Test ab, indem Sie die Beispielunterhaltung führen.
Der Dialogflow CX-Agent wird erstellt. Kehren Sie zur Dialogflow CX Console zurück. Klicken Sie auf das Dreistrich-Menü > Dialogflow CX.
Klicken Sie unter Kundenservicemitarbeiter auf > Name kopieren. Speichern Sie diesen Namen, da Sie ihn bei der Konfiguration der Chat-App verwenden.
Chat-App erstellen und mit dem Dialogflow-Agent verbinden
Nachdem Sie einen Dialogflow CX-Agent erstellt haben, können Sie so eine Chat-App daraus machen:
Rufen Sie in der Google Cloud Console die Google Chat API auf. Suchen Sie nach „Google Chat API“, klicken Sie auf Google Chat API und dann auf Verwalten.
Klicken Sie auf Konfiguration und richten Sie die Chat-App ein:
- Geben Sie unter Anwendungsname
Dialogflow App
ein. - Geben Sie unter Avatar-URL
https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png
ein. - Geben Sie unter Beschreibung
Responds to real human conversation
ein. - Wählen Sie unter Funktionsweise die Optionen 1:1-Nachrichten empfangen und Gruppenbereichen und Gruppenunterhaltungen beitreten aus.
- Wählen Sie unter Verbindungseinstellungen die Option Dialogflow aus.
- Wählen Sie unter Dialogflow-Einstellungen die Option Dialogflow CX aus.
- Fügen Sie unter Agent oder Name der Umgebungsressource den Namen des Dialogflow CX-Agents ein, den Sie am Ende des Artikels Dialogflow CX-Agent erstellen kopiert haben.
- Machen Sie diese Chat-App für bestimmte Personen und Gruppen in Ihrer Domain verfügbar und geben Sie Ihre E-Mail-Adresse ein.
- Wählen Sie unter Protokolle die Option Fehler in Logging protokollieren aus.
- Geben Sie unter Anwendungsname
Klicken Sie auf Speichern.
Die Chat App ist bereit, Nachrichten in Google Chat zu empfangen und darauf zu antworten.
Chat-App testen
Testen Sie die Dialogflow CX-Chat-App, indem Sie ihr in Google Chat eine Nachricht senden.
Öffnen Sie Google Chat mit dem Google Workspace-Konto, das Sie angegeben haben, als Sie sich als vertrauenswürdiger Tester hinzugefügt haben.
- Klicken Sie auf Neuer Chat.
- Geben Sie im Feld Eine oder mehrere Personen hinzufügen den Namen Ihrer Chat-App ein.
Wählen Sie in den Ergebnissen Ihre Chat-App aus. Eine Direktnachricht wird geöffnet.
Geben Sie in der neuen Direktnachricht an die App
Hello
ein und drücken Sieenter
.Die Dialogflow-Chat-App antwortet, indem sie sich vorstellt.
- Schließen Sie den Test ab, indem Sie die Beispielunterhaltung führen.
Beispiel für eine Testunterhaltung
Wenn Sie die Dialogflow CX Chat App entweder in der Dialogflow CX Console oder in Google Chat testen möchten, führen Sie die folgende Unterhaltung. Anhand der Erklärung können Sie nachvollziehen, wie der Dialogflow CX-Agent die natürliche Sprache des Nutzers interpretiert und in jedem Schritt der Unterhaltung eine eigene Antwort in natürlicher Sprache generiert. Diese Beispielunterhaltung basiert auf dem vordefinierten Kundenservicemitarbeiter Reise: Autovermietung.
Dialog | Erklärung |
---|---|
Endnutzer: Hallo Kundenservicemitarbeiter: Hallo! Ich bin der virtuelle Kundenservicemitarbeiter der Autovermietung. Ich helfe Ihnen gern bei der Buchung eines Mietwagens. Wie kann ich Ihnen helfen? |
|
Endnutzer:Ich möchte ein Auto mieten. Kundenservicemitarbeiter: Wo möchten Sie das Fahrzeug abholen? |
|
Endnutzer: Las Vegas Kundenservicemitarbeiter: Okay, die Abholung erfolgt in Las Vegas. Kundenservicemitarbeiter: Unterscheidet sich der Abgabeort vom Abholort? |
|
Endnutzer:Ja. Ich werde das Auto in Los Angeles abgeben. Kundenservicemitarbeiter: Okay, die Abgabe erfolgt in Los Angeles. Kundenservicemitarbeiter: An welchem Datum und zu welcher Uhrzeit möchten Sie das Fahrzeug abholen? |
|
Endnutzer:Ich möchte das Auto am 5. März um 12 Uhr abholen. Kundenservicemitarbeiter: An welchem Datum und zu welcher Uhrzeit möchten Sie das Fahrzeug abgeben? |
|
Endnutzer: 15. März, 12:00 Uhr Kundenservicemitarbeiter: Zur Bestätigung: Sie holen das Fahrzeug am 05.03.2024 um 12:00 Uhr in Las Vegas ab und geben es am 15.03.2024 um 12:00 Uhr in Los Angeles wieder ab. Ist das richtig? |
|
Endnutzer:Ja, danke. Kundenservicemitarbeiter: Super. Wählen wir jetzt ein Fahrzeug aus. Kundenservicemitarbeiter: Möchten Sie ein Fahrzeug der Economy- oder der Luxusklasse? |
|
Endnutzer:Economy, bitte. Kundenservicemitarbeiter: Möchten Sie das Cymbal-Auto oder den Cymbal-Lkw? |
|
Endnutzer:Cymbal Truck Kundenservicemitarbeiter: Der Cymbal-Lkw kostet 50,33 $pro Tag. Es bietet Platz für 4 Personen und ist mit einem AM/FM-Radio ausgestattet. Möchten Sie mit der Zahlung fortfahren? Endnutzer:Ja, bitte. |
|
Kundenservicemitarbeiter:Welchen Kartentyp verwenden Sie? Endnutzer: Altostrat Kundenservicemitarbeiter: Bitte geben Sie die Kartennummer ein. Endnutzer: 1234 1234 1234 1234 Kundenservicemitarbeiter: Wie lautet der Name auf der Karte? Endnutzer: Charlie Kundenservicemitarbeiter: Wie lautet die Rechnungsadresse? Endnutzer: 1800 Amphibious Blvd. Mountain View, CA Kundenservicemitarbeiter: Wie lautet die Postleitzahl der Rechnungsadresse? Endnutzer: 94045 Kundenservicemitarbeiter: Sie holen das Cymbal-Auto am 05.03.2024 um 12:00:00 in Las Vegas ab und geben es am 15.03.2024 um 12:00:00 zurück. Die Gesamtkosten für diese Fahrt betragen 175,38 $. Kundenservicemitarbeiter: Vielen Dank, dass Sie bei uns gemietet haben. Ich wünsche Ihnen noch einen schönen Tag. |
|
Kartennachrichten über Dialogflow senden
Dialogflow kann mit Text oder Kartennachrichten antworten. Wenn du mit einer Kartennachricht antworten möchtest, gib sie als benutzerdefinierte Nutzlast in fulfillment an.
Im folgenden JSON-Code wird gezeigt, wie eine Kartennachricht als benutzerdefinierte Nutzlast im Rahmen der Auftragsausführung gesendet wird:
json
{
'cardsV2': [{
'cardId': 'createCardMessage',
'card': {
'header': {
'title': 'A card message!',
'subtitle': 'Sent from Dialogflow',
'imageUrl': 'https://developers.google.com/chat/images/chat-product-icon.png',
'imageType': 'CIRCLE'
},
'sections': [
{
'widgets': [
{
'buttonList': {
'buttons': [
{
'text': 'Read the docs!',
'onClick': {
'openLink': {
'url': 'https://developers.google.com/workspace/chat'
}
}
}
]
}
}
]
}
]
}
}]
}
Einschränkungen und Hinweise
- Chat-Interaktionsereignisse werden nur eingeschränkt unterstützt. Beachten Sie außerdem Folgendes:
- Die folgenden Interaktionsereignistypen werden unterstützt:
MESSAGE
ADDED_TO_SPACE
CARD_CLICKED
- Bei
MESSAGE
- oderADDED_TO_SPACE
-Ereignissen entspricht die an den Dialogflow-Agent gesendeten Abfrageeingabe dem Wert des FeldsargumentText
in der Chatnachricht. Wenn die Nachricht einen Schrägstrichenbefehl enthält, wird stattdessen der Wert des Feldstext
verwendet. - Bei
CARD_CLICKED
-Ereignissen wird die an den Dialogflow-Agenten gesendete Abfrageeingabe alsCARD_CLICKED.functionName
formatiert. Dabei entsprichtfunctionName
dem Wert des Feldsfunction
des Action-Objekts, das mit dem interaktiven Kartenelement (z. B. einer Schaltfläche) verknüpft ist. - Die vollständige JSON-Nutzlast jedes Chatinteraktionsereignisses wird als benutzerdefinierte Nutzlast im Abfrageparameter an Dialogflow gesendet. Sie können über einen Dialogflow-Webhook darauf zugreifen, indem Sie den Wert des Felds
WebhookRequest.payload
abfragen.
- Die folgenden Interaktionsereignistypen werden unterstützt:
- Hinweise zum Beantworten von Slash-Befehlen und zum Empfangen von Daten von Karten oder Dialogen:
- Wenn Dialogflow Chat-Apps eine Nachricht mit einem Bindestrich-Befehl erhalten, enthält die Abfrageeingabe nur den Wert des Felds
text
. Das Feldtext
beginnt mit dem Namen des Slash-Befehls (z. B./command
). Damit können Sie den Intent eines Dialogflow-Agents so konfigurieren, dass er einen Slash-Befehl erkennt. - Wenn der Dialogflow-Agent die JSON-Nutzlast des Chatinteraktionsereignisses verarbeiten muss, kann er dazu einen Dialogflow-Webhook verwenden, um die benutzerdefinierte Nutzlast im Abfrageparameter zu prüfen.
- Wenn Sie einen Dialog vom Dialogflow-Agenten anzeigen möchten, antworten Sie mit einer einzelnen benutzerdefinierten JSON-Nutzlast, die eine Nachricht mit einer
DIALOG
-Aktionantwort enthält. - Um Daten zu verarbeiten, die über Karten eingegeben wurden, kann der Dialogflow-Agent Intents erkennen, die mit dem Text
CARD_CLICKED
beginnen, und mit einer einzelnen benutzerdefinierten JSON-Nutzlast mit der entsprechenden Aktion antworten.
- Wenn Dialogflow Chat-Apps eine Nachricht mit einem Bindestrich-Befehl erhalten, enthält die Abfrageeingabe nur den Wert des Felds
- Linkvorschauen werden nicht unterstützt.
- Wenn der Dialogflow-Agent nur mit einer Nachricht antwortet, wird diese synchron an Google Chat gesendet. Wenn der Dialogflow-Agent mit mehreren Nachrichten antwortet, werden alle Nachrichten asynchron an Google Chat gesendet. Dazu wird die Methode
create
einmal für jede Nachricht auf derspaces.messages
-Ressource in der Chat API aufgerufen. - Wenn Sie die Dialogflow CX-Integration mit Google Chat verwenden, müssen der Dialogflow-Agent und die Chat-App im selben Google Cloud-Projekt eingerichtet werden. Wenn Sie Dialogflow und Google Chat in verschiedenen Cloud-Projekten einrichten müssen, können Sie einen Zwischenserver einrichten, um die Verbindung zu erleichtern. Weitere Informationen finden Sie im Beispiel für die Chat-Integration für Dialogflow CX auf GitHub.
Fehlerbehebung
Wenn eine Google Chat-App oder Karte einen Fehler zurückgibt, wird in der Chat-Benutzeroberfläche die Meldung „Ein Fehler ist aufgetreten“ angezeigt. oder „Ihre Anfrage konnte nicht verarbeitet werden“ Manchmal wird in der Chat-Benutzeroberfläche keine Fehlermeldung angezeigt, aber die Chat-App oder -Karte führt zu einem unerwarteten Ergebnis. Beispielsweise wird möglicherweise keine Kartennachricht angezeigt.
Auch wenn in der Chat-Benutzeroberfläche keine Fehlermeldung angezeigt wird, sind beschreibende Fehlermeldungen und Protokolldaten verfügbar, die Ihnen bei der Fehlerbehebung helfen, wenn die Fehlerprotokollierung für Chat-Apps aktiviert ist. Informationen zum Ansehen, Entfernen und Beheben von Fehlern finden Sie unter Google Chat-Fehler beheben.
Bereinigen
Damit Ihrem Google Cloud-Konto die in dieser Anleitung verwendeten Ressourcen nicht in Rechnung gestellt werden, empfehlen wir Ihnen, das Cloud-Projekt zu löschen.
- Wechseln Sie in der Google Cloud Console zur Seite Ressourcen verwalten. Klicken Sie auf das Dreistrich-Menü > IAM & Verwaltung > Ressourcen verwalten.
- Wählen Sie in der Projektliste das Projekt aus, das Sie löschen möchten, und klicken Sie dann auf Löschen .
- Geben Sie im Dialogfeld die Projekt-ID ein und klicken Sie auf Beenden, um das Projekt zu löschen.
Weitere Informationen
- Dialogflow CX verwendet einen Zustandsmaschinenansatz für das Design von Dialogflow-Agenten. So können Sie Unterhaltungen klar und explizit steuern, die Endnutzererfahrung verbessern und die Entwicklung benutzerfreundlicher gestalten. Wenn Sie eine Dialogflow-Chat-App erstellen, empfehlen wir die Verwendung von Dialogflow CX.
- Weitere Informationen zum Erstellen und Konfigurieren von Agents finden Sie unter Dialogflow CX-Agents.
- Eine ausführliche Anleitung zum Erstellen und Konfigurieren von Agents finden Sie unter Dialogflow CX-Agent erstellen.
- Fortschrittliche Apps für Google Chat mit Gemini entwickeln. Codelab:Ein Beispiel für den Aufbau eines Dialogflow CX-Datenspeicher-Agenten finden Sie in der Knowledge Chat App aus dem Codelab
- Fortschrittliche Apps für Google Chat mit Gemini entwickeln. Codelab:Ein Beispiel für den Aufbau eines Dialogflow CX-Konversations-Agenten finden Sie in der Feedback-Chat-App aus dem Codelab
- Dialogflow ES ist eine weitere Möglichkeit, Dialogflow mit einer Chat-App zu verwenden.