如何在 Dialogflow 实现中创建卡片响应？

Question

Dialogflow 履行 index.js

function fallback(agent) {
    let user_input = agent.query;
    let google = 'https://www.google.co.th'
    agent.add('Your word is '+ user_input);
    agent.add(google);
  }

我想将回复“谷歌链接”更改为卡片或完美聊天机器人的东西

到

Answer 1

该卡取决于您使用的客户端，如果您使用任何自定义 Web 应用程序客户端，那么您必须根据客户端应用程序构建自定义负载。

Answer 2

Dialogflow 使用丰富的响应来显示视觉元素以增强用户交互，基本上您必须在履行 index.js 中初始化 Card 对象并将按钮包含在 Card 中

function fallback(agent) {
    agent.add(new Card({
         title: `Title: this is a card title`,
         text: `This is the body text of a card.  You can even use line\n  breaks and emoji! 💁`,
         buttonText: 'Click me',
         buttonUrl: 'https://assistant.google.com/'
       })
     );   
}

除此之外，在这篇文章中还有一种不同的方式来执行卡片。 在这个问题中有关于如何将按钮添加到卡片中的更多详细信息。

最后，还有一个非官方存储库，其中包含 Dialogflow 响应中的多个按钮，该存储库已与 Facebook Messenger 平台集成并经过测试。 您可以看到一些Dialogflow与多个对话平台的集成，这些平台已经将按钮放入卡片中。