GTM教學|名單型網站追蹤｜Thankyou Page & 表單事件

對於行銷公司、網站自架，通常會有一個頁面是，填寫完表單後，將連結導至「Thankyou Page」，或是網站發送一個自訂事件，例如「form start」。

這一篇想要透過範例網站介紹，如果是行銷公司、其他蒐集名單的網站，該如何成功建立一個表單填寫的事件。如果是想看其他網站選單的追蹤，可以參考這一篇「GTM基礎教學｜設定GA4自訂事件｜GA4事件漏斗製作」

本篇預設讀者已經有基本的GTM建置基礎，如果你還沒有，可以回去看我之前寫的文章「目前GTM文章已經累積近30篇」，學習GTM更完整、執行的時間也會更有效率！

章節內容

設定GA4基底碼

待會埋設「表單追蹤事件時」，要先設定GA4與GTM的連接。

如果還沒有完成，可以回去看這一篇「如何使用GTM串接GA4無痛搬遷 」。

GTM首頁左邊的選單列，點選「變數」。並在內建變數中點選設定。找到「表單」可以將全部開啟，也可以開啟用得到的變數即可。

點選GTM首頁左邊的代碼，可以直接參考我的範例圖。

設定代碼，會回到關於步驟1【設定GA4基底碼】，將基底碼填入「設定代碼」中即可。

所以如果你之前就有設定好，這邊就可以直接點選，你設定的GA4資源。

事件名稱輸入「generate_lead」或是「form_complete」或是任何容易辨識的事件名稱。

以下教學將視網站不同，有兩種不同的條件設定。
依照官網的流程不同，而選擇不同的步驟。

當使用者填寫完表單時，頁面跳轉到「ThankyouPage」，並且計算一次事件。

設定條件：
選擇「網頁瀏覽 – DOM就緒」，部分的DOM，並且選擇PAGE URL包含「thankyou」。

請參考範例圖。

當使用者填寫完表單時，頁面不會跳轉，GTM會收到一個「formstart」自訂事件。

設定條件：
選擇「自訂事件」，事件名稱為「formstart」，再選擇所有自訂事件。

請參考範例圖。

事件底下的參數，可以依照各個公司需求，並自己額外做設定，再用GA4自訂參數。

完成後，再點選右上角的發佈，寫好本次更新的事項即可送出。