08 GTM 埋設教學10 所有文章

[GTM埋設] Google Tag Manager設定 – GA滾軸事件

最近需要利用GA監控瀏覽器頁面的滾軸事件,詳細的把GTM埋設GA滾軸事件(Scroll Depth)的過程記錄了下來,並利用Google Data Studio呈現,讓使用者能輕鬆監控每個頁面,希望對有想埋設的人有幫助到!
 
GTM相關延伸閱讀:

 

第一步:從變數開啟滾軸元素

首先在變數內新增設定,並開啟以下Scroll Depth Threshold、Scroll Depth Units和Scroll Direction三個選項。

  • Scroll Depth Threshold:開啟後可以設定滾動%數
  • Scroll Depth Units:開啟後滾動設定會以%為單位
  • Scroll Direction:開啟後稍後可以選擇滾軸以直向或橫向追蹤
Scroll Depth_step1
Scroll Depth_step1

 

第二步:觸發條件設定卷軸滾動比例

在GTM觸發條件內新增設定:

1.選擇垂直捲動頁數

2.設定要追蹤的比例,這邊是設定25,50,75,100%

3.設定觸發時機,可以選擇所有頁面或針對單一頁面設定

Scroll Depth_step2
Scroll Depth_step2

 

第三步:代碼設定滾軸參數

首先在GTM內選擇”代碼”,並新增設定:

1.選擇追蹤類型:事件

2.類別:可以隨意填,這邊是使用Scroll Depth為命名

3.動作:{{Scroll Depth Threshold}}%,這邊要記得加上”%”,出來的數字才會以百分比顯示

4.標籤:{{Page Path}},這邊選擇填寫網址,到時候能用網址進行分類

Scroll Depth_step3
Scroll Depth_step3

 

GA滾軸追蹤成果

首先在GA中選擇熱門事件,主要維度可挑選”事件類別”、”事件動作”和”活動標籤”,可以再搭配次要維度或自定義報表搭配使用。

label
label
GA_Scroll Depth_呈現
GA_Scroll Depth_數字
GA_Scroll Depth_圖表
GA_Scroll Depth_圖表

 

延伸閱讀:

那 [GTM埋設] Google Tag Manager設定 – GA滾軸事件 就到這邊,感謝收看,有關Max行銷誌的最新文章,都會發佈在Max的Facebook粉絲專頁,如果想看最新更新,還請您按讚或是追蹤唷!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *