如何將 HTML 表單提交到 Google Sheets？

"我正在嘗試提交一個與 Google Sheets 整合的 HTML 表單資料"- Google Docs Editors Community

您用 Google Sheets 管理潛在客戶或待辦清單，希望網站上的表單能在那裡新增一列。HTML 表單本身無法寫入試算表。Google Forms 表單可以，而且免費，但它看起來就是 Google Forms 表單，還放在您頁面上的 iframe 裡。Google Apps Script 可以把您自己的 HTML 表單連到試算表，但程式碼就得由您自己寫、自己修。使用 Formfacade，您的 Google Forms 表單會以不用 iframe 的 HTML 表單顯示在網站上，而且可以把回應連結到 Google Sheets。

以下是把 HTML 表單的答案送到 Google Sheets 的三種方法，以及各自的不足之處。

Google Sheets 是管理潛在客戶或待辦清單最有彈性的資料庫。但要把資料收集到 Google Sheets，您可以用 Google Forms 這種簡單的方法，也可以用 Google Apps Script 建立 HTML 表單。

在這篇文章中，我們會看看三種把 HTML 表單提交到 Google Sheets 的方法。

方法 1：使用 Google Apps Script 建立網頁應用程式

好，現在您的目標是 Google Sheets。要連接 Google Sheets、和它溝通，最簡單的方法是用 Google Apps Script 自己寫表單。如果您具備良好的程式設計知識，就可以用 Google Apps Script 做到。如果您選擇這個方法，可以參考這篇文章，裡面有上述流程的逐步說明：https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms-b833952cc175

重點整理：您需要完成這 3 個步驟：

步驟 1：自己建立 HTML 表單，或從這裡的 Bootstrap 範例建立：https://getbootstrap.com/docs/4.3/components/forms/

步驟 2：建立一個以 POST 請求接收 HTML 表單回應的網頁應用程式

- 建立一份和表單欄位相符的試算表。

- 建立並設定 Google Apps Script。複製貼上一段現成的程式碼，讓表單每次成功提交時都新增一列。

- 授權 & 為 Google Sheets 設定新的 Apps Script 專案觸發條件，以偵測表單的提交。

- 將專案發布為網頁應用程式。發布後您會取得網頁應用程式的 URL，請保存好以供下一步使用。

步驟 3：將 HTML 表單連結到 Google Sheets。

把網頁應用程式的 URL 加到 HTML 表單中，再加上一段程式碼，將表單資料轉成 JSON 送到您的 Google Sheets。

現在，您的 HTML 表單應該可以把資料提交到 Google Sheets 了！

優點：

您可以依自己的需求自訂。

缺點：

如果遇到程式碼相關的問題，您必須自己維護和排除。即使是經驗豐富的開發者，也很難一次就讓 Apps Script 順利執行。

如果您不是開發者，可能需要一個簡單得多的方法。

方法 2：直接在網站上使用 Google Forms，並連結到 Google Sheets。

這是最簡單的做法。表單放在您的網站上，所以您有自己的連結可以分享給使用者。以下是把 Google Forms 表單嵌入網站的方法。如何把 Google Forms 嵌入網站？

優點：

您不需要是開發者。這是免費的，而且是目前最簡單的方法。

缺點：

Google Forms 表單的標準外觀並不專業。使用者看到沒有您品牌的表單時會怎麼想？連一個看起來專業的表單都拿不出來，他們還會相信您能提供很棒的產品或服務嗎？

這時就輪到 Formfacade 登場了！

方法 3：使用 Formfacade 把表單轉換成 HTML 表單

點選建立您的表單，為表單命名，點選 Build form，再點選 Proceed。
點選「Share」分頁

點選 Embed
選取「My website is different from above」，然後點選 NEXT
複製程式碼並貼到您的網頁中

點選「Responses」分頁，再點選 Google Sheets
點選 Link to Sheets，再點選 Proceed

優點：

即使您不是程式設計師，也能做出 HTML 表單。

您的表單會有專業的外觀，並融入您的網站。沒有 iframe，也不再有 Google 品牌標示。

缺點：

此方案在超過 100 筆回應時，每月 $8。

現在您有了這些選擇，可以看看哪一個最適合您，找出投入與效益最划算的方法。

摘要

如果網站表單必須把答案送到 Google Sheets，Apps Script 需要寫程式碼，而一般的 Google Forms 表單看起來又不像您的網站。使用 Formfacade，您只要把嵌入程式碼貼到網頁中，再把回應連結到 Google Sheets。建立您的表單，並完成上述步驟。如有任何問題，請聯絡支援團隊。