如何用 GTM 抓取表單中選項的「值」？（例：下拉選單、勾選框）

我們在過去的文章中，曾經提到了 許多追蹤「表單提交」事件的方法，不管是透過 GTM 內建的 「表單提交」觸發條件、用 Ajax 監聽器（Ajax Listener）或是 工程師協助的「資料層事件」 ，都可以幫助我們追蹤表單是否成功提交，並且將結果傳送到 GA4 當中。

但如果我們還想要進一步知道使用者提交的內容，並且將表單中特定欄位或是選項的「 值」傳送給 GA4，以便我們使用 GA4 的「 目標對象 」功能做進一步的受眾設定呢？

例如：針對活動參加意願的調查表單中，勾選「 尚不確定」的使用者，投遞廣告或是搭配 User ID 發送可以提升其參加意願的誘因？

接下來的文章中，我們將會帶你結合多種技巧，用 GTM 抓取表單中如：打勾選單、單選按鈕 Radio Button 或是下拉選單中的「 值」，會需要用到一點點 Javascript 以及「 CSS 選取器 」的技巧，如果以上這些都不懂沒關係，照著接下來的內容操作，一樣可以幫助你完成任務。

如果趕時間，想要盡快完成設定，可以直接跳到 這段 。

延伸閱讀 》 如何使用 GTM 的「CSS 選取器」(CSS Selectors)？

本篇重點

📍 找到表單選項的 HTML 結構

📍 測試 Javascript 代碼是否正常運作？

📍 建立「 自訂 javascript 」變數

ㅤㅤ↘「預覽模式」測試變數

📍「勾選框」形式的「值」也可以抓取嗎？

📍 下拉式選單的「值」該如何抓取？

📍 抓取「複選」表單的「值」

📍 我可以用「自動事件變數」嗎？

📍 總結一下

找到表單選項的 HTML 結構

假設表單欄位為「 單選按鈕 （Radio Button）」 的形式，該欄位有 3 個選項（如下圖），我們希望抓取選項中的「 值」，將其隨著「 表單提交 」事件一起傳送給 GA4。