對於行銷公司、網站自架,通常會有一個頁面是,填寫完表單後,將連結導至「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自訂參數。
完成後,再點選右上角的發佈,寫好本次更新的事項即可送出。