In Dialogflow ansehen
Klicken Sie auf Continue (Weiter), um unser Beispiel für Antworten in Dialogflow zu importieren. Führen Sie dann die folgenden Schritte aus, um das Beispiel bereitzustellen und zu testen:
- Geben Sie einen Agent-Namen ein und erstellen Sie einen neuen Dialogflow-Agent für das Beispiel.
- Nachdem der Agent importiert wurde, klicken Sie auf Zum Agent.
- Klicken Sie im Hauptnavigationsmenü auf Fulfillment (Auftragsausführung).
- Aktivieren Sie den Inline-Editor und klicken Sie dann auf Bereitstellen. Der Editor enthält den Beispielcode.
- Klicken Sie im Hauptnavigationsmenü auf Integrations (Integrationen) und dann auf Google Assistant.
- Aktivieren Sie im angezeigten modalen Fenster die Option Änderungen automatisch in der Vorschau anzeigen und klicken Sie auf Testen, um den Actions-Simulator zu öffnen.
- Geben Sie im Simulator
Talk to my test app
ein, um das Beispiel zu testen.
Einfache Antworten werden in Form einer Sprechblase visuell dargestellt. Für den Ton wird Text-to-Speech (TTS) oder Speech Synthesis Markup Language (SSML) verwendet.
Text in der Sprachausgabe wird standardmäßig als Inhalt der Chat-Bubble verwendet. Wenn die visuelle Darstellung dieses Texts Ihren Anforderungen entspricht, müssen Sie keinen Anzeigetext für eine Sprechblase angeben.
In unseren Richtlinien für die Gestaltung von Unterhaltungen erfährst du, wie du diese visuellen Elemente in deine Aktion einbaust.
Attribute
![](https://developers-dot-devsite-v2-prod.appspot.com/static/assistant/conversational/images/simple-response.png?authuser=7&hl=de)
Für einfache Antworten gelten die folgenden Anforderungen und optionalen Attribute, die konfiguriert werden können:
- Wird auf Oberflächen mit den Funktionen
actions.capability.AUDIO_OUTPUT
oderactions.capability.SCREEN_OUTPUT
unterstützt. Maximal 640 Zeichen pro Sprechblase. Längere Strings werden am ersten Wortumbruch (oder am ersten Leerzeichen) vor 640 Zeichen abgeschnitten.
Der Inhalt der Chat-Bubble muss eine phonetische Teilmenge oder ein vollständiges Transkript der TTS-/SSML-Ausgabe sein. So können Nutzer besser nachvollziehen, was Sie sagen, und unter verschiedenen Bedingungen das Verständnis verbessern.
Maximal zwei Chat-Bubbles pro Zugrunde.
Der an Google gesendete Chat-Kopf (Logo) muss 192 x 192 Pixel groß sein und darf nicht animiert sein.
![](https://developers-dot-devsite-v2-prod.appspot.com/static/assistant/conversational/images/smart-display/simple-response.png?authuser=7&hl=de)
Beispielcode
Node.js
app.intent('Simple Response', (conv) => { conv.ask(new SimpleResponse({ speech: `Here's an example of a simple response. ` + `Which type of response would you like to see next?`, text: `Here's a simple response. ` + `Which response would you like to see next?`, })); });
Java
@ForIntent("Simple Response") public ActionResponse welcome(ActionRequest request) { ResponseBuilder responseBuilder = getResponseBuilder(request); responseBuilder.add( new SimpleResponse() .setTextToSpeech( "Here's an example of a simple response. " + "Which type of response would you like to see next?") .setDisplayText( "Here's a simple response. Which response would you like to see next?")); return responseBuilder.build(); }
Node.js
conv.ask(new SimpleResponse({ speech: `Here's an example of a simple response. ` + `Which type of response would you like to see next?`, text: `Here's a simple response. ` + `Which response would you like to see next?`, }));
Java
ResponseBuilder responseBuilder = getResponseBuilder(request); responseBuilder.add( new SimpleResponse() .setTextToSpeech( "Here's an example of a simple response. " + "Which type of response would you like to see next?") .setDisplayText( "Here's a simple response. Which response would you like to see next?")); return responseBuilder.build();
JSON
Beachten Sie, dass der folgende JSON-Code eine Webhook-Antwort beschreibt.
{ "payload": { "google": { "expectUserResponse": true, "richResponse": { "items": [ { "simpleResponse": { "textToSpeech": "Here's an example of a simple response. Which type of response would you like to see next?", "displayText": "Here's a simple response. Which response would you like to see next?" } } ] } } } }
JSON
Beachten Sie, dass der folgende JSON-Code eine Webhook-Antwort beschreibt.
{ "expectUserResponse": true, "expectedInputs": [ { "possibleIntents": [ { "intent": "actions.intent.TEXT" } ], "inputPrompt": { "richInitialPrompt": { "items": [ { "simpleResponse": { "textToSpeech": "Here's an example of a simple response. Which type of response would you like to see next?", "displayText": "Here's a simple response. Which response would you like to see next?" } } ] } } } ] }
SSML und Sounds
Wenn Sie SSML und Töne in Ihren Antworten verwenden, sind diese noch ausgefeilter und Sie profitieren von einer besseren Nutzererfahrung. Die folgenden Code-Snippets zeigen, wie Sie eine Antwort mit SSML erstellen:
Node.js
app.intent('SSML', (conv) => { conv.ask(`<speak>` + `Here are <say-as interpet-as="characters">SSML</say-as> examples.` + `Here is a buzzing fly ` + `<audio src="https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg"></audio>` + `and here's a short pause <break time="800ms"/>` + `</speak>`); conv.ask('Which response would you like to see next?'); });
Java
@ForIntent("SSML") public ActionResponse ssml(ActionRequest request) { ResponseBuilder responseBuilder = getResponseBuilder(request); responseBuilder.add( "<speak>" + "Here are <say-as interpet-as=\"characters\">SSML</say-as> examples." + "Here is a buzzing fly " + "<audio src=\"https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg\"></audio>" + "and here's a short pause <break time=\"800ms\"/>" + "</speak>"); return responseBuilder.build(); }
Node.js
conv.ask(`<speak>` + `Here are <say-as interpet-as="characters">SSML</say-as> examples.` + `Here is a buzzing fly ` + `<audio src="https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg"></audio>` + `and here's a short pause <break time="800ms"/>` + `</speak>`); conv.ask('Which response would you like to see next?');
Java
ResponseBuilder responseBuilder = getResponseBuilder(request); responseBuilder.add( "<speak>" + "Here are <say-as interpet-as=\"characters\">SSML</say-as> examples." + "Here is a buzzing fly " + "<audio src=\"https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg\"></audio>" + "and here's a short pause <break time=\"800ms\"/>" + "</speak>"); return responseBuilder.build();
JSON
Beachten Sie, dass der folgende JSON-Code eine Webhook-Antwort beschreibt.
{ "payload": { "google": { "expectUserResponse": true, "richResponse": { "items": [ { "simpleResponse": { "textToSpeech": "<speak>Here are <say-as interpet-as=\"characters\">SSML</say-as> examples.Here is a buzzing fly <audio src=\"https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg\"></audio>and here's a short pause <break time=\"800ms\"/></speak>" } }, { "simpleResponse": { "textToSpeech": "Which response would you like to see next?" } } ] } } } }
JSON
Beachten Sie, dass der folgende JSON-Code eine Webhook-Antwort beschreibt.
{ "expectUserResponse": true, "expectedInputs": [ { "possibleIntents": [ { "intent": "actions.intent.TEXT" } ], "inputPrompt": { "richInitialPrompt": { "items": [ { "simpleResponse": { "textToSpeech": "<speak>Here are <say-as interpet-as=\"characters\">SSML</say-as> examples.Here is a buzzing fly <audio src=\"https://actions.google.com/sounds/v1/animals/buzzing_fly.ogg\"></audio>and here's a short pause <break time=\"800ms\"/></speak>" } }, { "simpleResponse": { "textToSpeech": "Which response would you like to see next?" } } ] } } } ] }
Weitere Informationen finden Sie in der SSML-Referenzdokumentation.
Sound-Mediathek
In unserer Audio-Mediathek finden Sie eine Vielzahl kostenloser kurzer Sounds. Diese Töne werden für Sie gehostet, sodass Sie sie nur in Ihre SSML einfügen müssen.