聊天機器人的Quick replies

Chatbot學習筆記-Day6

在Day2的時候介紹過Line Messaging API的9種訊息格式。但除此之外，還有一種非常討喜的工具 - 快速回覆選單(Quick reply buttons)。

點選Quick reply buttons可讓使用者回傳Postback data, 文字訊息、圖片、開啟相機、甚至日期選單，因此非常熱門。

Actions of quick reply

• Camera action
• Camera roll action
• Location action
• Postback action
• Message action
• Datetime picker action

Camera action

圖一 camera action

• Line 4 : 回傳給使用者的文字
• Line 7 : 打造一個Quick reply button
• Line 8 : 設定功能為開啟相機"Camera action"並設定label

圖二 測試

Camera roll action

圖三 camera roll action

• Line 8 : 建立一個標籤為"相機膠捲"的Quick reply button

圖四 測試

Location action

圖五 location action

• Line 8 : 建立一個標籤為"位置資訊"的Quick reply button

圖六 測試

Postback action

圖七 postback action

• Line 8 : 建立一個標籤為"Postback"的Quick reply button

圖八 測試

Message action

圖九 message action

• Line 8 : 建立一個標籤為"message"的Quick reply button

圖十 測試

Datetime picker action

圖十一 datetime picker action

• Line 8 : 建立一個標籤為"時間選單"的Quick reply button
• Line 9 : Datetime picker的Postback data
• Line 10 : Datetime picker的模式，有date、time、datetime三種

圖十二 測試

An example

最後再來看一下將Quick reply buttons組合起來的樣子吧！

圖十三 完整程式碼

在設計Line Chatbot時，如果希望使用者可以快速選擇回覆內容、或希望引導使用者足跡，那Quick reply buttons的確是很棒的選擇。

圖十四 測試

今天的分享就到這結束，完整的code會放在Github，謝謝觀看。

系列文章

• 【Day1】 打造你的第一隻聊天機器人
• 【Day2】 搜圖助理 — 聊天機器人
• 【Day3】 為聊天機器人連結資料庫
• 【Day4】 利用聊天機器人對資料庫下指令吧！
• 【Day5】 讓聊天機器人開啟爬蟲技能！
• 【Day7】 用Flex Messages呈現爬蟲
• 【Day8】 為聊天機器人加上圖文選單