GTM上對Gravity Forms做表單跟蹤(GA4)

Google Analytics Haran 1年前 (2023-02-07) 575次瀏覽 0條留言

這一篇介紹如何在GTM上對Gravity Forms表單跟蹤

假設我現在要追蹤 https://www.gravityforms.com/open-support-ticket/general/ 上的Submit按鈕。

GTM上對Gravity Forms做表單跟蹤(GA4)

實現方式

Gravity Forms有API支持,當成功提交訂單的時候會觸發gform_confirmation_loaded,可以利用它去發送事件,如:

<script>
jQuery(document).ready( function() {
jQuery(document).bind('gform_confirmation_loaded', function(event, formId){
	window.dataLayer.push({
            'event' : 'gravityFormSubmission',
            'gfformID' : formId		
	});
});
	})
</script>

 

設定過程

添加Gravity Forms代碼

GTM中點擊代碼」—「新增」—「請選擇代碼類型以開始設定…」——「自訂HTML」,命名為“cHTML – Gravity Forms Listener”,然後做如下設定:

GTM上對Gravity Forms做表單跟蹤(GA4)

變數

從代碼裡,可以知道變數是gfformID

GTM中點擊「變數」——「新增」——「請選擇變數類型以開始設定…」——「資料層變數」,命名為 “formID”, 然後做如下設定:

GTM上對Gravity Forms做表單跟蹤(GA4)

 

觸發器

從代碼裡,可以知道event是gravityFormSubmission

GTM中點擊「觸發條件」—「新增」—「選擇一個觸發條件類型以開始設定」——「自訂事件」,命名為“Custom Event(Gravity Forms)”,然後做如下設定:

GTM上對Gravity Forms做表單跟蹤(GA4)

 

 

代碼

最後就是設定代碼。

GTM中點擊「代碼」—「新增」—「請選擇代碼類型以開始設定…」——「Google Analytics(分析):GA4 事件」,命名為“Event—Form Submit Tracking(Gravity Forms)”,做如下設定:

GTM上對Gravity Forms做表單跟蹤(GA4)

 

預覽

接下來就是預覽調試,你可以用以下任意方法:

 

GTM上對Gravity Forms做表單跟蹤(GA4)

事件如預期觸發。

 


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址