大家在用 Google 表單做活動報名、團購或是問卷調查時,是不是常遇到一個困擾:Google 表單產生的網址都是一長串的亂碼?
為什麼要這樣做?
網址更好看:你可以自訂網址(例如:yourname.neocities.org/buy.html),比 forms.gle/xyz... 更有辨識度。 提升信任感:網頁標題可以自訂,不會只顯示 Google 表單的預設標題。 完全免費:利用免費的網頁託管服務即可達成。
準備工作
你已經建立好的 Google 表單。 註冊一個免費的網頁空間帳號(本篇示範 NekoWeb 與 Neocities)。
步驟一:取得 Google 表單嵌入碼
開啟你的 Google 表單。 點擊右上角的 「傳送」 按鈕。 選擇 「< >」 (嵌入 HTML) 的圖示。 這裡可以設定寬度和高度(通常維持預設即可),點擊 「複製」。

步驟二:建立網頁檔案 (以 Neocities 為例)
登入 Neocities 後,點擊 「Edit Site」 進入管理介面。 點擊 「New File」 建立新檔案。 命名檔案:這將會是你網址的一部分。 例如命名為 20251130.html 或 groupbuy.html。 注意:副檔名一定要是 。
建立後,在檔案列表找到該檔案,點擊 「Edit」 進入編輯模式。
步驟三:貼上程式碼與修改標題
修改網頁標題 (: 找到 <title>...</title> 標籤,將中間的文字改成你的活動名稱(例如:「具林香純滴雞精」)。這樣使用者在瀏覽器分頁上就會看到正確的名稱。 貼上表單嵌入碼: 將步驟一複製的 <iframe>...</iframe> 程式碼,貼在 <body> 和 </body> 之間。
步驟四:讓表單「置中」顯示 (關鍵步驟!)
步驟五:預覽與分享
儲存後,點擊 「View」 查看網頁。 你會發現表單已經完美置中,且網頁標題也是你自訂的名稱了!
Neocities 範例: 網頁檔案:group_buy.html 完整網址:https://你的帳號.neocities.org/group_buy.html 優點:Neocities 支援省略副檔名,使用者輸入 https://你的帳號.neocities.org/group_buy 也能連得上,網址更短更漂亮。
NekoWeb 範例: NekoWeb 通常需要完整的 .html 結尾才能正確讀取,例如:https://你的帳號.nekoweb.org/group_buy.html。如果不打副檔名可能會出現 404 錯誤。
總結
若要讓嵌入的內容置中,記得加上:style="display:block; margin:0 auto;"
沒有留言:
張貼留言
注意:只有此網誌的成員可以留言。