GOSU BAR 入門

從平台介紹開始引領你進入 GOSU BAR 的世界,讓你發揮創造力製作屬於自己的聊天機器人

認識 GOSU BAR

gosu.png

歡迎來到 故事 BAR,首先要為你做個簡短的介紹:

GOSU BAR 是一個由安永金融科技研發維運的社群聊天機器人建置平台,有別於以往客製化開發以及使用現成模組,我們優勢在於,用高於模組些許的成本做到客製開發才能達到的功能,讓聊天機器人協助你有效的經營品牌!

GOSU BAR 目前支援    LINE@_typeA.png    facebook_logo.png  台灣主流社群平台,透過平台核心功能的流程編輯器以及圖像編輯器搭配屬性標籤等功能,能夠製作獨一無二的聊天機器人。

同時 GOSU BAR 也已經服務了許多品牌與企業,還在等什麼呢?馬上開始製作屬於你的聊天機器人吧!

 

平台功能介紹

介紹 GOSU BAR 平台上每一個頁面的功能

平台功能介紹

登入 GOSU BAR

登入 GOSU BAR,登入方式包含透過帳號密碼、Facebook、Google

 

選擇你要操作的組織

 

接下來點擊左上角漢堡選單按鈕   

 

就會看到所有功能頁面囉!

 

接下來我們要開始建立自己的聊天機器人囉!

 

 

平台功能介紹

群發訊息

 

相信大多數的人都不希望收到不需要的訊息,因此發送訊息前需要思考如何將訊息精準的推送給需要的用戶,這可以避免用戶收到不感興趣的訊息造成反感,降低封鎖機器人的機會。

GOSU BAR 透過 群發訊息 搭配  篩選 功能,就可以事半功倍的進行精準訊息的推播~

 

介面

1_介面.png
進入群發訊息時的畫面。



1_介面-2快速篩選.png
左側區塊是快速篩選,可以快速篩選出相對應的群發訊息。



1_介面-3搜尋列.png
上方是自訂搜尋,可以組合篩選區塊的條件進行篩選。



2_撰寫新訊息-0.png
點選介面左上方的按鈕 撰寫新訊息 來開啟建立訊息視窗。



2_撰寫新訊息-2.png

視窗中的 發送對象 除了可以選擇平台來源、擁有標籤、身分類型、好友狀態來作為訊息發送對象外,還可以選擇以 篩選 功能建立的篩選條件為對象來發送訊息。

註:以上圖為例,透過篩選功能建立的篩選條件 男性管理員(同時擁有 生理性別男性管理人員 標籤的用戶),一樣可以作為 群發訊息 的發送對象。善加利用 篩選 與 群發訊息,將有效提升訊息的精準發送比例。



2_撰寫新訊息-3.png
訊息建立方式與發送訊息節點大同小異,可以插入不同種類的訊息內容、新增快速回應,並透過標籤對此則訊息設定分類。



2_撰寫新訊息-4.png
設定完後就可以立即發送訊息出去囉,也可以先儲存成草稿,或改成預約發送的方式來進行群發訊息。



2_撰寫新訊息-5立即發送.png
若點選 立即發送 需要進行二次確認,會告知此則群發訊息將會發送給多少用戶。



2_撰寫新訊息-6發送成功.png
發送成功!



3_更新已發送項目.png
重新整理介面後,透過快速篩選功能選擇 已發送 的訊息分類,篩選清單中就會出現剛剛發送的訊息,查閱相關紀錄十分方便。



3_更新已發送項目2.png
直接點開一則群發訊息的紀錄,這時會顯示這則群發訊息的訊息內容。將滑鼠移至底部還會顯示訊息的點擊數與已讀數。

點擊的判定條件:卡片、海報的連結類型按鈕點擊時才會進行統計。
已讀的判定條件:當有夾帶圖片、海報、卡片訊息時,才有辦法計算已讀數,已讀就是字面上的意思,當打開訊息時就會計算已讀數。



4_複製群發訊息.png
有時候需要發送一些內容相似度很高的群發訊息,這時候可以透過 複製功能 快速建立訊息副本至草稿分類。



4_複製群發訊息2.png
點選複製後,會跳出視窗來編輯副本的訊息名稱,訊息名稱之後隨時可進行修改。



4_複製群發訊息3.png
建立副本後,副本會建立至草稿類別中。



4_複製群發訊息4.png
點開副本訊息就會看到訊息內容被完整的拷貝,只需修改要調整的內容就可以進行發送囉,是不是快速又方便呢~



5_貼上標籤.png
如果對某則訊息的標籤分類需要調整,可以透過點選 貼上標籤 對其進行更改。



5_貼上標籤-1.png
點選 貼上標籤 後會展開標籤清單,可以新增或刪除訊息上的標籤。



5_貼上標籤-2.png
以上圖為例,多貼上一個 測試用戶 的標籤,此則訊息的標籤分類就會從 管理人員 變成 2個標籤。



5_貼上標籤-3.png
重新整理畫面,在訊息的搜尋條件中同時選擇 管理人員測試用戶 兩個標籤,按下 ENTER 進行篩選,這時篩選出來的訊息就會有剛剛多貼上 測試用戶 標籤的訊息囉!





