為什麼靜態網頁收不了資料？
你用 AI 做出來的網頁，是一個 靜態網頁。靜態的意思是：它只是一份文件，打開來看、點來點去都 OK，但它沒有辦法自己把東西「存起來」。
就像你印出來的報名表，客人可以填寫，但它自己不會把資料傳回給你——你還是要找個人去收。
靜態網頁就像一個漂亮的盒子，但沒有底部——東西放進去就掉出去了
要讓網頁能存資料，傳統的做法是加一個 「後端伺服器」——一台 24 小時開著的電腦，負責接收資料、存到資料庫裡。
架伺服器需要 IT 部門介入，涉及資安審核、伺服器維護費用、資料庫管理……光是要讓 IT 點頭就可能花掉好幾個禮拜。行銷部門自己根本推不動。
❌ 傳統後端方案
- 需要向 IT 申請伺服器
- 等資安審核（可能幾週）
- 需要工程師寫後端程式
- 有維護成本與費用
- 上線流程複雜
✅ 我們選的方案
- 用 Google 的伺服器當中繼
- 資料直接進 Google Sheets
- 行銷人員自己可以搞定
- 完全免費
- 今天就能上線
我們選的方案：把 Google 自家的工具當成你的「後端」。接下來就來認識這套組合。
認識這套組合：Sheets + GAS
我們要用到兩個東西，都是 Google 提供的免費服務：
Google Sheets（試算表）
就是 Google 版的 Excel。這裡是你的「資料庫」——每一筆報名資料都會自動新增一行進來，你打開來就能看到所有人的資料。
Google Apps Script（GAS）
這是 Google 提供的「自動化工具」。你不需要懂它怎麼運作，只要把 AI 給你的程式碼貼進去、設定好，它就會自動在有人送出表單時，把資料寫進 Sheets。把它想像成一個任勞任怨的小幫手。
Apps Script
Sheets
整條路都是 Google 的服務，穩定、免費、不需要自己架伺服器
Google Apps Script 免費版每天可以處理 6 萬次執行，對於活動報名、問卷蒐集這類需求完全足夠。一般行銷活動收幾百筆資料根本連零頭都用不到。
準備工作：帳號與試算表
在請 AI 寫程式之前，先把這兩樣東西準備好。
準備一個 Google 帳號
建議用公司或活動專用帳號，不要用私人帳號收業務資料，比較乾淨也比較安全。
✓ 做完確認：可以登入 Google建立一份 Google Sheets
打開 sheets.google.com，新建一個空白試算表，在第一行設定欄位標題：
例如：姓名 ｜ 手機 ｜ Email ｜ 收件地址 ｜ 送出時間
複製試算表的 ID
看一下瀏覽器網址列，長這樣：https://docs.google.com/spreadsheets/d/這一段就是ID/edit
把中間那段複製起來，等一下 AI 會需要用到。
這次實作測試直接用現有帳號完全 OK！只要記得活動結束後把測試資料清掉就好（第 7 章會教你）。
怎麼跟 GPT 說才能拿到對的程式碼？
這是最關鍵的一步。你需要跟 AI 要兩樣東西：一段 GAS 程式碼（放到 Google 上），還有一個 HTML 表單頁面（你的網頁）。
下面這段 Prompt 可以直接複製給 GPT 用，記得把 紅色標示的地方 換成你自己的內容：
因為 GAS 的 Web App URL 要先部署才會有，你沒辦法在問 HTML 的時候就把 URL 填進去。所以先拿 GAS 程式碼 → 部署 → 拿到 URL → 再告訴 GPT 填進 HTML 裡。
兩步走：GAS 部署 → HTML 完成
- 打開 script.google.com 登入你的 Google 帳號，點「新增專案」
- 貼上 AI 給你的程式碼 把 GPT 給的 GAS 程式碼全選貼進去，覆蓋原本的空白內容
- 點「部署」→「新增部署作業」 類型選「網頁應用程式」
- 存取權限設定「所有人」 這樣訪客送出表單時才能成功傳資料過來
- 點「部署」，複製 Web App URL 這串網址很長，完整複製起來備用
- 回到 GPT 對話 告訴 GPT：「GAS 已部署完成，Web App URL 是：[貼上你的 URL]，請把 URL 填進 HTML 裡」
- GPT 會給你最終版 HTML 把完整的 HTML 程式碼複製下來
- 存成 .html 檔案 在電腦上任意位置新建一個文字檔，貼上程式碼，存檔時把副檔名改成 .html
- 用瀏覽器打開 雙擊那個 .html 檔案，就能在瀏覽器看到你的表單頁面了
本地測試：不用上架就能驗證
很多人以為網頁一定要上傳到 GitHub 或伺服器才能測試。其實 不用。表單送出的功能只需要有網路，在你電腦上直接開 HTML 檔案就能正常運作。
-
在電腦上雙擊打開 .html 檔案
瀏覽器網址列會顯示file:///Users/你的名字/...，這是正常的 -
填寫一筆測試資料送出
用假的資料測試，例如姓名填「測試001」，這樣等一下在 Sheets 看到就知道是測試資料 -
確認頁面出現成功訊息
網頁應該會顯示「感謝您的報名」或類似的提示 -
去 Google Sheets 確認資料有進來
打開你的試算表，應該可以看到剛才填的那筆資料出現在第二行
接下來就可以把 HTML 檔案交給負責上架的人（或是直接丟到 GitHub Pages），功能完全一樣。
實作結束後：清除收尾
測試完成或活動結束後，記得做這幾件事，保持帳號整潔，也避免個資外洩風險。
清除 Google Sheets 裡的測試資料
打開試算表，選取所有測試用的資料行，右鍵 → 刪除列。保留標題行就好。
關閉 GAS 的 Web App 部署
打開 script.google.com → 找到你的專案 → 部署 → 管理部署作業 → 封存或刪除。關掉之後那個 URL 就失效了，別人就算拿到也沒用。
活動真實資料的處理
活動結束後，和公司確認這些客戶資料要保留多久、由誰管理，依照台灣個資法的規定處理，不需要的資料要刪除。
根據台灣個資法，蒐集個人資料要告知用途。請 AI 在表單下方加一行小字，例如：「本活動蒐集之個人資料僅供本次體驗活動使用，不對外提供第三方。」
出問題了？這樣問 GPT Debug
最常見的狀況是填表送出後，資料沒有進 Sheets。遇到這種情況，不要慌，直接把狀況描述給 GPT 就好。
1. 請確認你的 Sheets ID 有沒有貼對……
2. 部署的時候有沒有點到「更新」而不是重新部署……
3. 可以打開瀏覽器的開發者工具，按 F12，點「Console」，告訴我紅色錯誤訊息寫什麼……
① 你做了什麼（照哪些步驟操作）
② 你看到什麼（網頁顯示什麼訊息）
③ Console 的錯誤訊息（按 F12 → Console 標籤，截圖或複製紅色文字）
有這三樣，GPT 幾乎都能幫你找出問題。