SlideShare a Scribd company logo
如何使用 MESSENGER
輕鬆打造電商聊天機器人
使用 FACEBOOK MESSENGER 打造電商聊天機器人
https://www.facebook.com/catxii310
CHATISFY
Ian Lin
林裕淵
ian@chatisfy.com
經歷:
CHATISFY – CTO (Now)
活動:
Hackathon Taiwan – 活動組長
興趣:
專案管理
系統分析
網路行銷
https://www.facebook.com/catxii310
CHATISFY
Ian Lin
林裕淵
ian@chatisfy.com
https://github.com/yuyaun
http://blog.wis.com.tw/author/ian
2017年的今天,通訊軟體越來越重要
通訊軟體與生活密不可分
2016社交通訊 APP 使用量成長 44%
2016社交通訊 APP 使用時間成長 394%
全世界有55%的用戶每天使用即時通訊軟體
在APP競爭的時代
聊天機器人逐漸崛起
聊天機器人能做什麼?
eBay ShopBot
開始使用後,可以參考並點選機器人
提供的選項,或是輸入想找的商品關
鍵字(例如:Party Dress、Leather
Jacket),另外,eBay ShopBot也具
備以圖找圖的功能,可以上傳一張商
品照片,機器人會找出最相似的商品
做推薦
Madison Reed
用問題引導的方式,像是詢問是否有
灰白髮、希望染後的顏色與現在相同、
更亮或更暗等等,理解顧客需求並推
薦適合的染髮劑,點選推薦商品便會
引導進入官網,查看商品細節與購買。
對話式商務是使用對談的方式
提供完成購買、客服諮詢或是其他商業的相關服務
而聊天機器人是對話式商務發展上的重要載體
要如何開始建立聊天機器人?
建立聊天機器人
https://developers.facebook.com/docs/messenger-platform/guides/quick-start
• 1. 建立 FACEBOOK 應用程式及粉絲專頁
• 2. 設定 Webhook
• 3. 取得粉絲專頁的 Access Token (Page Access Token)
• 4. 粉絲團訂閱應用程式
建立 FACEBOOK 應用程式及粉絲專頁
建立一個 FACEBOOK 應用程式 及粉絲專頁,在應用程式管理介面選「新增產品」,選擇
「 Messenger 」 並且開始使用。
設定 Webhook
在 Messenger 設定畫面,點選「設定 Webhook」
設定 Webhook
設定 Webhook 接收的伺服器位置並選擇訂閱類型 (messages 、messaging_postbacks)
Webhook
驗證 Webhook 設定
取得粉絲專頁的 Access Token
在 Messenger 設定畫面,選擇新建立的粉絲團,取得 Access Token
粉絲團訂閱應用程式
透過 Messenger 設定畫面,訂閱新建立的粉絲團
粉絲團訂閱應用程式
透過 API 的方式做訂閱
curl -X POST "https://graph.facebook.com/v2.9/me/
subscribed_apps?access_token=PAGE_ACCESS_TOKEN"
接收訊息
(Webhook)
FACEBOOK SERVER
HTTPS://
Webhook
透過 Webhook 接收粉絲團的留言訊息
Webhook(Messages)
當粉絲團收到文字(Text)及快速回應(Quick Reply)留言訊息
文字
快速回應
Webhook(Messages)
當粉絲團收到附件(Attachments )時, 如 image, audio, video, file
圖片
Webhook(Messaging Postbacks)
當粉絲團收到按鈕點擊事件時
按鈕
Webhook( Messaging Referrals )
點擊包含 ref 參數的 m.me 連結
如 http://m.me/mybot?ref=myparam
傳送訊息
(Send API)
FACEBOOK SERVER
Send API
透過 Webhook 取得 PSID(Page-Scoped ID),並以粉絲團權限(Access Token)請求對留
言者的回應
Send API(文字)
Send API(附件)
URL
檔案上傳
Send API(按鈕範本)
Send API(按鈕範本)
• 1. 網址按鈕
• 2. 回傳按鈕
• 3. 通話按鈕
• 4. 分享按鈕
• 5. 登入登出按鈕
Send API(一般型範本)
Send API(快速回應)
Send API(快速回應)
其他常用 API
• 1. 用戶個人檔案 API
• https://developers.facebook.com/docs/messenger-platform/user-profile
• 2. 快速選單
• https://developers.facebook.com/docs/messenger-platform/messenger-
profile/persistent-menu
• 3. 開始按鈕
• https://developers.facebook.com/docs/messenger-platform/messenger-
profile/get-started-button
有什麼方式可以更快速建立機器人嗎?
對話式電子商務平台
簡易操作介面
所見即所得的操作介面,搭配可直接
套用的對話模組,CHATISFY 讓您打
造自己的電商機器人就是這麼簡單
24/7即時線上客服
透過設定問題的關鍵字與回覆,
CHATISFY 協助您將機器人訓練的越
來越聰明,成為您全年無休的線上自
動客服,服務不間斷
推播訊息
可立即或預約推播,還可進一步追蹤
訊息已讀與點擊的狀況
整合網路開店功能
提供完善的商品上下架、金物流設定、
訂單管理與會員管理系統
分析顧客數據
自動記錄熱門商品、常見問題與消費
者的購物喜好。
現在申請免費試用!!
THANK
YOU!
http://bit.ly/2suUBVv