平台功能介紹

好友清單

 

在好友清單除了可以查閱成為好友的名單,詳細資料、屬性內容、擁有標籤、好友狀態也都可以在這個介面中一覽無疑。


2-好友來源.png預設會是呈現所有來源的好友清單,若要縮小篩選範圍,可以在紅色框選區塊中選擇來源種類進行調整。

您也可以透過標籤來進行篩選,擁有該標籤的好友就會被篩選出來。


3-自訂搜尋.png

自訂搜尋可以透過以下幾種種類進行搜尋:

  1. 編號:
    如果已經知道好友的編號,直接輸入編號就可以搜尋到這位好友。

  2. 好友暱稱:
    輸入完整或局部的好友暱稱,即可搜尋該好友。

  3. 標籤:
    想知道擁有特定標籤的好友名單,可以在搜尋列中選擇要查詢的標籤,並按下 ENTER 進行搜尋。

  4. 進階篩選:
    若已經建立了進階篩選條件,往後可以選擇此篩選條件查詢符合的好友名單。

  5. 好友狀態:
    如果想搜尋特定好友狀態的對象,可以在自訂搜尋列中選擇進行搜尋。


4-分頁管理.png
當好友人數很多時,可以透過分頁協助快速找到對象。


4-分頁查詢-2.png點選分頁管理上的好友人數會展開設定選項,可以調整每頁要顯示的人數。


4-分頁查詢-3.png若已經知道好友位於第幾頁,也可以直接指定頁數查看。

 

 

5-好友列表.png
好友列表中會呈現好友們的編號、大頭貼、暱稱、狀態、所屬機器人、以及其他屬性的值。



5-好友列表-2-詳細清單.png
若想查看好友的詳細資訊(例如:擁有的標籤、圖文選單等內容),請直接點選好友就會展開好友的詳細資料。

如果需要與該好友進行1:1的私訊,右上角也提供按鈕可以快速進入私訊介面。

在好友詳細資料中可以查看所屬機器人平台、加入時間、圖文選單、擁有標籤、屬性內容等,並且可以直接編輯該位好友的資料。

其中需留意的是標籤的更改是即時改動,其他像是屬性、圖文選單的更改則需要進行再次確認才會進行更新。
提醒您請謹慎小心操作資料異動。




6-好友屬性顯示設定.png
好友的屬性順序若需要調整,可以點選右上角的漢堡選單進行編排。



6-好友屬性顯示設定-2.png
點選漢堡選單



6-好友屬性顯示設定-3.png
可以對屬性的順序進行調整,並透過勾選屬性來決定是否要顯示於列表清單中。

以截圖為例,可以將屬性生日移至屬性行動電話之前。













平台功能介紹

1 : 1 私訊

透過 1:1 私訊 可以查看所有曾經與機器人對話過、互動過的用戶對話紀錄,並且可以直接選擇用戶進行回覆。


介面

0_1對1私訊-0-2.png
介面左邊區塊會有曾與機器人互動、對話的用戶清單。



0_1對1私訊-0-3.png
在紅色框選處可以直接選擇篩選對象(平台來源、個人或是群組),預設會是全選狀態,呈現所有的用戶。



0_1對1私訊-0-4.png
有時好友的數量過於龐大,或是想更快的方式搜尋出單一用戶,這時候可以透過搜尋功能輸入用戶的暱稱,就能夠馬上找到要找的用戶囉~



0_1對1私訊-1.png
選取用戶後的介面,在右側區塊可以看到選取用戶的相關資料(暱稱、平台來源、身分種類、圖文選單、擁有標籤、屬性內容)。



0_1對1私訊-3.png
點選紅色區塊可以直接抽換該用戶的圖文選單。



0_1對1私訊-4.png
也可以直接更改用戶擁有的標籤內容。



0_1對1私訊-5-1.png
更改屬性內容當然也可以做到。



0_1對1私訊-5-2.png
若要以真人回覆的方式,各種類型的訊息都可以使用。

註:以上圖為例,插入一則文字訊息準備回覆給指定用戶。




0_1對1私訊-6.png
訊息送出。











平台功能介紹

機器人管理

 

在開始使用聊天機器人之前,最重要的事情就是先建立好聊天機器人!
一個組織中能夠建立兩隻機器人,機器人的平台可以任選 LINE@ 或是 Facebook。
註:建立聊天機器人的詳細教學請先參考:LINE@ 聊天機器人Facebook 聊天機器人

那我們就開始一窺機器人管理介面的細節吧!


1_建立好機器人後的介面.png
當建立好聊天機器人後,機器人管理的畫面如上圖所示,我們可以檢視或更改設定的內容。

 

首先是外觀資訊

 

 

 

 

 

 

 

 

 

平台功能介紹

標籤管理

 

在介紹標籤管理介面之前,我們必須先認識 GOSU BAR 提供的 標籤(Tag)

理解標籤為何以及標籤可以達到的成效後,接著是本章的重點 標籤管理 的介紹。

平台功能介紹

屬性管理

在正式介紹 屬性管理 之前,我們需要先理解:何謂屬性、屬性的應用對象、屬性的型態。

釐清屬性的概念後,接著需要理解 GOSU BAR 屬性的應用對象種類,了解其作用對象的差異以及各自適合使用的情境。

無論屬性是建立在哪個應用對象,屬性都有 3 種型態可以選擇。建議依使用情境選擇適當的型態,這將有效優化一些操作,甚至提升運行的效能。

 

 

 

 

平台功能介紹

圖像編輯器

 

若有重複使用訊息的需求,可以在 圖像編輯器 建立訊息範本,這些範本除了在 圖像編輯器 中可以統一管理維護,也可以在 流程編輯器1:1私訊群發訊息 重複使用。

關於編輯介面



接下來示範一些範本應用的例子。

平台功能介紹

優惠券


如果有要發送贈品或是中獎訊息的需求,使用優惠券系統是一個不錯的選項。


0_介面.png初次進入優惠券介面會是這個樣子。



1_建立優惠券.png
點選建立優惠券按鈕來新建優惠券。



2_建立介面.png
進入到優惠券的設定介面。

介面的右邊是收到優惠券訊息的預覽畫面。



3_上傳圖片.png
先來上傳優惠券的圖片吧!



4_優惠券類型.png
根據使用需求選擇適合的優惠券類型,如果是當作中獎通知使用的訊息,優惠券類型可以選擇贈品。



5_優惠券標題.png
設定優惠券標題文字,文字長度限13個字以內。



6_優惠券活動時間.png
設定優惠券的開始與結束時間,若超過設定的時間,用戶將無法使用該優惠券。



7_優惠券使用說明.png
設定優惠券使用說明敘述,例如: 使用限制。

清楚的說明規則才能有效避免爭議發生。

字數上限 255 字。



8_領取優惠券的關鍵字.png
設定領取優惠券的關鍵字。

當優惠券建立好且對外公開後,可以透過該關鍵字觸發獲得此優惠券。



9_設定重複領取.png
設定是否允許用戶重複領取優惠券。

選擇允許,每次領到的優惠券序號皆為不同序號;若不允許,每次領到的序號皆相同。



10_設定限制優惠券總數.png
設定是否限制優惠券總數。

限制總數將無法透過群發訊息發送此優惠券,且當設定的數量發送完畢後,之後送出的優惠券會改用替代文字告知發送完畢。



11_允許優惠訊息可分享給好友.png
設定是否允許優惠券訊息可分享給好友。

允許分享,優惠券可以分享給好友兌換,也可以設定分享給好友的文案,字數上限255字;反之,不允許分享就不可以分享給好友。



12_取得_使用優惠券貼上標籤.png
設定取得優惠券以及使用優惠券時要貼上的標籤,可以根據需求貼上標籤來紀錄。



13_儲存優惠券.png
優惠券設定完後記得按下 儲存優惠券,此時建立好的優惠券尚未公開,還不能使用。



14_若要立即使用優惠券_則選擇立即公開.png
可以直接立即公開此優惠券,或是預約要公開使用的時間。

當優惠券公開後,優惠券將無法被刪除,且優惠券總數量限制、重複領取限制都無法再被修改。



15_建立優惠券QRcode_0.png
當優惠券公開後選項有了改動,出現 統計報表 以及 QR Code。



15_建立優惠券QRcode.png
選擇 QR Code,並輸入合適的額外資訊,按下產生。



15_建立優惠券QRcode_2.png
會產出帶有設定額外資訊的 QR Code,掃描此QR Code也可以獲得此張優惠券。



16_統計報表.png
選擇統計報表可以進到統計頁面查看相關的統計資訊。

發送媒介的圓餅圖可以點選要顯示的內容進行切換。

最下方可以下載總表。






平台功能介紹

關鍵字管理

 

在 GOSU BAR 中可以透過建立關鍵字來定義索引特定文字內容時需要的詞彙。

簡單的說,關鍵字就是單個或複數相同含意的文字集合,而這個集合在流程編輯器中可以作為被判斷的內容,因此可以藉由建立關鍵字來避開一些希望被忽略掉的文字集合,或是單純的建立關鍵字當作同義詞集合來使用。

 

介面

0_介面.png
初次進入關鍵字管理的樣子。

點選按鈕 新增關鍵字分類



1_新增關鍵字-2.png
設定關鍵字分類的名稱,並按下 確定 建立。



1_新增關鍵字-3.png
建立好關鍵字分類後就會多出一個群組它就像是一個資料夾,透過資料夾來分類管理關鍵字,這樣未來的維護也會較有效率。

註:在流程決策點中的關鍵字比對,是比對整個關鍵字分類的內容。



1_新增關鍵字-5.png
建立完關鍵字的分類,還需要設定關鍵字以及對應的同義詞,請點選 新增關鍵字 來新增。



1_新增關鍵字-6.png
設定關鍵字名稱。



1_新增關鍵字-4-1.png
建立完關鍵字後,再來要編輯這個關鍵字的同意詞,同義詞可以多組詞彙或文字內容。



1_新增關鍵字-7-1.png
設定完同意詞,按下勾勾儲存。

註:以此為例,之後透過決策點判斷這一組關鍵字分類時,無論是輸入 管理人、 管理 或是 管管 都會判定符合關鍵字。



