SlideShare a Scribd company logo
1 of 33
Download to read offline
LINE@ 2.0
offline to online
(LIFF + Push 機制)
Caesar Chi
Caesar Chi 2.0
@clonncd
@clonn
https://developers.line.biz/en/news/tags/line-platform/
https://www.line-community.me/
主題開始
LINE流量量紅利利結束了了!收費新制將上線,看130萬中⼩小型商家如何因應?
如何將每次 push 達到極致
分群變得很重要
e-Commerce chatbot
• Push notification, 

傳送貼圖,優惠活動,限時特價 …
• 產品使⽤用後詢問,問卷回饋
• 使⽤用者習性
• ⽣生⽇日好禮
Talk about bot
How About Bot?
加入另外⼀一個 LINE@ ????
How about 1:1 (2.0)
https://manager.line.biz/
除了了切換之外,你還可以選擇建立另外⼀一個新 LINE@
What can you do ?
LIFF
LINE Front-end Framework 
https://github.com/line/line-liff-starter
能輕鬆啟動,關閉屬於 Bot / Chat 開關
此時我們可以將 Chat mode 打開,試著透過 LIFF 進⾏行行資料交換
https://developers.line.biz/console/channel/xxxxxx/liff/
LiFF 限制
LIFF 限制
•以下禁⽌止
• Cookie
• LocalStorage
• SessionStorage
取得 Account Id
第⼀一時間,Save it
將 User Id 進⾏行行存檔,後續可以⽤用於 Push 使⽤用
即使將在 LINE@2.0 Chat mode 啟動狀狀態
還是可以呼叫 Push API
– 明明書坊(誤)
「得 Account Id 者,得天下~」
LINE@2.0 之後,可以思考 chat / bot 之間切換關係調整
Let’s demo

More Related Content

Similar to LINE@ 2.0 offline to online

利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人Johnson Gau
 
人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新William Shyu
 
來玩 Bot Framework Composer 2.0版吧!
來玩 Bot Framework Composer 2.0版吧!來玩 Bot Framework Composer 2.0版吧!
來玩 Bot Framework Composer 2.0版吧!Ko Ko
 
Global Azure Bootcamp @ 北京 - Azure Bot Servic 快速打造你的機器人
Global Azure Bootcamp @ 北京 - Azure Bot Servic  快速打造你的機器人Global Azure Bootcamp @ 北京 - Azure Bot Servic  快速打造你的機器人
Global Azure Bootcamp @ 北京 - Azure Bot Servic 快速打造你的機器人Poy Chang
 
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevicesDuran Hsieh
 
《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)36Kr.com
 
ChatGPT讓任務型機器人變身
「真」聊天機器人
ChatGPT讓任務型機器人變身
「真」聊天機器人ChatGPT讓任務型機器人變身
「真」聊天機器人
ChatGPT讓任務型機器人變身
「真」聊天機器人佳新 陳
 
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?佳新 陳
 
網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術EJohn 義強
 
《氪周刊:互联网创业必读》(第42期)
《氪周刊:互联网创业必读》(第42期)《氪周刊:互联网创业必读》(第42期)
《氪周刊:互联网创业必读》(第42期)36Kr.com
 
[幻灯片版]《氪周刊:关注互联网创业》(第17期)
[幻灯片版]《氪周刊:关注互联网创业》(第17期)[幻灯片版]《氪周刊:关注互联网创业》(第17期)
[幻灯片版]《氪周刊:关注互联网创业》(第17期)36Kr.com
 
《氪周刊:互联网创业必读》(第23期)
《氪周刊:互联网创业必读》(第23期)《氪周刊:互联网创业必读》(第23期)
《氪周刊:互联网创业必读》(第23期)36Kr.com
 
《氪周刊:互联网创业必读》(第25期)
《氪周刊:互联网创业必读》(第25期)《氪周刊:互联网创业必读》(第25期)
《氪周刊:互联网创业必读》(第25期)36Kr.com
 
Mobile chat發展策略 (line, whatsapp...)
Mobile chat發展策略 (line, whatsapp...)Mobile chat發展策略 (line, whatsapp...)
Mobile chat發展策略 (line, whatsapp...)Tim Lin
 
First line messaging bot
First line messaging botFirst line messaging bot
First line messaging botEthan Y
 
Sina weibo platform features
Sina weibo platform featuresSina weibo platform features
Sina weibo platform featuresIndependant
 
入門 Teams Bot
入門 Teams Bot入門 Teams Bot
入門 Teams BotKo Ko
 
《氪周刊:互联网创业必读》(第22期)
《氪周刊:互联网创业必读》(第22期)《氪周刊:互联网创业必读》(第22期)
《氪周刊:互联网创业必读》(第22期)36Kr.com
 

Similar to LINE@ 2.0 offline to online (20)

利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人利用 Luis打造fb聊天機器人
利用 Luis打造fb聊天機器人
 
人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新人工智慧的使用體驗 AI時代的UI與創新
人工智慧的使用體驗 AI時代的UI與創新
 
來玩 Bot Framework Composer 2.0版吧!
來玩 Bot Framework Composer 2.0版吧!來玩 Bot Framework Composer 2.0版吧!
來玩 Bot Framework Composer 2.0版吧!
 
Global Azure Bootcamp @ 北京 - Azure Bot Servic 快速打造你的機器人
Global Azure Bootcamp @ 北京 - Azure Bot Servic  快速打造你的機器人Global Azure Bootcamp @ 北京 - Azure Bot Servic  快速打造你的機器人
Global Azure Bootcamp @ 北京 - Azure Bot Servic 快速打造你的機器人
 
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices
 
《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)
 
ChatGPT讓任務型機器人變身
「真」聊天機器人
ChatGPT讓任務型機器人變身
「真」聊天機器人ChatGPT讓任務型機器人變身
「真」聊天機器人
ChatGPT讓任務型機器人變身
「真」聊天機器人
 
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
 
腾讯公司
腾讯公司腾讯公司
腾讯公司
 
網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術網路玩出大生意 Facebook 社群行銷術
網路玩出大生意 Facebook 社群行銷術
 
《氪周刊:互联网创业必读》(第42期)
《氪周刊:互联网创业必读》(第42期)《氪周刊:互联网创业必读》(第42期)
《氪周刊:互联网创业必读》(第42期)
 
[幻灯片版]《氪周刊:关注互联网创业》(第17期)
[幻灯片版]《氪周刊:关注互联网创业》(第17期)[幻灯片版]《氪周刊:关注互联网创业》(第17期)
[幻灯片版]《氪周刊:关注互联网创业》(第17期)
 
《氪周刊:互联网创业必读》(第23期)
《氪周刊:互联网创业必读》(第23期)《氪周刊:互联网创业必读》(第23期)
《氪周刊:互联网创业必读》(第23期)
 
E mkt3
E mkt3E mkt3
E mkt3
 
《氪周刊:互联网创业必读》(第25期)
《氪周刊:互联网创业必读》(第25期)《氪周刊:互联网创业必读》(第25期)
《氪周刊:互联网创业必读》(第25期)
 
Mobile chat發展策略 (line, whatsapp...)
Mobile chat發展策略 (line, whatsapp...)Mobile chat發展策略 (line, whatsapp...)
Mobile chat發展策略 (line, whatsapp...)
 
First line messaging bot
First line messaging botFirst line messaging bot
First line messaging bot
 
Sina weibo platform features
Sina weibo platform featuresSina weibo platform features
Sina weibo platform features
 
入門 Teams Bot
入門 Teams Bot入門 Teams Bot
入門 Teams Bot
 
《氪周刊:互联网创业必读》(第22期)
《氪周刊:互联网创业必读》(第22期)《氪周刊:互联网创业必读》(第22期)
《氪周刊:互联网创业必读》(第22期)
 

