Line Liff 服務串接設定

LINE LIFE 綁定 可透過品牌LINE＠圖文選單，做會員綁定取得其LINE UID，作為後續分眾行銷、投放訊息之用。

只需3步驟：

步驟一：至 LINE Developers 建立 LINE LIFF

步驟二：完成此頁串接設定

步驟三：至 LINE Official Account 設定圖文選單

步驟一：至 LINE Developers 後台設定 LINE LIFF 資訊

創建提供者 Provider

1. 至 LINE Developers 後台，點選右上角 Log in，選擇「使用 LINE 帳號登入」，利用個人 LINE 帳號登入即可。

2.捲動至頁面下方，點選綠色按鈕 Create a new provider

3.　填入提供者名稱（Provider name）：『品牌名稱』，再點選左下綠色按鈕 Create，完成建立 Provider

創建 Channel

1.　創建 Provider 之後，就可以在左側選單的 Admin 項下，點選 Provider 的名字。

2.　點選左側 Create a LINE Login channel

3.　依指示填寫完各欄位後，點選左下綠色按鈕 Create，完成創建 Channel

  • Channel type：請選 Messaging API
  • Provider：使用上方建立的名稱
  • Company or owner's country or region：選擇您所在的國家(Taiwan)
  • Channel icon 建議使用品牌 LOGO
  • Channel name 建議使用『品牌名稱』 會員助手

❗注意！LOGO 與Channel name、Channel description將會顯示給顧客看到，建議使用品牌名稱與建議文案。

  • Category：選擇企業類型
  • Subcategory：選擇產品類型
  • Email address：填入客服信箱
  • Privacy policy URL：請填入品牌官網 隱私權政策 連結
  • Terms of use URL：請填入品牌官網 服務條款 連結

完成上述欄位填寫後，點選「 Issue 」，將會出現一段字串，保存後即可進入下一步驟。

創建 LINE LIFF

點選 Create，完成 Channel 建置後，系統會跳轉至「品牌名稱」會員助手的 Basic setting 頁面。

1. 於上方選單中，點選 LIFF 頁籤，再點選下方綠色按鈕 Add 創建 LINE LIFF。

2.　依指示填寫各欄位

  • LIFF app name：填入『品牌名稱』會員助手
  • Size：選擇 Tall
  • Endpoint URL：輸入 https://cube.datamana.app/line/
  • Scopes：勾選 profile、openid，chat_message.write不用勾選。
  • Bot link feature：選擇 On (Normal)
  • Options：不必啟用

填寫完畢後，點選右下角綠色按鈕 Add，成功新增 LIFF applications。

Scopes若有出現email 選項，品牌可自行決定是否索取。

3. 點選進入 剛新增的 LIFF applications。

  • Endpoint URL: 網址補上 LIFF ID https://cube.datamana.app/line/LIFF ID

Channel 權限設定

1. 點選 Roles 選單

2. 點選「Invite by email」

  • Emails：建議將 公司主管或負責人納入此管理權限中，並將 DataMana 負責窗口加入。
  • Role：主管或負責人、DataMana 窗口皆給予 Admin 權限。
DataMana 窗口僅作設定檢查，完成設定後，即可刪除。

最後記得將右上角 developing 切換為 publish，才能正式啟用唷！

步驟二：完成系統內 Line Liff 串接

1.請於 LIFF applications 複製 LIFF ID 字串

2. 登入系統，進入數據中心－資料串接設定，點選 LINE Liff 進入完成綁定。

綁定內容如下：

  • LIFF ID: 請貼上 LIFF ID 字串
  • Endpoint URL: 唯讀，無需輸入。
  • 將 Line Message API Token 輸入前面 Channel access token 產生的內容  
  • 綁定呼籲詞: 請輸入手機，在 Line 中領取會員限定好禮
  • 綁定按鈕文字：會員綁定
  • 綁定感謝詞：感謝您完成綁定，官網輸入#12345，現折xxx元！
  • 感謝按鈕文字：完成綁定

完成綁定後，LINE 會員綁定 畫面顯示範例如下

步驟三：至 LINE Official Account 後台設定 圖文選單 資訊

登入 LINE official account 後台，點選 左側的 聊天室相關中的 圖文選單。點選「建立」 開始設定。

若本身已有內建圖文選單，可直接編輯新增一區塊放入 會員綁定內容。

顯示設定

  • 標題：品牌名稱 會員專區
  • 使用期間：即日起～2030/12/31 （建議拉長時間，以免選單過期失效）
  • 選單列顯示文字：選單。
  • 預設顯示方式：隱藏。

內容設定

  1. 選擇版型：點選 選擇版型，建議可選擇 小型-三格 版型。

2. 上傳背景圖片：依據設計規範製作素材後，將圖片上傳。

❗ 素材製作，可參考 設計規範，下載尺寸範例製作，或參考LINE 官方說明製作素材。

A區塊動作設定

  • 類型：選擇連結
  • URL：請輸入 品牌官網連結
  • 動作標籤：前往官網

進入B 區塊 設定前，請至 LIFF applications 複製 LIFF URL 字串

B區塊 動作設定

  • 類型：選擇連結
  • 動作標籤：會員綁定

C區塊 動作設定

  • 類型：選擇 文字
  • 動作標籤：與我聯繫

點選「儲存」，即可完成圖文選單設定。

詳細操作步驟可見 官方 LINE 圖文選單操作說明

‍

完成上述三步驟綁定後，可進入LINE官方帳號，點選圖文選單，查看綁定內容。

點選圖文選單後，即顯示以下認證畫面。

點選許可後，進入會員綁定畫面。

恭喜完成全部綁定流程

.
‍