LINE官方帳號互動設計:免費打造抽籤功能

更新於 發佈於 閱讀時間約 4 分鐘

因為現在炸蝦狗狗的官方LINE呈現一個很無聊的狀態,有貼圖的連結,也可以領桌布,但這樣還是覺得不夠。加入一大堆圖文創作家的官方LINE,瘋狂瀏覽他們都在幹麻,才想起必須回到最根本,社群就是「要互動」。

所以做了一個很特別的互動設計,粉絲只要在 LINE 官方帳號上點擊圖文選單,就能抽出一張隨機的插畫,像是每日一句解答的驚喜。

這篇文章,就想紀錄一下這個過程,怎麼一步步把一個看似複雜的串接想法,變成粉絲可以實際體驗到的互動。

修改後的選單(左)隨機抽的圖(右2張)

修改後的選單(左)隨機抽的圖(右2張)

把圖文選單玩得更有趣

本來的 LINE 圖文選單,放的都是一些基本連結,例如貼圖商店、桌布下載、合作商品等等。但我一直覺得,能不能讓它更「有參與感」?於是有了這個想法:

點下去 → 跳出一段提示文字 → 再送出一張隨機圖片。

就像「抽籤」一樣,讓粉絲能得到類似解答之書的一小段話,圖加文既能維持炸狗的風格,社畜這個主軸也不會偏。

工具組合:Google Sheet + GitHub Pages + LINE Messaging API

確定好大概的方向,就開始執行!要完成這件事,需要把圖片放到一個大家都能穩定存取的地方,於是我選擇了 GitHub Pages 來託管圖片。每張圖都有專屬的網址,方便呼叫。(當然是ChatGPT的建議,原先是存放在Google Drive,但經過第一輪執行測試,發現電腦版的LINE,沒辦法顯示抽出的圖。)

再來,我用 Google Sheet 當作後台資料庫,紀錄圖片連結、檔名和文字。

raw-image

最後,利用 LINE Messaging API 搭配 Google Apps Script,讓 LINE Bot 能隨機從表單抓取圖片,並回覆給粉絲。

整個流程:

  1. 粉絲點選單 → 發送一段固定文字(提示訊息直接觸發Apps Script設定的關鍵詞)。
  2. LINE Bot 收到訊息 → Apps Script 抓取 Google Sheet → 隨機抽圖。
  3. Bot 回覆兩段訊息: 第一段是文字提示(例如「只能幫到這了」)。 第二段是隨機抽到的插畫。

粉絲這兩天的反應:

raw-image

現在粉絲在圖文選單上,點選「炸狗的解答之言」,畫面會先跳出一段話:

「請給炸狗3秒…正在挑選適合你的解答」

雖然這段話是在粉絲方出現,有點怪,但產圖需要3秒的時間,我想目前為止這設定應該是最適合的。接著 Bot 就會再回覆一句:

「只能幫到這了」

並隨機送出一張插畫,每天都像抽一支籤,帶點小驚喜和幽默。

免費有免費的做法

整個過程看似繁瑣,但其實是把三個簡單的工具(Google Sheet、GitHub Pages、LINE API)串在一起。過程中不斷 Debug,也是一種「對話」:和程式、和工具、甚至和粉絲的期待之間的對話。

最後看到炸蝦狗狗能真的在 LINE 上陪伴粉絲、每天送出一點幽默解答,覺得很值得。這就是我喜歡的互動設計!接下來我只要繼續的產圖,不斷地丟圖進GitHub,久了資料庫越來越大,大家抽的圖重複性就會降低許多!免費有免費的做法,現在官方LINE還真的沒辦法每個月花七、八百元去買帳號。

一直想做關於紀錄炸蝦狗狗的事情,終於拖到今天,把事情給記錄下來了。感謝您的閱讀。



留言
avatar-img
留言分享你的想法!
avatar-img
炸蝦狗狗
0會員
1內容數
HI!我是台灣原住民第17族:上班族。
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
感謝最近支持訂閱 越來越有繼續創作分享的動力! line 裡可以直接交留 歡迎加入! 記得要方格子名稱一樣比較好喔! 我比較好對名單 感恩 兩個群組
Thumbnail
感謝最近支持訂閱 越來越有繼續創作分享的動力! line 裡可以直接交留 歡迎加入! 記得要方格子名稱一樣比較好喔! 我比較好對名單 感恩 兩個群組
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
自從推出沙龍服務以來,會員與創作者之間的互動方式變得更加多元,包含:加入沙龍、按愛心表示喜歡、留言回覆、提及、追蹤、付費支持……等等。隨著格友間的互動愈趨熱絡,小鈴鐺通知的數量也逐漸增多,為了方便格友們更方便查看小鈴鐺通知、設定欲收到的通知,本次的改版全面翻新了通知設定!本次究竟有哪些更動呢?讓格編
Thumbnail
自從推出沙龍服務以來,會員與創作者之間的互動方式變得更加多元,包含:加入沙龍、按愛心表示喜歡、留言回覆、提及、追蹤、付費支持……等等。隨著格友間的互動愈趨熱絡,小鈴鐺通知的數量也逐漸增多,為了方便格友們更方便查看小鈴鐺通知、設定欲收到的通知,本次的改版全面翻新了通知設定!本次究竟有哪些更動呢?讓格編
Thumbnail
常常在看Fb時,看朋友的ai繪圖,都想試試看效果,都用使用手機版的bing產生圖很方便,突然發現手機的右下方有應用內有很多功能如下圖 其中對於Explore Ai好奇是什麼功能 我選擇動畫虛擬人偶,bing內建提示詞,你可依據提示詞加以調整,而我好奇這簡單的提示詞會創造出什麼效果。 結果b
Thumbnail
常常在看Fb時,看朋友的ai繪圖,都想試試看效果,都用使用手機版的bing產生圖很方便,突然發現手機的右下方有應用內有很多功能如下圖 其中對於Explore Ai好奇是什麼功能 我選擇動畫虛擬人偶,bing內建提示詞,你可依據提示詞加以調整,而我好奇這簡單的提示詞會創造出什麼效果。 結果b
Thumbnail
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
Thumbnail
首先感謝大家加入創作邦會員,很開心能在這裡見到大家,這篇內容是提供給新加入朋友的介紹,讓大家可以了解訂閱會員有哪些福利及沙龍的介紹。 對於內容有任何問題或是有想要許願的內容也歡迎留言告訴我~
Thumbnail
LINE 在台灣有許多人使用,是一天裡開啟次數最多的APP,是生活中最重要的社群平台。 但很多人不知道LINE官方有個免費推播訊息的服務LINE Notify
Thumbnail
LINE 在台灣有許多人使用,是一天裡開啟次數最多的APP,是生活中最重要的社群平台。 但很多人不知道LINE官方有個免費推播訊息的服務LINE Notify
Thumbnail
在FB看到很多朋友分享用Ai生圖在後製上文字,去背之後就上架line貼圖,看起來似乎很簡單。 提供貼圖尺寸 過年期間就運用自己做的line bot 的生圖官方帳號 https://lin.ee/l1Nq8EB 運用自然語言描述生圖,先試試8個,測試上架,很快隔天就通知通過。 [可愛小犬
Thumbnail
在FB看到很多朋友分享用Ai生圖在後製上文字,去背之後就上架line貼圖,看起來似乎很簡單。 提供貼圖尺寸 過年期間就運用自己做的line bot 的生圖官方帳號 https://lin.ee/l1Nq8EB 運用自然語言描述生圖,先試試8個,測試上架,很快隔天就通知通過。 [可愛小犬
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News