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

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

[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人
佳新 陳
 
Carat media news_letter-888r
Carat media news_letter-888rCarat media news_letter-888r
Carat media news_letter-888r
CaratR
 
微博合作介绍 V0.2
微博合作介绍 V0.2微博合作介绍 V0.2
微博合作介绍 V0.2
Vianne Cai
 
博雅公关中国数字媒体团队 中国因特网现状
博雅公关中国数字媒体团队 中国因特网现状 博雅公关中国数字媒体团队 中国因特网现状
博雅公关中国数字媒体团队 中国因特网现状 Burson-Marsteller China
 
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)Kantar Media CIC
 
2011年11大中国数字传播趋势
2011年11大中国数字传播趋势2011年11大中国数字传播趋势
2011年11大中国数字传播趋势
Burson-Marsteller China
 
WM Express Weekly-0610.pdf
WM Express Weekly-0610.pdfWM Express Weekly-0610.pdf
WM Express Weekly-0610.pdf
Wavemaker Taiwan
 
鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報淳甫 鄭
 
鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報
淳甫 鄭
 
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導  如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
貫中 侯
 
Sina weibo platform features
Sina weibo platform featuresSina weibo platform features
Sina weibo platform featuresIndependant
 
人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新
William Shyu
 
从IM+Bot崛起谈后App时代新趋势
从IM+Bot崛起谈后App时代新趋势从IM+Bot崛起谈后App时代新趋势
从IM+Bot崛起谈后App时代新趋势
Yan Yu
 
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Caesar Chi
 
開放數據助力生態
開放數據助力生態開放數據助力生態
開放數據助力生態
TH Schee
 
開放數據助力生態
開放數據助力生態開放數據助力生態
開放數據助力生態
codefortomorrow
 
人工智能和數據驅動公司數位轉型的13條規則-20201205
人工智能和數據驅動公司數位轉型的13條規則-20201205人工智能和數據驅動公司數位轉型的13條規則-20201205
人工智能和數據驅動公司數位轉型的13條規則-20201205
張大明 Ta-Ming Chang
 
當PHP遇上Facebook API
當PHP遇上Facebook API當PHP遇上Facebook API
當PHP遇上Facebook API
Xi-Zhe Lin
 
利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人
Johnson Gau
 
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
佳新 陳
 

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

[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人
 
Carat media news_letter-888r
Carat media news_letter-888rCarat media news_letter-888r
Carat media news_letter-888r
 
微博合作介绍 V0.2
微博合作介绍 V0.2微博合作介绍 V0.2
微博合作介绍 V0.2
 
博雅公关中国数字媒体团队 中国因特网现状
博雅公关中国数字媒体团队 中国因特网现状 博雅公关中国数字媒体团队 中国因特网现状
博雅公关中国数字媒体团队 中国因特网现状
 
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)
微世界 大营销 (来自2012年6月大社会化行业分享会上海站_新浪网_洪力周)
 
2011年11大中国数字传播趋势
2011年11大中国数字传播趋势2011年11大中国数字传播趋势
2011年11大中国数字传播趋势
 
WM Express Weekly-0610.pdf
WM Express Weekly-0610.pdfWM Express Weekly-0610.pdf
WM Express Weekly-0610.pdf
 
鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報
 
鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報鼎鈞數位行銷App經銷商合作簡報
鼎鈞數位行銷App經銷商合作簡報
 
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導  如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
如何透過聊天機器人(Chatbot)來翻轉企業與客戶溝通方式&【凡事都有個 Bot:虛擬篇】聊天機器人的前世今生 | 20160918 科技時事報導
 
Sina weibo platform features
Sina weibo platform featuresSina weibo platform features
Sina weibo platform features
 
人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新
 
从IM+Bot崛起谈后App时代新趋势
从IM+Bot崛起谈后App时代新趋势从IM+Bot崛起谈后App时代新趋势
从IM+Bot崛起谈后App时代新趋势
 
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
Chatbot 智能溝通策 流程規劃與實做 e-Commerce Chatbot - AI strategy and Chat bot user flow
 
開放數據助力生態
開放數據助力生態開放數據助力生態
開放數據助力生態
 
開放數據助力生態
開放數據助力生態開放數據助力生態
開放數據助力生態
 
人工智能和數據驅動公司數位轉型的13條規則-20201205
人工智能和數據驅動公司數位轉型的13條規則-20201205人工智能和數據驅動公司數位轉型的13條規則-20201205
人工智能和數據驅動公司數位轉型的13條規則-20201205
 
當PHP遇上Facebook API
當PHP遇上Facebook API當PHP遇上Facebook API
當PHP遇上Facebook API
 
利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人
 
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
 

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

Editor's Notes

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