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

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

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

實現方式

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”，然後做如下設定：

變數

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

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

觸發器

從代碼裡，可以知道event是gravityFormSubmission。

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

代碼

最後就是設定代碼。

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

預覽

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

• 利用Google Analytics 4中的DebugView去測試
• 新版Google Tag Manager 預覽模式指南——Tag Assistant

事件如預期觸發。