More from Caesar Chi

為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?Caesar Chi
 
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!Caesar Chi
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022Caesar Chi
 
預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰Caesar Chi
 
Remote monitoring widget setup and customization
Remote monitoring  widget setup and customizationRemote monitoring  widget setup and customization
Remote monitoring widget setup and customizationCaesar Chi
 
JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇Caesar Chi
 
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
 
PWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharingPWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharingCaesar Chi
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsCaesar Chi
 
codecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introducecodecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introduceCaesar Chi
 
遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016Caesar Chi
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowCaesar Chi
 
如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享Caesar Chi
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegapCaesar Chi
 
From devOps to front end Ops, test first
From devOps to front end Ops, test firstFrom devOps to front end Ops, test first
From devOps to front end Ops, test firstCaesar Chi
 
Docker with Cloud Service GCPUG
Docker with Cloud Service  GCPUGDocker with Cloud Service  GCPUG
Docker with Cloud Service GCPUGCaesar Chi
 
從失敗中學習打造技術團隊
從失敗中學習打造技術團隊從失敗中學習打造技術團隊
從失敗中學習打造技術團隊Caesar Chi
 
Docker with Cloud Service
Docker with Cloud ServiceDocker with Cloud Service
Docker with Cloud ServiceCaesar Chi
 
技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異Caesar Chi
 
Developer team review of 2014
Developer team review of 2014Developer team review of 2014
Developer team review of 2014Caesar Chi
 

More from Caesar Chi (20)

為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?為何技術老人這樣想那樣做?
為何技術老人這樣想那樣做?
 
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!面試AI技術大進化,加速招聘軟體工程師的全套攻略!
面試AI技術大進化,加速招聘軟體工程師的全套攻略!
 
初探工程師升級手冊 2022
初探工程師升級手冊 2022初探工程師升級手冊 2022
初探工程師升級手冊 2022
 
預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰預約及客服 LINE 服務串接大挑戰
預約及客服 LINE 服務串接大挑戰
 
Remote monitoring widget setup and customization
Remote monitoring  widget setup and customizationRemote monitoring  widget setup and customization
Remote monitoring widget setup and customization
 
JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇JS 從 Non-type 到 Type 的愛恨情仇
JS 從 Non-type 到 Type 的愛恨情仇
 
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
 
PWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharingPWA and Chatbot - with e-Commerce experience sharing
PWA and Chatbot - with e-Commerce experience sharing
 
Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web Apps
 
codecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introducecodecept.js introduce - front end test E2E tool introduce
codecept.js introduce - front end test E2E tool introduce
 
遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016遠端團隊專案建立與管理 remote team management 2016
遠端團隊專案建立與管理 remote team management 2016
 
Introduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flowIntroduce Angular2 & render & firebase flow
Introduce Angular2 & render & firebase flow
 
如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享如何提昇技術力 - 參與技術社群之經驗分享
如何提昇技術力 - 參與技術社群之經驗分享
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegap
 
From devOps to front end Ops, test first
From devOps to front end Ops, test firstFrom devOps to front end Ops, test first
From devOps to front end Ops, test first
 
Docker with Cloud Service GCPUG
Docker with Cloud Service  GCPUGDocker with Cloud Service  GCPUG
Docker with Cloud Service GCPUG
 
從失敗中學習打造技術團隊
從失敗中學習打造技術團隊從失敗中學習打造技術團隊
從失敗中學習打造技術團隊
 
Docker with Cloud Service
Docker with Cloud ServiceDocker with Cloud Service
Docker with Cloud Service
 
技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異技術單兵作戰及團隊開發流程差異
技術單兵作戰及團隊開發流程差異
 
Developer team review of 2014
Developer team review of 2014Developer team review of 2014
Developer team review of 2014
 

LINE@ 2.0 offline to online