More Related Content

PDF
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
PDF
使用 liff.shareTargetPicker 製作動畫賀年卡
PDF
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
PDF
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
PDF
我要奮發向上!聊天機器人有哪些書?
PDF
LINE TechPulse 2020 新星計畫團隊的應用觀察
PPTX
社群網站
PDF
AI機器人正夯
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
使用 liff.shareTargetPicker 製作動畫賀年卡
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
我要奮發向上!聊天機器人有哪些書?
LINE TechPulse 2020 新星計畫團隊的應用觀察
社群網站
AI機器人正夯

Similar to 如何使用 MESSENGER 輕鬆打造電商聊天機器人 | CHATISFY (11)

PDF
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
PDF
AWS_Educate_Ambassador_Day_TAIWAN_Track_B - Build a Telegram Chatbot using AW...
PPTX
兩分鐘作好粉絲專頁聊天機器人
PDF
[COSCUP 2022]看圖說故事AI機器人
PPTX
利用 Luis打造fb聊天機器人
PPTX
如何使用 API.AI + NodeJs 快速建立 Chatbot
PPTX
聊天機器人概論 Introduce to chat bot sevices
PPTX
Carat media news_letter-888r
PDF
第一科大Chatbot LUIS
PDF
CKmates - AWS 三大 AI 解決方案:應用影像辨識、聊天機器人與語音轉換以及 Serverless 應用
PDF
MovieBot
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
AWS_Educate_Ambassador_Day_TAIWAN_Track_B - Build a Telegram Chatbot using AW...
兩分鐘作好粉絲專頁聊天機器人
[COSCUP 2022]看圖說故事AI機器人
利用 Luis打造fb聊天機器人
如何使用 API.AI + NodeJs 快速建立 Chatbot
聊天機器人概論 Introduce to chat bot sevices
Carat media news_letter-888r
第一科大Chatbot LUIS
CKmates - AWS 三大 AI 解決方案:應用影像辨識、聊天機器人與語音轉換以及 Serverless 應用
MovieBot
Ad

如何使用 MESSENGER 輕鬆打造電商聊天機器人 | CHATISFY

