3.2.8 、Google Tag Manager實戰指南——虛擬頁面跟蹤單頁應用

• 2019 年 11 月 1 日
• 筆記

1.什麼是單頁應用？

單頁應用就是指瀏覽器訪問站點的時候，使用期間不會重新載入頁面，給用戶的看到的是所有URL就是一樣的，有體驗原生APP的感覺，這是一種從Web伺服器載入的富客戶端。

2.單頁應用的優點：

• 一次開發，多端兼容，大大減少了開發的工作量。
• 減輕伺服器壓力，只提供數據。
• 前後端分離，各司其職，這個應該不算是特有的優點。

雖然單頁應用還是有部分缺點，但是優點大於缺點，所以深受開發者的喜愛，單頁應用在移動端上盛行。由於單頁應用使用過程中不會重新載入頁面，給採用頁面加標籤技術的跟蹤方案帶來了諸多的不便，如GA裡面的頁面報告就只有一個URL,頁面瀏覽量遠遠小於實際情況，以及很多報告都不能使用。

如果要想Web那樣跟蹤單頁應用，那麼需要採用虛擬頁面的形式去跟蹤。

實現原理：如圖3-85所示，打開新的頁面的時候向數據層推送事件，然後在GTM將事件轉化成PV，跟直接推送PV相比，這種方法好處就是可以通過GTM上的觸發器控制頁面和Hits的數量，而不需要做發版。

圖3-85 單頁應用跟蹤原理

這種方式的原理等於與前一節事件跟蹤的dataLayer方法。基本上對於使用GTM來管理APP也是類似的原理，都是通過數據層來管理螢幕，維度，指標等

設置過程：

1、變數，接收[數據層](https://www.ichdata.com/tag/數據層" t "_blank)的[自定義事件](https://www.ichdata.com/tag/自定義事件" t "_blank)，如圖8-86所示：

圖8-86 自定義事件

這配置表示接收所有的自定義事件。

2、觸發器，

匹配[數據層](https://www.ichdata.com/tag/數據層" t "_blank)中需要觸發的頁面或螢幕，只有匹配到的才會出現在page或screenname裡面，可以隨意控制，如圖3-87所示：

圖3-87 自定義事件觸發器

3、程式碼

在要設置的欄位中找到page，值就是前面的變數EventName，這個就是將[數據層](https://www.ichdata.com/tag/數據層" t "_blank)的事件轉成page，您在GA報告裡面看到的就是page了，需要注意的是tracktype是pageview，也就是頁面跟蹤的，具體設置如圖3-88所示：

圖3-88 程式碼配置

觸發器就是前面的「dataLayer事件跟蹤螢幕觸發」，這樣所有的頁面都會被跟蹤到，可以像Web那麼繼續使用GA。