1_新增關鍵字-11.png
若我們在關鍵字分類中建立了許多關鍵字,當需要快速查詢關鍵字時,可以透過 搜尋關鍵字 快速的篩選出目標。

註:搜尋會同時比對關鍵字與同義詞相符合者。









平台功能介紹

篩選功能

教學篇

最初進入篩選功能的介面

點擊 建立第一個篩選條件

新增完成後將再右側看到可以建立篩選條件區塊

選擇您的篩選條件

條件選擇後可以使用預覽篩選結果來檢查是否正確篩選

確認後就可以儲存篩選條件

使用篩選功能 => 進入好友清單選擇您的篩選條件 => 按下確定即可

實戰篇

問題一:

篩選屬性
ex: 我要性別為 "男" 還要 電子信箱有資料 

篩選功能

 


問題二:

標籤篩選
ex: 我要選擇有 "喜歡吃甜食" 標籤 或著 有"喜歡吃鹹食" 標籤

篩選功能

平台功能介紹

圖文選單

 

圖文選單 可以提供給 LINE 的聊天機器人使用。

尺寸固定為 2 種尺寸,分別是 2500 * 16862500 * 843(單位px)。

選單上可以建立多組按鈕區塊,根據需求自行決定按鈕區塊的位置與尺寸,每個按鈕區塊可以設定不同的行為。

行為共有 3 種類型,分別是:文字、網址、回傳資料,當用戶點選按鈕區塊時就會觸發設定的行為。

 

介面

0_介面.png
初次進入圖文選單的畫面。



1_選擇機器人.png
先選擇圖文選單要建立的機器人。



2_新增圖文選單.png
選擇好機器人後,按下 新增圖文選單



3_圖文選單_設定名稱.png
進到建立選單的介面。



3_圖文選單_設定名稱.png
選單名稱是指在 GOSU BAR 後台中顯示的名稱,用戶並不會看到此名稱。

命名建議容易辨識好理解,將來若選單數量較多會比較好管理維護。



3_圖文選單_選擇尺寸.png
選擇選單的尺寸,僅有 2 種尺寸可以選擇,分別是 2500 * 1686 2500 * 843(單位px)。



4_圖文選單_設定選單提示文字.png
選單提示是指當用戶以手機使用機器人時,介面底部顯示的提示文字,適合的名稱有助於引導使用者使用選單。



5_圖文選單_設定選單是否預設展開.png
設定是否要 預設展開 選單,若勾選啟用,則使用者開起機器人時選單會自動展開顯示;反之,不會展開顯示。



6_圖文選單_上傳選單圖.png
根據需求自行上傳需要的圖片作為底圖,圖片尺寸要符合選擇的尺寸,且圖片檔案大小必須小於 1MB



座標2.png
按鈕區塊預設劃分成6等分,可以根據需求新增、刪減。

按鈕區塊的位置是以直角座標系進行設定,以上圖 2500 * 1686 (px)的尺寸為例,圖文選單左上角的座標為(0,0),右下角座標為(2500,1686),X軸向右,Y軸向下。

設定 按鈕區塊 的方法,除了直接透過座標計算位置來設定,也可以直接點選 按鈕區塊 拖拉調整位置跟尺寸。



7_圖文選單_設定按鈕區塊.png
以上圖為例,選單有兩個按鈕區塊。

區塊1 為文字,用戶點選後會幫用戶說一句話「GOSU BAR 真不錯!」。

區塊2 為網址,用戶點選後會開啟瀏覽器至 Google 搜尋 。



8_選單建立完成.png
選單建立完成就會顯示在圖文選單清單中。



9_選單建立副本.png
有時可能需要將圖文選單複製給其他機器人使用,或是想要複製副本修改內容另作他用,這時候可以按下建立副本。



10_選單建立副本-2.png
建立副本的介面,基本上與建立選單相同,差別在於多了機器人來源可以選擇,可以維持在原本的機器人建立副本,也可以建立副本給其他機器人使用。

 

 

 

 

 

 

創造你的聊天機器人

創造你的聊天機器人

建立 LINE@ 聊天機器人

我們將在 GOSU BAR 中透過 Messaging API 來製作 LINE@ 聊天機器人

首先我們需要先了解 LINE@ 方案

大致上分為主動發送訊息的 Push API 以及被動回覆訊息的 Reply API 兩種

line_api_type.png
 
Push API:

可隨時發送訊息給 LINE@ 的好友,會衍生出對應費用。

計算方式:

1. 針對一個好友發送一次訊息組,則為發送一次訊息

2. 針對一個群組或聊天室發送一次訊息組,若群組或聊天室成員數為 N,則為發送 N 次訊息

免費方案每月有 500 次額度
一個訊息組最多可以包含五則文字、圖片、卡片、海報等訊息

 
Reply API:

免費,當 LINE@ 收到好友主動詢問服務時,於 30 秒內有一次回覆訊息組的機會。

使用時機:與 LINE@ 好友、好友對 LINE@ 發送訊息、好友點擊訊息上的按鈕等
一個訊息組最多可以包含五則文字、圖片、卡片、海報等訊息

 

透過 GOSU BAR 一點都不複雜

透過 GOSU BAR ,你除了可以選擇是否啟用 Push API 之外