Editor's Notes

  • #5: 隨著手機網路以及 Wi-Fi 的普及,現代人透過即時通訊軟體 (Line、Facebook Messenger、Wechat等)來跟朋友聊天已經逐漸成為習慣。 即時通訊軟體的使用人數在 2014 年快速飆長,2015 年時正式超越社交軟體的使用人數,並且持續拉開與社交軟體的距離,這樣的現象顯示即時通訊軟體已經與大家的生活密不可分,同時也使得對話式商務逐漸崛起。
  • #6: 相較 2015 年 58% 使用量成長,2016年的使用量只有11%比起來,整體APP使用量成長率趨近平緩 2016 年各類型 App 開始出現相互競爭、此消彼長的現象。造訪次數與使用時間的增加,可能來自於減少對其他類型 App 的使用,此現象可能表示部分應用程式對於使用者的價值正逐漸式微。
  • #7: 社交通訊 App 的使用時間遽增 394%,帶動整體 App 使用時間年增 69%。
  • #8: 全世界有55%的網路用戶每天使用Messenger、Line、Whatsapp等即時通訊軟體與他人聊天溝通、分享資訊,且每月使用人數也超越社群軟體使用人數來到30億大關;同時Facebook表示,Messenger使用人數逐漸趕上使用率第一的Whatsapp,今年四月便宣布月使用人數已經突破12億人。
  • #9: 在app下載量越來越少及獲取用戶成本越來越高的時代,開發聊天機器人相較新的 App 所需投入的成本較低很多 使用者只需要在聊天平台裡搜尋想要的聊天機器人,無需下載,也不必重新學習不同的操作介面,直接透過熟悉的對話方式來獲取服務。 使用者能夠在不同的電子裝置之間方便的切換使用,延續在上個裝置的對話。
  • #10: 一開始接觸到聊天機器人之前我們事先接觸 MESSENGER API 是在去年第二季,我們有個專案是做電商開發 因為我們商家很多都有實體店面,希望能從實體轉到線上經營電商 但是這些商家大多數不會花很多時間在電腦前收信件,所以我們開始思考有什麼方式能夠快速並且及時通知商家 剛好這個時間點 2016年4月 FB 推出 MESSENGER API 就接觸 MESSENGER API 希望能做 notification 的解決方案 當時 FB 有 1-800-FLOWERS 這個範例 開始思考在通訊軟體上建置電商平台這個可能性,因此產生開發 CHATISFY 的想法 接下來我會介紹一些例子讓大家對於商務型的 chatbot 的應用有更進一步的認識
  • #11: eBay ShopBot 由 eBay 開發的 Bot 提供客戶輸入文字或是用上傳圖片的方式搜尋產品 並且可以直接購買,提供用戶一站式購買的體驗
  • #12: Madison Reed 可以根據用戶回答的內容提供適合的產品 會詢問目前的髮色及希望未來的髮色是怎麼樣 並推薦適合的產品,若用戶希望進一步購買會導到官網做購買
  • #14: 「簡」化繁瑣流程 聊天機器人依舊能讓使用者享受與 App 介面提供的相同服務,但簡化了繁瑣的流程,提供了大家更直覺且熟悉的對話方式。 「輕」量化手機空間 聊天機器人還解決了現代人在使用 App 時常遇到的問題:「App 破碎化」。 現代人常常為了幾個特定的功能去下載相對應的 App,像是查詢附近餐廳、電影時間、公車時刻都需要各自下載、獨立使用,除了耗時之外,也佔用掉了手機的記憶體容量。
  • #16: 目前 MESSENGER API 只能針對粉絲團的私訊內容做回應 所以一開始建立聊天機器人 需要建立一個FB應用程式及粉絲專頁 第二步會設定 Webhook 接收粉絲團的留言訊息 第三步是取得粉絲專頁的Access Token 聊天機器人才能根據留言內容做回應 第四步透過粉絲團訂閱應用程式完整聊天機器人的綁定
  • #19: 這邊有一點很重要的是回呼網址必須是 https 若初期測試用 可以使用 cloudflare 假如是為了長久穩定還是建議申請一組 ssl
  • #41: 藉由即時通訊平台 結合行動購物, 為消費者打造出更方便的購物體驗。
  • #42: 使用者可以透過所見及所得的操作介面 直接拖拉產生對話腳本
  • #43: 並且可針對用戶回應的內容做關鍵字設定 例如運費.超商取貨等等常見問題做文字匹配回應
  • #44: 可立即或預約推播,還可進一步追蹤訊息已讀與點擊的狀況
  • #45: 提供完善的商品上下架、金物流設定、訂單管理與會員管理系統 消費者不須另外申請帳號即可在 Message 直接下單
  • #46: 自動記錄熱門商品、常見問題與消費者的喜好。 可以讓藉由對話更貼近客戶需求
  • #47: 現在再FB 輸入 CHATISFY,現在申請免費試用