Auf dieser Seite wird erläutert, wie Sie eine Google Chat-App erstellen, die mithilfe von Dialogflow sowohl natürliche Sprache verstehen als auch 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 eignen sich für alle Arten von Interaktionen. Wenn natürliche menschliche Sprache erforderlich ist, ist eine Dialogflow-Chat-App erforderlich. Die vordefinierten Agents erleichtern den Einstieg und zeigen, was Dialogflow kann, 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. die Festlegung 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: Chat-App auf der Konfigurationsseite der Chat API in der Google Cloud Console konfigurieren, um Antworten mit dem Dialogflow CX-Agent zu verarbeiten -
Abbildung 4: Unterhaltung über die Buchung eines Mietwagens mit der Dialogflow Chat App in Google Chat.
Zielsetzungen
- die Umgebung einrichten
- Dialogflow CX-Agent erstellen und bereitstellen
- 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. 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 in Google Chat eine Antwort an den Chat-App-Dienst 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 Szenarien trainiert. Dabei sind keine übermäßig genauen Vorgaben nötig.
So erstellen Sie den Dialogflow CX-Agenten:
Öffnen Sie in der Dialogflow CX-Konsole die Dialogflow CX-Konsole. 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 Use vorkonfigurierte Agents (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-Agent zu erstellen, oder Eigenen erstellen, um andere Arten von Agents zu erstellen.
Eine ausführliche Anleitung zum Erstellen von Agents finden Sie unter Dialogflow CX-Agent erstellen.
Konfigurieren Sie die grundlegenden Agent-Einstellungen:
- 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.
Passen Sie den Agent bei Bedarf an. Eine ausführliche Anleitung zur Anpassung von Kundenservicemitarbeitern finden Sie unter Dialogflow CX-Kundenservicemitarbeiter erstellen.
Testen Sie den Agent als Best Practice:
- 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 die Tastenkombination
Hello
+ Eingabetaste ein. Der Kundenservicemitarbeiter stellt sich vor. - Schließen Sie den Test mit der Beispielunterhaltung ab.
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, wandeln Sie ihn mit den folgenden Schritten in eine Chat-App um:
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 App-Name
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 Funktionen die Option 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 App-Name
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 die 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-Anwendung antwortet, indem sie sich vorstellt.
- Schließen Sie den Test mit dem Beispiel-Testgespräch ab.
Beispiel für eine Testunterhaltung
Wenn Sie die Dialogflow CX-Chat-App in der Dialogflow CX-Konsole oder in Google Chat testen möchten, führen Sie die folgende Unterhaltung aus. 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 kann Ihnen dabei helfen, eine neue Autovermietung zu reservieren. Wie kann ich Ihnen helfen? |
|
Endnutzer:Ich möchte ein Auto mieten. Kundenservicemitarbeiter: Wo möchten Sie das Fahrzeug abholen? |
|
Endnutzer:Las Vegas Agent: Ok, die Abholung findet in Las Vegas statt. 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:00 Uhr abholen. Kundenservicemitarbeiter: An welchem Datum und zu welcher Uhrzeit möchten Sie das Fahrzeug abgeben? |
|
Endnutzer: 15. März, 12:00 Uhr Agent: Zur Bestätigung: Sie werden das Fahrzeug in Las Vegas am 05.03.2024 um 12:00:00 Uhr abholen und in Los Angeles am 15.03.2024 um 12:00:00 Uhr abgeben. Stimmt das? |
|
Endnutzer:Ja, vielen Dank. Agent: Sehr gut. Wählen wir nun ein Fahrzeug aus. Kundenservicemitarbeiter: Möchten Sie ein Fahrzeug der Economy- oder der Luxusklasse? |
|
Endnutzer:Die Wirtschaft. Kundenservicemitarbeiter: Möchten Sie das Cymbal-Auto oder den Cymbal-Lkw? |
|
Endnutzer:Cymbal Truck Agent: Der Cymbal Truck 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 Agent: Geben Sie die Kartennummer ein. Endnutzer: 1234 1234 1234 1234 Kundenservicemitarbeiter: Wie lautet der Name auf der Karte? Endnutzer: Charlie Agent: Wie lautet die Adresse für die Rechnungsadresse? Endnutzer: 1800 Amphibious Blvd. Mountain View, CA Kundenservicemitarbeiter: Wie lautet die Postleitzahl der Rechnungsadresse? Endnutzer: 94045 Agent: Sie werden das Cymbal Car in Las Vegas am 05.03.2024 um 12:00:00 Uhr abholen und am 15.03.2024 um 12:00:00 Uhr abgeben. 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 gesendete 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 mit einem 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 Chat-Interaktionsereignisses 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 lassen 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 Chat gesendet. Dazu wird die Methode
create
für die Ressourcespaces.messages
in der Chat API einmal pro Nachricht 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 in diesem Beispiel zur Chatintegration für Dialogflow CX auf GitHub.
Fehlerbehebung
Wenn eine Google Chat-App oder -Karte einen Fehler zurückgibt, wird in der Chat-Oberflä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 eine Kartennachricht möglicherweise nicht 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 eine Zustandsmaschine für das Design des Dialogflow-Agents, der Ihnen eine klare und explizite Kontrolle über eine Unterhaltung bietet, eine bessere Endnutzererfahrung und einen besseren Entwicklungsworkflow bietet. 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.
- Apps für Google Chat mit Gemini erstellen. Codelab: Ein Beispiel zum Erstellen eines Dialogflow CX-Datenspeicher-Agents finden Sie in der Wissenschat-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.