如何在 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與多個對話平台的集成，這些平台已經將按鈕放入卡片中。