GOSU BAR 將自動以最佳的方式進行訊息傳送,也就是當可以使用免費 Reply API 時,GOSU BAR 將自動切換至 Reply API,否則才切換以 Push API 發送訊息

 

那麼接下來我們要開始建立 LINE@ 聊天機器人囉!

首先進入 GOSU BAR 機器人管理 

選定社群平台並點擊按鈕

 

 

按照教學進行五階段的操作


若你尚未使用過 LINE Developers,首次登入將會進到以下頁面進行資料填寫與信箱認證

 

以下為操作過程的參考畫面,畫面中填寫的資料為假資料,請自行填寫實際資料

 

設定 Webhook 時,最容易遇到的問題為 LINE Developers 後台的狀況

只要確定 Webhook URL 沒錯即可,當點擊 Verify 時出現   訊息則不須理會

同時重新整理頁面並確保 是啟用狀態

若重新整理後發現狀態變回關閉,請再點擊啟用並等待數秒後重新整理並檢查是否成功

此過程可能需要嘗試數次才成功

 

於 GOSU BAR 平台中建立聊天機器人成功,如下圖:

接下來我們將進行以下步驟來嘗試功能是否正常

1. 與 LINE@ 成為好友,並對 LINE@ 發送文字或貼圖,接著來到 GOSU BAR 1 : 1 私訊 頁面確認 GOSU BAR 是否正確收到訊息

   

完成以上操作無誤,代表訊息接收正常,若發現 1 : 1 私訊頁面中沒有收到訊息時,請先嘗試重新整理,若還是沒有收到訊息請檢查以下幾個設定:

2. 使用 1 : 1 私訊發送訊息並確認 LINE 是否收到透過 GOSU BAR 平台發送的訊息

 

 

 

 

 

 

 

 

完成以上操作無誤,代表訊息發送正常,若發現 LINE 沒有收到訊息時,請檢查以下設定:

 

完成以上操作後你就擁有 LINE@ 聊天機器人囉!

 

創造你的聊天機器人

建立 Facebook 聊天機器人

我們將在 GOSU BAR 透過 Messenger 平台 的 API 來建立 Facebook 粉絲專頁聊天機器人

首先我們要了解一下 Facebook 的平台政策與特性,Facebook 的推播政策除了訊息訂閱、訊息標籤、廣告等主動行為外,要遵守平台的 24 小時互動政策,也就是當使用者主動與粉絲專頁的 Messager 詢問服務時,粉專就有 24 小時的時間可以持續與使用者訊息來往,就聊天機器人場景而言,此政策相對於 LINE@ 的 Reply API 是靈活許多。

 

此外,Facebook 本身是一個具有擴散特性的平台,更可以透過以下幾種機制引發使用者與粉專進行互動:

透過 Customer Chat Plugin (beta) 讓使用者進入 Messager 對話

 

在初步介紹 Facebook 後,將帶大家來進行 GOSU BAR 平台上的粉絲專頁權限授權,授權 GOSU BAR 能夠透過 API 對粉絲專頁與 Messager 操作與處理。

 

首先進入 GOSU BAR 平台的機器人管理 

 

建立聊天機器人,平台選擇為 Facebook 並按下 『+ 開始新增機器人』按鈕,此時,若你沒有登入 Facebook,頁面會跳到

 

若已經登入則會直接跳到授權頁面

建議將全部粉絲專頁授權,以免既有已授權的粉絲專頁遭取消而無法使用。


Ed6Ds1xLhvk1iLTZzkJ-image-1576842857551.png

到這邊我們就擁有一個 Facebook 聊天機器人囉!





確認授權是否有效可以點到機器人的進階管理的『聊天機器人憑證設定』

如下圖,則代表授權有效中~

 

 

 

 

 

創造你的聊天機器人

LINE Login 設定教學

透過 LINE Login 的幫助,我能夠做到在網頁中知道,正在瀏覽網頁的使用者的 LINE 身份為何。

首先我們進到 GOSU BAR 機器人進階管理中的 LINE LOGIN 設定,可以點擊初次設定教學開始進行設定唷!

 

總共有四個階段

 

當你設定完成後,請注意確實將 LINE Login 從 Developing 

切換成 Published,當切換成功這個 LINE Login 回從只對管理者、開發者開放的狀態,變成對所有人都開放

此外需確認是否有把 Linked OA 對應到你的 LINE 官方帳號,這樣 LINE Login 時才有辦法直接引導使用者與 LINE 官方帳號成為好友

Callback URL 確實設定為:   https://api.gosu.bar/oauth/line/logged

 

GOSU BAR 安全性白名單設定

創造你的聊天機器人

Facebook Messager 選單設定

 

接下來要教大家怎麼做到選單設定,首先進到 Facebook 機器人的進階設定,點擊左下角功能選單按鈕

點擊後將會看到設定介面

緊接著我們開始進行選單的設定,選單中有三種項目可以新增,分別為,POSTBACK、連結、資料夾

POSTBACK 設定方式如下

 

設定完成後,就可以在 Messager 中看到結果囉~

 

 

那麼當使用者點擊了『功能導覽』後要怎麼接續服務流程呢?

請看以下流程範例:

 

那麼最後我們會達到這樣的結果

