外觀
整體流程總覽
這一章帶你看用戶在 LINE 手機版裡會經歷的所有畫面——從第一次點到你的報名連結,到直播結束後的重播。
用戶會怎麼進到系統?
通常來自其中一種情境:
- 你把報名連結放在 LINE 官方帳號的歡迎訊息或自動訊息流程裡,用戶點連結進來
- 你在銷售頁 / 落地頁放一顆「立即報名」按鈕,連到你的 LIFF 報名網址,桌機 / 手機都能直接走報名流程(詳見「銷售頁按鈕設定」)
- 你在廣告(Meta、Google)的落地頁放 LINE 加好友連結,用戶先加好友、再收到你丟出來的報名連結
- 老用戶從他手機 LINE 的「研討會」選單按鈕點進來
不管哪一種入口,用戶最後都會進到由 LINE 開啟的網頁(稱為 LIFF 頁面)。對用戶來說,感覺就是一個報名小網站,可以直接拿到他的 LINE 名字、頭像,不需要另外註冊。
問題:LIFF 是什麼?
LIFF 是 LINE 自家的技術,簡單講就是「把一個網頁放進 LINE 帳號的權限體系裡」。在手機 LINE App 內打開時不需登入;在桌機外部瀏覽器打開時,會引導用戶用 LINE 帳號登入授權一次,之後同一個瀏覽器就保持登入狀態。
手機 LINE App 內的流程(最常見)
使用情境:用戶點到你的 LINE 訊息,到看完重播
桌機外部瀏覽器的流程
當用戶在電腦上(不是手機 LINE 內)點到你的 LIFF 報名網址,例如從銷售頁的「立即報名」按鈕、Email 連結、Google 搜尋結果連過來,會經歷一段自動登入引導:
- 用戶點下按鈕,網頁打開即自動跳到 LINE 標準授權頁(畫面上會有 QR code 給手機 LINE 掃描、或可用桌機版 LINE 登入)
- 用戶完成登入後,跳到授權同意畫面(告訴用戶會分享名字 / 頭像給你的網站)
- 同意後,LINE 託管的「加入好友」中間頁出現一顆大大的「加入好友」按鈕
- 用戶按下加好友 → 自動成為你 LINE 官方帳號的好友
- 回到你的場次詳情頁,已登入 + 已加好友,可以直接按「繼續報名」
問題:「加入好友」中間頁是我自己刻的嗎?
不是,是 LINE 內建的功能。只要你在 LINE Developers Console 把 LIFF endpoint 的「Add friend option」設為 On (Aggressive),每次有未加好友的用戶走完登入流程,LINE 就會自動插入這個中間頁。沒設就會直接跳過。
問題:用戶已經是我的好友,會不會還是看到加好友頁?
不會。LINE 偵測到該用戶已加你的官方帳號為好友時,會自動略過這頁,直接跳回你的場次列表。所以已加好友的回訪用戶體驗依然是順暢的。
注意事項:測試時要用「未加好友」的帳號
如果你想在桌機上看到加好友按鈕,務必用一個還沒加過你官方帳號的 LINE 帳號測,否則 LINE 會略過這頁,你會以為功能沒生效。
用戶看得到的頁面
| 頁面 | 網址模式 | 什麼時候會打開 |
|---|---|---|
| 場次列表 | / | 你在官方帳號選單放「所有場次」連結時 |
| 場次詳情 | /session/:id | 最常見——用戶點任何報名連結 |
| 直播間 | /session/:id/live | 用戶進入實際觀看的畫面(YouTube / Meet / 預錄) |
| 內建直播系統的直播間 | /session/:id/live | 場次選擇「內建直播系統」時,學員端會看到的版本 |
| 我的報名 | /my | 用戶查看自己報名過的所有場次 |
跟後台的對應關係
你在後台做的每一個動作,對應到用戶端會是:
| 後台動作 | 用戶看到什麼 |
|---|---|
| 在「場次列表」新增一個場次、設為「已發佈」 | 場次列表頁會出現這場 |
| 在「報名紀錄」手動貼「VIP」標籤 | 用戶自己不會看到標籤,但可以用在自動訊息流程觸發 |
| 在「自動訊息流程」建一個報名後序列 | 用戶報名後,會在指定時間陸續收到 LINE 訊息 |
| 在「即時訊息」回覆 | 用戶在直播間的聊天區會立刻看到你的回覆 |
| 在「媒體庫」為影片加訊息稿 | 用戶看預錄影片時,會在指定秒數收到 LINE 訊息 |
問題:用戶需要先加我的 LINE 好友嗎?
強烈建議加。沒加好友的人雖然能在手機 LINE App 內以訪客身分報名,但會:
- 收不到任何 LINE 自動訊息(提醒、追播、自動化流程)
- 不能在我的報名頁自動帶出他報過的場次
桌機外部瀏覽器來的用戶,預設會走「自動登入 + 加好友」流程(前提:LIFF endpoint 的 Add friend option 設為 Aggressive),不需要額外設計。
問題:同一支手機能同時登入多個 LINE 帳號嗎?
不行。LIFF 頁面是跟著當前 LINE App 的帳號走的,同一支手機只能是那個人。如果你要幫親友報名,要在他自己的手機上操作。