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

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

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

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

設定GA4基底碼

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

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

設定內建變數

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

埋設GA4表單填寫事件

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

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

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

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

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

情境1 - 條件設定Thankyoupage

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

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

情境2 – 自訂事件

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

設定條件： 選擇「自訂事件」，事件名稱為「formstart」，再選擇所有自訂事件。 ​ 請參考範例圖。

完成設定

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

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