#GOSU BAR 進階 & 應用案例教學

#GOSU BAR 進階 & 應用案例教學

初中階教學頁網連結

#初階課程清單

  1. 實作教學工作坊|LINE 官方帳號入門篇: https://u.gosu.bar/manual/line
  2. 實作教學工作坊|Facebook 入門篇篇:http://bit.ly/2nk0czJ
  3. 功能介紹與教學基礎篇 2021:https://u.gosu.bar/ay_gosubar_intro

 

 

#中階課程清單

  1. 中階實戰課程教學手冊 https://bit.ly/2T9JL

#新手指南

新手教學

 有效率的學會 GOSU BAR 基本功能

▶30天內學會系列

從註冊開始一步步學會 GOSU BAR

  1. 30天內學會|歡迎敲敲線上技術支援
  2. 30天內學會|組織與帳號是什麼?
  3. 30天內學會|GOSU BAR 的標籤
  4. 30天內學會|屬性,跟標籤差在哪?
  5. 30天內學會|建立群發訊息
  6. 30天內學會|用篩選功能做精準行銷
  7. 30天內學會|建立 m.me 連結教學
  8. 30天內學會|如何觸發關鍵字
  9. 30天內學會|建立 LINE 官方帳號圖文選單
  10. 30天內學會|GOSU BAR 圖像編輯器介紹
  11. 30天內學會|GOSU BAR 圖像編輯器應用:建立海報與卡片
  12. 30天內學會|常見語法與延伸應用

