GTM教學|GA4教學

GTM基礎教學|名單型網站追蹤|Thankyou Page 填寫表單事件

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

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

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

設定GA4基底碼

名單型網站 追蹤Thankyou Page & 填寫表單

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

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

設定內建變數

名單型網站 追蹤Thankyou Page & 填寫表單

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

埋設GA4表單填寫事件

名單型網站 追蹤Thankyou Page & 填寫表單

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

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

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

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

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

情境1 – 條件設定Thankyoupage

名單型網站 追蹤Thankyou Page & 填寫表單

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

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

請參考範例圖。

情境2 – 自訂事件

名單型網站 追蹤Thankyou Page & 填寫表單

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

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

請參考範例圖。

完成設定

名單型網站 追蹤Thankyou Page & 填寫表單

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

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

error: