表單是轉換的最後一道關卡
你的廣告文案寫得很好，CTR 漂亮。Landing Page 設計得很棒，訪客一直往下滑。到了最後一步——填表單——然後他走了。
表單是整個廣告轉換漏斗的最後一關。廣告帶來流量、頁面負責說服、表單負責收割。前面所有的努力，都在這個環節決定能不能變成實際的轉換。
但多數人在設計表單的時候太隨意了。想到什麼就加什麼欄位，反正「多問一點資料也沒關係」。殊不知每多一個欄位，都在增加訪客放棄的機率，也在拉高你的 CPA。
根據 HubSpot 的統計，表單欄位從 4 個減少到 3 個，轉換率平均提升 50%。一個欄位就差 50%，這個數字夠嚇人了吧？
這篇會從表單設計的每一個細節來分析它怎麼影響你的廣告成本，以及怎麼正確設定轉換追蹤來量化這些影響。
欄位數量：少就是多
表單設計的第一原則很簡單：只問你真正需要的。
什麼叫「真正需要的」？就是如果沒有這個資訊，你就無法進行下一步動作的那些欄位。
如果你的表單目的是讓訪客預約電話諮詢，你需要的只有：姓名、電話、方便聯繫的時間。Email 需要嗎？第一次聯繫用電話就好了，Email 可以電話中再問。公司名稱需要嗎？電話中自我介紹就知道了。預算範圍需要嗎？電話中聊就好了。
每多問一個欄位，你就是在多設一道障礙。訪客的心理過程是這樣的：看到表單 → 數一下有幾個欄位 → 評估「值不值得花這個時間」→ 決定填或不填。欄位越多，「不值得」的判斷就越容易出現。
不同類型的轉換需要不同數量的欄位
B2C 的免費試用註冊：Email + 密碼就夠了，2 個欄位 B2B 的諮詢表單：姓名 + 公司 + Email + 電話 + 需求描述，5 個欄位是上限 電商的結帳表單：這個比較複雜，需要收件資訊和付款資訊，但可以用多步驟表單來拆解
有一個常見的誤解：「問越多資料，Lead 的品質越高。」這在理論上對，但實務上的代價是你損失了大量的潛在 Lead。與其在表單階段就篩選品質，不如先收集最基本的資訊，後續再由業務團隊做品質篩選。
欄位的排列和視覺設計
欄位的數量決定了「有多少人願意開始填」，而欄位的排列和視覺設計決定了「有多少人能夠填完」。
單欄排列 vs 雙欄排列
單欄排列（每個欄位佔一整行）的填寫完成率比雙欄排列高。因為單欄排列的視線移動是直線的——從上到下，不需要左右來回。雙欄排列雖然看起來比較緊湊、佔空間比較少，但使用者的視線需要在左右之間跳來跳去，認知負擔更高。
例外是「姓」和「名」這種天然成對的欄位，放在同一行是合理的。
標籤（Label）的位置
標籤放在欄位上方比放在欄位左邊好。放在上方的時候，標籤和欄位的距離很近，視覺上的關聯性很強。放在左邊的時候，如果表單很寬，標籤和欄位之間會有一大段空白，使用者要橫向掃視才能確認「這個欄位是要填什麼」。
不要用 Placeholder 取代標籤。Placeholder 在使用者開始輸入之後就消失了，如果他忘了這個欄位要填什麼，就得清空重來。
欄位大小要跟預期輸入長度匹配
電話欄位不需要跟地址欄位一樣寬。欄位的視覺大小會影響使用者的預期——看到一個很長的輸入框，使用者會覺得「是不是要填很長的東西」，心理壓力就大了。
必填和選填的標示
必填欄位用紅色星號 * 是行業標準，使用者看得懂。但如果你的表單只有必填欄位（應該如此），就不需要標星號——反正全部都要填。如果一定要有選填欄位，在選填欄位的標籤旁邊加「（選填）」文字。
即時驗證和錯誤處理
表單驗證是影響完成率的關鍵因素。
即時驗證 vs 提交後驗證
即時驗證是使用者離開一個欄位的時候就檢查是否正確。提交後驗證是使用者按了送出按鈕之後才一次顯示所有錯誤。
即時驗證的完成率高出 22%（來自 Baymard Institute 的研究）。原因很直覺：使用者填到第三個欄位發現第一個欄位有錯，他可以馬上修正。但如果是提交後驗證，他已經花了兩分鐘填完整張表單，按下送出，然後看到一堆紅色錯誤訊息——挫折感會讓很多人直接放棄。
錯誤訊息要具體
「此欄位有誤」是最爛的錯誤訊息。「請輸入有效的手機號碼（09 開頭，共 10 碼）」才是好的錯誤訊息。告訴使用者哪裡錯了、正確的格式是什麼。
成功狀態也要有回饋
使用者填完 Email 欄位，旁邊出現一個綠色勾勾。這個正向回饋可以鼓勵使用者繼續填下去——「我做對了，繼續填」的心理動力。
多步驟表單：長表單的救命稻草
如果你的表單真的需要很多欄位（比如保險報價、貸款申請），一次全部顯示會嚇跑訪客。這時候就要用多步驟表單。
多步驟表單的核心思路是：把長表單拆成 3-5 個步驟，每個步驟只有 2-3 個欄位。每個步驟都很簡單，使用者一步一步填完就到終點了。
設計多步驟表單的要點：
進度指示
頁面上方要有進度條或步驟標記，讓使用者知道「我現在在第幾步、還剩幾步」。不知道終點在哪裡的旅程會讓人焦慮。
先易後難
第一步放最簡單、最不敏感的欄位（姓名、Email）。最後一步才放比較敏感的欄位（電話、預算、需求細節）。使用者已經投入了前面幾步的時間，比較不會在最後一步放棄（這是「承諾一致性」心理效應）。
每一步都要有微 CTA
不是所有步驟都叫「下一步」。第一步可以叫「開始」，第二步可以叫「繼續」，最後一步叫「完成並取得報價」。讓使用者知道按下去之後會發生什麼。
多步驟表單比單步驟長表單的轉換率高出 86%，這是 Venture Harbour 的研究數據。幾乎翻倍了。
轉換追蹤：表單提交只是起點
表單設計做好了，接下來要確保每一次成功的表單提交都被正確追蹤。沒有追蹤，你就不知道哪個廣告活動帶來了這個 Lead，也就無法優化。
Google Ads 轉換追蹤的正確設定
最常見的方式是在「感謝頁面」（Thank You Page）上觸發轉換事件。使用者填完表單 → 頁面跳轉到 /thank-you → 這個頁面上的追蹤碼觸發一次轉換 → Google Ads 知道這個點擊帶來了一次轉換。
但有些表單提交後不會跳轉頁面，而是在原頁面顯示成功訊息。這時候就需要用「事件型轉換」——當表單成功提交的時候，透過 Google Tag Manager 發送一個自定義事件給 Google Ads。
不要追蹤錯誤的事件
有些人把「點擊送出按鈕」當成轉換事件。但點擊按鈕不等於表單成功提交——使用者可能點了之後看到驗證錯誤，根本沒有成功送出。正確的做法是追蹤「表單成功送出」的事件，不是「按鈕被點擊」的事件。
區分不同表單的轉換
如果你的網站有多種表單（諮詢表單、電子報訂閱、資料下載），每種表單要設定獨立的轉換事件。這樣你才知道哪個廣告活動帶來的是高價值的諮詢，哪個帶來的是低價值的電子報訂閱。
轉換價值的設定
如果每一次表單提交的商業價值不同（一個諮詢 Lead 的平均成交率是 10%、平均客單價是 50 萬，那一個 Lead 的價值就是 5 萬），在轉換設定裡面填上這個值。Google Ads 的智慧出價系統會根據這個值來優化你的廣告投放。
案例分析：一間 B2B 公司的表單優化之旅
一間提供企業 IT 服務的公司，網站上的諮詢表單有 9 個欄位：姓名、Email、電話、公司名稱、職稱、公司人數、預算範圍、需求類型、詳細需求描述。
每月的 Google Ads 預算 12 萬，帶來約 18 個表單提交，CPA 約 6,700 元。
他們做了三輪優化：
第一輪：把表單從 9 個欄位精簡到 5 個（姓名、Email、電話、公司名稱、需求類型）。刪掉了職稱、公司人數、預算範圍和詳細需求描述。這些資訊由業務在第一次電話中收集。
結果：表單提交從 18 個增加到 29 個，CPA 從 6,700 元降到 4,100 元。
第二輪：加了即時驗證，包括 Email 格式檢查和手機號碼格式檢查。錯誤訊息改成具體的說明文字。
結果：表單提交再增加到 33 個（多了 4 個——之前因為驗證問題放棄的人現在填完了），CPA 降到 3,600 元。
第三輪：修正了轉換追蹤。之前追蹤的是「點擊送出按鈕」，改成追蹤「表單成功提交」。同時為 GA4 設定了增強型轉換，提升了轉換歸因的準確度。
結果：實際可用的 Lead 數量沒有變，但 Google Ads 的智慧出價開始更精準地找到會轉換的受眾，一個月後 CPA 再降到 3,200 元。
三輪優化下來，CPA 從 6,700 元降到 3,200 元，降幅超過 50%。而他們花在優化上的成本幾乎為零——只是改了表單欄位和追蹤設定。
手機端表單的設計眉角
超過一半的廣告流量來自手機，手機端的表單設計有額外的考量。
用正確的 input type
Email 欄位用 type="email"，手機會自動出現 @ 符號的鍵盤。電話欄位用 type="tel"，手機會出現數字鍵盤。這個小細節可以讓使用者少切換幾次鍵盤，填寫體驗好很多。
按鈕要夠大
手指頭比滑鼠游標粗得多。按鈕的高度至少 48px，觸控區域不要跟其他可點擊元素靠太近，避免誤觸。
自動填入
善用瀏覽器的自動填入功能。正確命名欄位的 autocomplete 屬性，讓瀏覽器可以自動帶入使用者儲存的姓名、Email、電話。手機上打字很麻煩，能少打一個字就少打一個字。
不要用 CAPTCHA
手機上的 CAPTCHA（特別是要辨認扭曲文字的那種）是使用者體驗的災難。如果一定要做機器人防護，用 reCAPTCHA v3（在背景自動判斷，使用者完全感覺不到）或是隱藏的 Honeypot 欄位。
表單看起來是個小東西，但它直接影響你的廣告投資報酬率。少一個欄位、加一個即時驗證、改一行錯誤訊息——這些幾乎零成本的改動，可能就讓你的 CPA 降了一半。在花更多錢買流量之前，先把表單做好。如果你正在規劃新網站或改版，專業的網站設計服務可以從一開始就把表單和轉換追蹤架構做對。
