詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

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

這一篇介紹通過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
  
});

 

 

設定過程

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

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

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

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

同理設定 dlv-clickValue:

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

注意:dlv表示dataLayer Variable,就是資料稱變數

 

 

觸發條件

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

 

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

 

代碼

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

 

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

預覽

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

 

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

事件如預期觸發。

 

自訂定義

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

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

 

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

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

 

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

詳解Google Analytics 4 事件追蹤——自訂事件(dataLayer.push)

 

 

 

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

 

 


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

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

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