▶ 進階應用

 夢想中的 Chatbot 應用都在這!

 難度用星等區分,挑戰用腦沒有極限

     

    #GOSU BAR 進階 & 應用案例教學

    進階教學網頁連結 & 應用案例

    #進階課程清單

      1. 程式篇:https://u.gosu.bar/manual_programming
      2. 圖像編輯器教學:https://u.gosu.bar/IEtutorial
      3. GOSU BAR 常用指令、函數與屬性: https://u.gosu.bar/gosufunction

    # 應用案例

    1. LIFF 帶參數轉對應網址: http://bit.ly/2ZvoTdK
    2. LINE Account Link 串接
      1. LINE Account Link 介紹:https://bit.ly/2U9VqVW
      2. LINE Account Linke X GOSU 說明文件:http://bit.ly/2nchSgU
      3. GOSU Sample Code:https://lihi1.com/zwQR6
    3. m.me使用教學:http://bit.ly/2BqrBDu
    4. Google Sheet 寫入資料範例 https://bit.ly/3wJu2vc
    5. 天氣 API 教學 https://hackmd.io/C6AN-JM1TWSMETv_BwePXg
    6. 透過流程編輯器或圖像編輯器產生 QR Code https://hackmd.io/@EJay/SyxzbwD0S
    #GOSU BAR 進階 & 應用案例教學

    GOSU 其他線上資源

    #其他線上資源

    1. 公司官網:https://www.anyong.com.tw
    2. GOSU BAR 後台:https://www.gosu.bar
    3. FB 粉絲專頁:https://u.gosu.bar/FBFP
    4. 創作者社團: https://u.gosu.bar/fbgroup
    5. LINE 官方帳號 - 案例應用  https://u.gosu.bar/LINEservice/line
    6. Medium 網路專欄: https://u.gosu.bar/gosubarmedium/line
    7. GOSU Book 圖書館 http://book.gosu.bar/

      流程編輯器節點介紹

      流程編輯器節點介紹

      起始點

      節點樣式

       

      使用情境

      用於各個事件最一開始的觸發節點

      節點介紹

      自訂事件(開放對外API)

      情境一 - 勾選動回應,用於透過 GOSU 發送訊息給使用者

      範例1: 勾選自動回應、不勾選檢查登入狀態,發送固定訊息給固定使用者

      預先了解事項:
      1. 進階功能開啟

      2. 啟用機器人

      3. 如何查詢使用者id
      GOSUBAR後台 > 左上方漢堡選單 > 好友清單 > 找到您需要發送的使用者id

      流程總覽圖

      起始點內容 ( /number1 )

      發送訊息內容(多個發送對象使用,逗號分隔)

       


      範例2: 勾選自動回應、勾選檢查登入狀態,發送固定訊息給觸發的使用者。

      預先了解事項:
      1. 進行 LINE Login 綁定
      GOSUBAR後台 > 左上角漢堡選單 > 設定 > 機器人管理 > 選擇您的機器人 > 初次設定 >照著流程即可完成設定

      2. 啟用機器人

      流程總覽圖

      起始點內容 ( /number2 )

      發送訊息內容


      範例3: 勾選自動回應、勾選檢查登入狀態,將額外資訊夾帶於 GET 中,將挾帶的資訊發送訊息給觸發的使用者。

      預先了解事項:

      1. 啟用機器人

      2. 如何資訊夾帶於 GET
      創建完成起始點(自訂事件) > 將資料帶於GET如下圖

       


      3. 進行 LINE Login 綁定
      GOSUBAR後台 > 左上角漢堡選單 > 設定 > 機器人管理 > 選擇您的機器人 > 初次設定 >照著流程即可完成設定

      流程總覽圖

      起始點內容 ( /number3 )

      發送訊息內容

      情境二 - 不勾選自動回應,用於讀取 GOSU 中的資訊

       範例4: 不勾選自動回應,讀取機器人屬性回傳給前端

      預先了解事項:
      1. 進階功能開啟

      2. 啟用機器人

      3. 進行 LINE Login 綁定
      GOSUBAR後台 > 左上角漢堡選單 > 設定 > 機器人管理 > 選擇您的機器人 > 初次設定 >照著流程即可完成設定

      流程總覽圖

      起始點內容 ( /number4 )

      讀取屬性節點

      回應請求


       範例5: 不勾選自動回應,勾選檢查登入狀態,回傳使用者資訊給前端。

      預先了解事項:
      1. 進階功能開啟

      2. 啟用機器人

      流程總覽圖

      起始點內容 ( /number5 )

      回應請求內容


      白名單網域說明

      白名單 意指特別容許某些來源進入。
      將值得信任的網域加到白名單中,他們就可以輕鬆避開各種系統和網路安全平台過濾器。

      註:新增至單一起始點,僅僅只有此起始點擁有此白名單

      若希望此網域都可以加入到白名單

      左上角漢堡選單 > 設定 > 機器人管理 > 選擇您希望添加網域的機器人


      加入好友、成為粉絲

      使用者成為好友、成為FB粉絲觸發此事件

      範例:招呼語以及給予圖文選單


      封鎖好友 (LINE 限定)

      使用者封鎖機器人時觸發此事件

      註:使用者觸發封鎖好友之後無法與使用者互動的操作,例如:發送訊息、收回圖文選單、....等等

      範例:封鎖時貼上標籤(用於判別封鎖的使用者)


      加入群組、聊天室 (LINE 限定)

      機器人加入群組、聊天室時會觸發此事件


      離開群組、聊天室 (LINE 限定)

      機器人離開群組、聊天室時會觸發此事件


      成功鏈結帳號 (LINE 限定)

      003 - LINE Account Link 串接

      1. 說明文件  http://bit.ly/2nchSgU
      2. Sample Codehttp://bit.ly/2pABeN

      Postback 事件(接收回傳的資訊)

      圖文選單創建時可選擇此選項

      文字內容:使用者點擊按鈕時會看到的內容
      回傳資料:後台資訊(使用者看不到)
      範例:


      接收到任意訊息

      任何訊息都會觸發此事件

      範例:系統更新公告


      接收到文字訊息

      接收文字會觸發此事件

      範例: 與使用者文字互動


      接收到圖片

      接收圖片會觸發此事件


      接收到影片

      接收影片會觸發此事件


      接收到聲音

      接收聲音檔會觸發此事件


      接收到位置資訊

      接收位置資訊會觸發此事件

      完整內容:https://lihi1.cc/1EN7j


      小編在粉絲專頁發文 (FaceBook 限定)

      小編在粉絲專頁發文時會觸發此事件


      小編編輯粉絲專頁的文章 (FaceBook 限定)

      小編編輯粉絲專頁的文章時會觸發此事件


      小編刪除粉絲專頁上的貼文 (FaceBook 限定)

      小編刪除粉絲專頁上的貼文會觸發此事件


      使用者在粉絲專頁發文 (FaceBook 限定)

      使用者在粉絲專業發文時會觸發此事件


      使用者編輯粉絲專頁上的貼文 (FaceBook 限定)

      使用者編輯粉絲專頁上的貼文時會觸發此事件


      使用者刪除粉絲專頁上的貼文 (FaceBook 限定)

      使用者刪除粉絲專頁上的貼文時會觸發此事件


      粉絲專頁收到讚 (FaceBook 限定)

      註:觸發時抓不到使用者資料 (from.profile)


      粉絲專頁的讚被收回 (FaceBook 限定)

      註:觸發時抓不到使用者資料 (from.profile)


      新增評論 (FaceBook 限定)


      刪除評論 (FaceBook 限定)


      使用者回應文章 (FaceBook 限定)

      註:以粉絲專業身分留言不會觸發此項目


      使用者刪除回應 (FaceBook 限定)


      使用者對某則貼文按讚或心情 (FaceBook 限定)

      使用者對某則貼文按讚或心情時觸發此事件


      使用者編輯某則貼文的按讚或心情 (FaceBook 限定)

      使用者編輯某則貼文的按讚或心情時觸發此事件


      使用者收回某則貼文的按讚或心情 (FaceBook 限定)

      使用者收回某則貼文的按讚或心情時觸發此事件


      群組有新成員 (LINE 限定)


      群組成員退出 (LINE 限定)


      當使用者使用優惠券 (LINE 限定)

      註:觸發此事件需先新增優惠券 ( 左上角漢堡選單 > 優惠券 )


      當使用者收到優惠券 (LINE 限定)

      註:觸發此事件需先新增優惠券 ( 左上角漢堡選單 > 優惠券 )


      m.me 連結 (FaceBook 限定)

      m_me教學.png


      成功兌換獎品

      使用此功能需要申請


      當訊息未被處理時

      常用於告知使用者此服務有什麼功能
      例如:當使用者隨意輸入一串文字沒觸發任何流程時,跳出功能表讓使用者查看。

      觸發方法

      當觸發流程編輯器的起始點後續流程都沒有碰到 "標示為已處理" 就會運行此功能

      流程編輯器節點介紹

      決策點

      節點樣式

      使用情境

      用於決策各式條件的節點,只要條件成立(true)就會往後續流程運作。

      節點介紹 - 條件名稱

      用於與其他共同開發者溝通時使用 (方便團隊溝通)

      節點介紹 - 條件類型

      文字比對

      文字完全符合才會進入後續流程

      關鍵字比對

      註:需先至關鍵字管理新增關鍵字,左上角漢堡選單 > 設定 > 關鍵字管理

      檢測標籤

      註:需先至標籤管理新增標籤,左上角漢堡選單 > 設定 > 標籤管理

      檢測屬性

      註:可以至屬性管理新增更多屬性,左上角 > 設定 > 屬性管理

      程式碼

      若程式碼執行結果為 true,執行後續流程

      篩選好友編號

      註:可至好友清單查看使用者id,如下圖


      編號若符合執行後續流程

      篩選好友類型

      篩選平台

      篩選機器人

      註:需先至機器人管理新增機器人,左上角漢堡選單 > 設定 > 機器人管理

      篩選 Facebook 文章

      使用須知
      1. 機器人管理新增Facebook機器人(左上角漢堡選單 > 設定 > 機器人管理)
      2. 粉絲專頁已有文章(若找不到,請點擊更新貼文)

      常用用於配合起始點(使用者回應文章 FB),來針對使用者回應哪一則文章,接續後續流程。

      比對 Facebook 文章 HashTag

      文章中若 HashTag 內容相同 若與判斷一致,執行後續流程。

      檢測是否可以兌換 (暫不開放)

      若需要此功能需申請,若您可以兌換(兌換活動可設置條件) 則執行後續流程

      語意分析

      若需要此功能需申請,與關鍵字雷˙同,但額外多了容錯率。

      其他情況

      註:若執行到必定觸發後續流程,都將此條件類型放置最後,如下圖。

      進階介紹 - 多選模式 與 擇一模式

      功能前置條件

      1. 進階模式需要開啟

      2. 決策點內,需要兩個條件以上

      擇一模式

      多選模式

      流程編輯器節點介紹

      發送訊息

      節點樣式

       

      文字

      將您輸入的文字內容呈現給使用者,可將程式化內容印出。

      圖片

      上傳圖片(可程式化)

      從範本中挑選(可程式化,可設定多個圖層)

      圖像編輯器 > 新增圖片

      卡片

      卡片可以進行疊加,一組卡片疊加上限10張
      卡片LINE最多4個按鈕,Facebook最多3個按鈕

      建立新卡片

      從範本中挑選

      海報

      建立新海報

      從範本中挑選

      聲音

      錄音

      上傳檔案

      影片

      錄影

      上傳檔案

      優惠券

       

      進階介紹 - 進階功能說明

      流程編輯器節點介紹

      設定屬性

      流程編輯器節點介紹

      讀取屬性

      流程編輯器節點介紹

      圖文選單

      流程編輯器節點介紹

      隨機

      流程編輯器節點介紹

      兌換

      節點樣式

       

      註:此功能為進階模式

      使用兌換節點功能預先完成工作

      1. 新增獎項
      2. 新增領取獎項條件

      新增獎項

      進入獎品管理 ( 左上角漢堡選單 > 獎品管理 )

      新增獎品

      建立序號

      新增領取獎項條件

      進入兌換活動 ( 左上角漢堡選單 > 兌換活動 )

      新增兌換活動

      新增兌換辦法

      兌換設定值

      範例: 
      1. 活動期間長達1個月
      2. 活動內每人只能參加一次
      3. 一週,只有週一至週五可領取

      註: 一個活動可以多種兌換辦法,例如: 每人可以抽一次,分享再額外多抽一次

      將設定完成點擊下方儲存即可

      將領取方式建立置流程編輯器

      進入左上角漢堡選單 > 流程編輯每日對

      流程範例圖

      起始點

      首先先拖曳出起始點設定為收到文字

      決策點 (文字判別)

      接著拖曳出決策點判別比對文字是否正確

      決策點(是否可以兌換)

      文字判別接著判別使用者是否已有兌換過獎品

      當進入可抽獎選項時,使用兌換節點

      兌換功能回傳值參考表 ( tmp.exchange )
      中獎 已領完獎品 條件不符合
      {
      "profileId": 345,
      "exchangeId": 358,
      "methodId": 429,
      "ticketId": 1024,
      "ticketCodeId": 815,
      "code": "布娃娃"
      }
      {
      "statusCode": 409,
      "message": "獎品已經被換完"
      }
      {
      "message": "條件不符合",
      "rules": [
      {
      "id": 26,
      "sunday": true,
      "monday": true,
      "tuesday": true,
      "wednesday": true,
      "thursday": false,
      "friday": false,
      "saturday": true,
      "result": false,
      "reason": "活動時間為 Sun、Mon、Tue、Wed、Thu、Fri、Sat"
      }
      ]
      }
      發送訊息

      中獎通知 : 您的獎項為:${(tmp.exchange.code || '未中獎')}

      系統繁忙請稍後

      已抽過獎