詳解Google Analytics 4 事件追蹤——自訂事件（dataLayer.push）

這一篇介紹通過dataLayer.push的方法去做事件追蹤。

認識dataLayer.push

這種方法是通過dataLayer.push將事件(資料)發送出去，然後在GTM裡設定觸發條件，將事件發送給GA4。

這種方法用到資料層，延伸閱讀：詳解Google Tag Manager的資料層(Data Layer)

這種方法常用與SPA/PWA 和自訂事件，優點是追蹤準確，缺點是需要工程師添加程式。

dataLayer.push的用法如下：

dataLayer.push({
  'event': 'customize',
  'color': 'red',
  'conversionValue': 50
  
});

設定過程

假設我現在要追蹤的位置是這裡：

dataLayer.push的用法如下：

dataLayer.push({
 'event': 'datalayer_push_method',
  'color': 'red',
  'clickValue': 1    });

事件名稱和資料稱變數都可以自訂。

添加dataLayer.push代碼

這一步是需要工程師添加，使用者點擊追蹤位置的時候需要發送：

dataLayer.push({
'event': 'datalayer_push_method',
'color': 'red',
'clickValue': 1    });

變數

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

同理設定 dlv-clickValue：

注意：dlv表示dataLayer Variable，就是資料稱變數。

觸發條件

在GTM中點擊「觸發條件」——「新增」——「請選擇觸發類型以開始設定…」——「自訂事件」，命名為 “DataLayer Push”, 然後做如下設定：

代碼

在GTM中點擊「代碼」——「新增」——「請選代碼發類型以開始設定…」——「Google Analytics (分析)：GA4 事件」，命名為 “Event Tracking-DataLayer Push (dataLayer.push method)”, 然後做如下設定：

預覽

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

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

事件如預期觸發。

自訂定義

接下來就是註冊事件參數，這個事件有事件層級自訂維度和事件層級自訂指標：

• color是事件層級自訂維度
• click_value 是事件層級自訂指標

註冊color，在GA4中，點擊「管理」——「自訂定義」——「建立自訂維度」, 然後做如下設定：

接下來註冊click_value，在GA4中，點擊「管理」——「自訂定義」——「自訂指標」——「建立自訂指標」, 然後做如下設定：

dataLayer.push設定事件就完成了。