前陣子發佈了「使用 Google 表單取代 Blogger 聯絡表單」之後，最近接到一個需求：「希望當訪客填寫完 GoogleForm 後，點 "提交" 的按鈕，可以連結到另一個 Thank You Page 的感謝網誌，我會在感謝網誌裡放入轉換追蹤的CODE，用來統計轉換數」。要做到這件事，最關鍵的是按下「提交」按鈕後，能否將網址跳轉到指定頁面。
其實為了維持網站的版面風格一致，就算不是為了這個案例的狀況，多數站長也會希望提交表單後，能跳到指定的、特別製作的感謝頁面，那麼以下就來看看怎麼進行。
(圖片出處: pixabay.com)
一、移植 Google 表單
首先按照「使用 Google 表單取代 Blogger 聯絡表單」的流程，從 Google 表單的原始碼中，擷取指示的 HTML 碼，移植到自己網頁的指定位置。
如果熟悉 CSS，可改成符合網頁風格的版面配置。
在進行下一步之前，務必先測試這個移植過的表單能否正常運作，確定自己能否收到填表後 Email 通知。
二、跳轉網址
這部分的原理是參照這個網頁「Google Docs Form redirect after submission」，不過我刪除了比較累贅的部分。
步驟 1：
接著修改移植過的 Google 表單程式碼，第一行應該是長得像這樣：
<form ... target="_self" ...>請將紅色字串
步驟 2：
然後在第一行
<iframe name="hidden_iframe" id="hidden_iframe" style="display: none;" onload="this.onload=function(){window.location='填入指定網址'}"></iframe>請將綠色字串改為你要跳轉的網址即可。
三、自訂感謝頁面
也許你會想要在 Blogger 新增一篇文章當作感謝頁面，不過感謝頁面若是有側邊欄，可能看起來不夠簡潔。
想要專業一點的版面，或許這個頁面能去除側邊欄、或把文章區塊的寬度放到最大，是不錯的選擇。
那麼可以參考這篇「讓 Blogger 有快速載入的展示頁面」，另外也可參考「讓 Blogger 文章頁面以最大寬度呈現(隱藏側邊欄)」，看讀者喜歡哪種方式了。
相關文章：
期待新版的google表單也能使用這方法
回覆刪除