GTM 中追蹤表單提交的 3 個常見選項
Posted: Tue Dec 03, 2024 10:00 am
讓我們面對現實吧，Google 追蹤程式碼管理器可能是個野獸。但對於廣告商來說，它也是一個強大的工具，尤其是當您無需開發人員的幫助即可完成任務時。
在這篇文章中，我們將介紹使用 Google 追蹤程式碼管理器追蹤表單提交的三種最常見（也是最簡單）的方法，具體來說：
GTM 表單提交追蹤器
感謝頁面追蹤
元素可見性觸發器
注意：本部落格將介紹建立觸發器的操作方法，並假設您已經知道如何根據您的情況建立標籤 -如果您還沒有設置，這裡有LinkedIn 追蹤指南。如果您需要更全面的從頭到尾指南，請查看Analytics Mania 的這篇文章。
新的號召性用語
您應該使用哪一種方法？
為了回答這個問題，我們希望透過概述您的選項和理想使用場景，讓您進行一次小型的選擇您自己的冒險。然後我們將深入解釋每個選項。
請記住，追蹤表單提交的方法比我們提到的方法要多，但為了方便使用，我們將堅持使用前三種最常見的方法。如果您遇到障礙（這很常見），您可能需要進行額外的研究，甚至根據您的情況進行跳出框框的思考。如果您仍然不確定要使用哪種方法，只需從表單提交觸發器開始，並使用反覆試驗來測試每種方法。
然而，大多數場景將遵循下表中的選項之一（同樣受到Analytics Mania的啟發）：
Jordan Digital Marketing 的 Google 標籤管理器表單追蹤流程。
根據您在資訊圖表上的位置，跳至最適合您的部分！
GTM 表單提交觸發器
表單提交觸發器的優缺點表。
這是嘗試追蹤表單提交的第一種方法。請記住，如果提交表單後預覽模式控制台中未發生「表單提交」事件，則在開發人員將事件推送到資料層的幫助下，這種追蹤方法將無法實現。
首先，您需要確保啟動所有正確的變數。轉到“變數”選項卡，然後按一下右上角的“配置”。確保檢查所有“表單”相關的內建變數。
表單選項。
接下來，使用下圖中反映的類似設定建立「表單提交」觸發器。 我們的想法是僅追蹤您感興趣的表單，因此如果您的表單具有唯一的 URL 參數，請在「頁面路徑」描述符中使用它。 確保正確儲存觸發器設定和名稱。
「頁面路徑」描述符中的唯一 URL 參數。
進入“預覽”模式。
預覽模式。
輸入相關表單所在的網站 URL：
螢幕右下角應顯示以下圖像：
Tag Assistant 已連接畫面。
提交測試表，查看左側控制台；您正在查看是否填入了「表單提交」事件。
查看是否填入「表單提交」事件。
點選表單提交。在「變數」標籤中，查看表單的變數以尋找表單特有的變數。通常，這將是表單 ID。如果沒有，表單類別可以工作，但表單 ID 更好。
查看表單的變數以找到該表單所特有的變數。
表單類別可以工作，但表單 ID 更好。
返回您建立的觸發器並更新它以包含您剛剛標識的表單 ID。再次儲存觸發器。
返回您建立的觸發器並更新它以包含您剛剛標識的表單 ID。
快完成了！
確保您的觸發器已綁定到標籤（即 Google Analytics、Google、Linkedin 等）。返回預覽模式並提交另一個測試表單。 「表單提交」事件應在您的控制台中彈出，並且您建立的標籤應位於「已解僱」下。您可以透過點擊控制台中的「表單提交」事件並檢查「已觸發的標籤」部分以確認其有效，來確定您的標籤是否已觸發。
標籤被解僱：表格提交 - GA。
「謝謝」頁面追蹤
感謝頁面追蹤的優缺點圖表。
這可能是追蹤表單提交的最簡單方法，如果在提交表單後載入 柬埔寨電話號碼數據 新視窗並在頁面 URL 中包含唯一字串（例如：/confirmation），則可以使用該方法。
網址列顯示
首先，提交表單，查看提交後的頁面 URL 中是否有獨特的「謝謝」或「成功」或「確認」。
建立「頁面視圖」觸發器並鏡像影像中的設置，但使用感謝頁面中的唯一 URL 參數。儲存觸發器。
建立「頁面視圖」觸發器並鏡像影像中的設置，但使用感謝頁面中的唯一 URL 參數。
將觸發器新增至您的程式碼並在預覽模式下測試表單提交，看看您的程式碼是否會觸發。
元素可見性觸發器
元素可見性觸發器的優缺點圖表。
當表單提交後確認螢幕上出現某種類型的「謝謝」訊息時，元素可見度會很有用。也可以使用其他類型的元素，但「謝謝」彈出視窗是表單提交中元素可見性觸發器最常見的用例之一。
首先，提交表格並確定您想要追蹤的成功訊息。右鍵單擊訊息文字並選擇“檢查”。
提交表格並確定您想要追蹤的成功訊息。右鍵單擊訊息文字並選擇“檢查”。
從這裡，您將在“元素”選項卡下看到突出顯示的文字。尋找“ID”或“班級”。您可以雙擊 ID 或類別並將其複製到 Elements 控制台中。在本例中，我們正在使用一個「類別」。
“元素”標籤下突出顯示的文字。
建立元素可見性觸發器。 在「選擇方法」下，您需要在 ID 和 CSS Selector 之間做出選擇。 ID 是首選，當您想要追蹤感謝訊息 ID 時使用。 在這種情況下，我們只有一個「類別」 （當使用「類別」時，您需要將選擇方法變更為「CSS選擇器」）。
使用“類別”時，您需要將選擇方法變更為“CSS 選擇器”。
輸入您複製到“元素選擇器”部分的“類別”。確保在開頭包含句點，否則將無法運作。
您還需要選中“觀察 DOM 更改”框；即使元素出現而用戶沒有在其上滾動（在折疊下方），這也允許觸發器觸發。
確保選取“每頁一次”旁邊的氣泡。這是為了防止多次歸因轉化。
您可以透過選取氣泡「某些可見性事件」而不是「所有可見性事件」來建立觸發器觸發的附加條件。
觸發器觸發的附加條件。
接下來，將元素可見性觸發器新增至您的標記並在預覽模式下進行測試。
包起來
恭喜！您已經了解了在 Google 追蹤程式碼管理員中追蹤表單提交的三種常見且相當簡單的方法。
如果您的程式碼在第一次嘗試時成功觸發，那就太棒了！這並不總是那麼簡單，也絕對不會總是像在公園裡散步一樣輕鬆。有時，您可能需要跳出框框思考。
好消息：GTM 是一個強大的工具，如果我在使用它時學到了一件事，那麼通常每種情況都有一個解決方案。您可能只是需要善於探索。
在這篇文章中，我們將介紹使用 Google 追蹤程式碼管理器追蹤表單提交的三種最常見（也是最簡單）的方法，具體來說：
GTM 表單提交追蹤器
感謝頁面追蹤
元素可見性觸發器
注意：本部落格將介紹建立觸發器的操作方法，並假設您已經知道如何根據您的情況建立標籤 -如果您還沒有設置，這裡有LinkedIn 追蹤指南。如果您需要更全面的從頭到尾指南，請查看Analytics Mania 的這篇文章。
新的號召性用語
您應該使用哪一種方法？
為了回答這個問題，我們希望透過概述您的選項和理想使用場景，讓您進行一次小型的選擇您自己的冒險。然後我們將深入解釋每個選項。
請記住，追蹤表單提交的方法比我們提到的方法要多，但為了方便使用，我們將堅持使用前三種最常見的方法。如果您遇到障礙（這很常見），您可能需要進行額外的研究，甚至根據您的情況進行跳出框框的思考。如果您仍然不確定要使用哪種方法，只需從表單提交觸發器開始，並使用反覆試驗來測試每種方法。
然而，大多數場景將遵循下表中的選項之一（同樣受到Analytics Mania的啟發）：
Jordan Digital Marketing 的 Google 標籤管理器表單追蹤流程。
根據您在資訊圖表上的位置，跳至最適合您的部分！
GTM 表單提交觸發器
表單提交觸發器的優缺點表。
這是嘗試追蹤表單提交的第一種方法。請記住，如果提交表單後預覽模式控制台中未發生「表單提交」事件，則在開發人員將事件推送到資料層的幫助下，這種追蹤方法將無法實現。
首先，您需要確保啟動所有正確的變數。轉到“變數”選項卡，然後按一下右上角的“配置”。確保檢查所有“表單”相關的內建變數。
表單選項。
接下來，使用下圖中反映的類似設定建立「表單提交」觸發器。 我們的想法是僅追蹤您感興趣的表單，因此如果您的表單具有唯一的 URL 參數，請在「頁面路徑」描述符中使用它。 確保正確儲存觸發器設定和名稱。
「頁面路徑」描述符中的唯一 URL 參數。
進入“預覽”模式。
預覽模式。
輸入相關表單所在的網站 URL：
螢幕右下角應顯示以下圖像：
Tag Assistant 已連接畫面。
提交測試表，查看左側控制台；您正在查看是否填入了「表單提交」事件。
查看是否填入「表單提交」事件。
點選表單提交。在「變數」標籤中，查看表單的變數以尋找表單特有的變數。通常，這將是表單 ID。如果沒有，表單類別可以工作，但表單 ID 更好。
查看表單的變數以找到該表單所特有的變數。
表單類別可以工作，但表單 ID 更好。
返回您建立的觸發器並更新它以包含您剛剛標識的表單 ID。再次儲存觸發器。
返回您建立的觸發器並更新它以包含您剛剛標識的表單 ID。
快完成了！
確保您的觸發器已綁定到標籤（即 Google Analytics、Google、Linkedin 等）。返回預覽模式並提交另一個測試表單。 「表單提交」事件應在您的控制台中彈出，並且您建立的標籤應位於「已解僱」下。您可以透過點擊控制台中的「表單提交」事件並檢查「已觸發的標籤」部分以確認其有效，來確定您的標籤是否已觸發。
標籤被解僱：表格提交 - GA。
「謝謝」頁面追蹤
感謝頁面追蹤的優缺點圖表。
這可能是追蹤表單提交的最簡單方法，如果在提交表單後載入 柬埔寨電話號碼數據 新視窗並在頁面 URL 中包含唯一字串（例如：/confirmation），則可以使用該方法。
網址列顯示
首先，提交表單，查看提交後的頁面 URL 中是否有獨特的「謝謝」或「成功」或「確認」。
建立「頁面視圖」觸發器並鏡像影像中的設置，但使用感謝頁面中的唯一 URL 參數。儲存觸發器。
建立「頁面視圖」觸發器並鏡像影像中的設置，但使用感謝頁面中的唯一 URL 參數。
將觸發器新增至您的程式碼並在預覽模式下測試表單提交，看看您的程式碼是否會觸發。
元素可見性觸發器
元素可見性觸發器的優缺點圖表。
當表單提交後確認螢幕上出現某種類型的「謝謝」訊息時，元素可見度會很有用。也可以使用其他類型的元素，但「謝謝」彈出視窗是表單提交中元素可見性觸發器最常見的用例之一。
首先，提交表格並確定您想要追蹤的成功訊息。右鍵單擊訊息文字並選擇“檢查”。
提交表格並確定您想要追蹤的成功訊息。右鍵單擊訊息文字並選擇“檢查”。
從這裡，您將在“元素”選項卡下看到突出顯示的文字。尋找“ID”或“班級”。您可以雙擊 ID 或類別並將其複製到 Elements 控制台中。在本例中，我們正在使用一個「類別」。
“元素”標籤下突出顯示的文字。
建立元素可見性觸發器。 在「選擇方法」下，您需要在 ID 和 CSS Selector 之間做出選擇。 ID 是首選，當您想要追蹤感謝訊息 ID 時使用。 在這種情況下，我們只有一個「類別」 （當使用「類別」時，您需要將選擇方法變更為「CSS選擇器」）。
使用“類別”時，您需要將選擇方法變更為“CSS 選擇器”。
輸入您複製到“元素選擇器”部分的“類別”。確保在開頭包含句點，否則將無法運作。
您還需要選中“觀察 DOM 更改”框；即使元素出現而用戶沒有在其上滾動（在折疊下方），這也允許觸發器觸發。
確保選取“每頁一次”旁邊的氣泡。這是為了防止多次歸因轉化。
您可以透過選取氣泡「某些可見性事件」而不是「所有可見性事件」來建立觸發器觸發的附加條件。
觸發器觸發的附加條件。
接下來，將元素可見性觸發器新增至您的標記並在預覽模式下進行測試。
包起來
恭喜！您已經了解了在 Google 追蹤程式碼管理員中追蹤表單提交的三種常見且相當簡單的方法。
如果您的程式碼在第一次嘗試時成功觸發，那就太棒了！這並不總是那麼簡單，也絕對不會總是像在公園裡散步一樣輕鬆。有時，您可能需要跳出框框思考。
好消息：GTM 是一個強大的工具，如果我在使用它時學到了一件事，那麼通常每種情況都有一個解決方案。您可能只是需要善於探索。