GA4打雜實作｜解決沒有重載頁面的追蹤難題
對於我們一般熟悉的Pageview瀏覽追蹤，只要使用者訪問跳轉不同頁面時，網址刷新重新加載頁面，新頁面的Hits就會發送給Google伺服器，最後在GA4中呈現出瀏覽頁面的資料報表。但有一些特殊的狀況，比如網站使用單頁應用SPA（single-page application），或者是Popup視窗，這些機制實際上都沒有造成頁面重載，所以就無法單純使用pageview來記錄使用者行為，為了解決此問題來實現正確的追蹤，必須在GTM中進行一些客製化的設定調整，下面就示範了三種常見的網頁狀況，讓各位朋友更理解這方面的操作。
單頁應用SPA（single-page application）是一種網路應用程式或網站的模型，它通過動態重寫當前頁面來與使用者互動，而非傳統的從伺服器重新載入整個新頁面。當使用者在訪問頁面進行事件動作時，URL雖然會產生變化，但頁面是沒有重新加載的，這種方法的好處是，避免了頁面之間切換打斷使用者體驗。
實做單頁應用SPA追蹤
Step1：判斷該頁面是否為單頁應用SPA
想知道自己的網頁是否為單頁應用SPA，最簡單的方式就是透過變數History來進行判別，如果事件動作有造成頁面重新加載，那麼就不是單頁應用，如果沒有重新加載，出現很多的History，就屬於單頁應用。因此，我們必須先開啟內建變數History，建議把全部有關History的變數都勾選。
拿「樂屋網」做為例子，在買屋搜尋頁面（https://www.rakuya.com.tw/sell/result）中，只要使用者進行買屋條件的選擇，就會觸發History change，而每一次的篩選，就會造成每一次的History change，如下圖GTM的預覽畫面示意。
Step2：採用虛擬網頁或事件追蹤
假如我們的目的，是希望將每一次的History change都記錄成網頁瀏覽行為，就可以選擇採用虛擬網頁追蹤，Google現在把這工作變得相當簡單，只要到GA4後台Admin->Data Streams，選擇要設定的資料串流名稱，然後到「加強型評估」裡Page views的進階型設定，將「Page changes based on browser history events」勾選並儲存起來，只要在GTM的預覽模式下的History裡API Call中有出現gtm.historyChange-v2，就表示追蹤成功了。
另一種方式就是以事件進行追蹤，這部分就跟一般的事件追蹤沒有太大的差異，詳細作法就不特別說明，只要到GTM中新增一個Trigger，類型選擇為「History Change」，並設定相關觸發條件。
下一步就是新增事件tag，並把剛剛建好的觸發器加上去，完成後就可以預覽發佈了！
實做站內廣告曝光
大多數的流量網站都會有站內廣告，藉由曝光數來賺取廣告收益，此時，就需要監控廣告的曝光成效，GTM中Element Visibility的觸發器，就很適合這類的情況來做應用。
Step1：找出該Element名稱的唯一值
以「樂屋網」首頁來看，如果我們想追蹤最上方的728 x 90的廣告版位，第一步，就是要將該廣告版位的單一Element名稱找出來。我們可以透過Google的開發者工具，進入Elements分頁中，選取廣告版位的id或class名稱。
運用CSS Selector進行選擇（對CSS Selector不清楚的可以參考Reference），先以#Top.mposition測試判斷是否為唯一值，然後到Console分頁，輸入$("#Top.mposition")，結果length長度為1，代表此Element名稱是唯一值，可以單獨追蹤某一特定廣告版位。
Step2：設置Element Visibility Trigger
接著第二步，進入到GTM後台設定Trigger，類型這次換成選擇「Element Visibility」，並將剛剛測試出來的唯一名稱輸入CSS Selector的欄位中，這邊我們採用比較嚴謹的方式，希望同一廣告版位Element只會觸發一次，所以選擇Once per element，並且將元素性的可見百分比設定為70%，以及設置當廣告出現在屏幕的持續時間超過2000毫秒（也就是說使用者至少要花費2秒的時間觀看廣告）才會觸發。
Step3：建立對應的廣告曝光Tag
同樣的方式，新增一個事件tag，並將剛剛建好的觸發器加上去，預覽沒問題後就發佈收工！
實做Popup視窗追蹤
最後一個常見狀況是Popup視窗追蹤，以「樂屋網」來說，我們有去設定一個功能機制，當使用者看到喜歡的物件產品，按下「愛心♥️」進行收藏追蹤後，就會自動跳出一個Popup視窗，邀請使用者進入後台的追蹤清單。
Step1：設置Element Visibility Trigger
首先，要將Popup視窗的單一Element名稱找出來，剛剛有示範過，可以透過Google的開發者工具，從Elements分頁中選出Popup視窗的id或class。
然後到Console分頁，輸入$(".modal-content")，結果出現length=9，由於這次我們希望每一次的Popup視窗跳出，都可以被記錄一次，所以沒有唯一性不適問題，因此就先使用class = modal-content
接著，來到GTM後台設定Trigger，類型這次同樣選擇Element Visibility，並將剛剛測試出來的class = modal-content輸入於CSS Selector的欄位中。
Step2：預覽測試Element Visibility有正確觸發
進入GTM預覽模式，確認每一次的Popup視窗跳出，都有正確觸發Element Visibility。
Step3：建立對應的Popup Tag
最後，這個步驟跟前面建立Tag的方式大同小異，至於如何設置Event Parameters，端看每人的需求進行創意搭配了，這邊就不再多花時間做說明囉！
以上的三種狀況，應該可以涵蓋90%的未重載頁面問題，如果還有遇到不同的難題，歡迎各位朋友留言回覆，我有時間就會盡量回答喔，感謝各位耐心看完！
參考資料：
為什麼會看到廣告
32會員
39內容數
在瞬息萬變的數位宇宙中，不堅持永遠的Yes或No，自許以流量成長的阿甘精神，碰撞激盪出各種有趣的科技行銷手法，涵蓋產品數據、社群互動、廣告技術、內容創造、會員經營...等面向，一點一滴的帶大家進入產品Martech的領域中。
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
(1) 收集用戶名單，例如 Email 和手機，未來可做廣告受眾再行銷，例如 FB 廣告、GDN 廣告、Email發送。
(2) 在網站追蹤中，用 GTM 實施「增強型轉換」，讓每一個轉換數據發送時都帶有第一方數據，能讓轉換追蹤更精準，減少受 Cookie 政策的影響。
(3)
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架
URL轉址(重定向、重新導向)：當使用者瀏覽A網址時，自動跳轉到B網址。
-
發生情境：
使用edge瀏覽器，使用Google搜尋引擎，
搜尋XXX關鍵字，網頁自動跳轉到maxask的搜尋介面。
如果你是做電商的，看到代理商或投手的Meta廣告報表中 "CTR" 千萬要注意它的定義，不要被忽悠了。
在 Meta 廣告系統中，關於「點擊」有三種定義
點擊次數（全部）
連結點擊次數，嚴格細分還有「不重複」連結點擊次數
連外點擊次數，嚴格細分還有「不重複」連外點擊次數
先說，如果是做
在極少數情況下，Google 會發現有網站為了操控排名和欺騙使用者而顯示重複內容，針對涉嫌採取這些手段的網站，我們會對其索引和排名做出適當調整。這類調整會造成網站排名降低，或者可能導致網站從 Google 索引中完全移除，而不再出現於搜尋
GA4是Google Analytics的最新版本，是一個分析工具，用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型，具有更多彈性和豐富的功能，例如跨裝置、跨平台事件追蹤，以及衡量訪客在頁面的活躍狀況。
GA4和通用版GA的主要區別
數據追蹤方式
通用版GA主
靜態網頁和動態網頁在功能、內容和互動性方面有所不同。靜態網頁通常用於展示公司網站、部落格文章或商品頁面等靜態內容，而動態網頁則用於用戶註冊、登錄、購物車等互動功能。
Google 搜尋中存在相當久遠的「頁庫存檔」功能，已經被 Google 移除了。
頁庫存檔會保留一份 Google 的機器人在爬行時所備份的網頁，在過去網路連線緩慢或不穩定的年代，常常會被用做替代的選擇；又或是如果該網頁內容在 Google 機器人爬行後有所更動的話，頁庫存檔也能看到含有搜尋結果
Q4財報季前重新檢視 12 月網站流量追蹤 (Website Traffic tracking)
本文介紹了 Google Analytics 4（GA4）示範帳戶的取得方式，並提供了幾種 GA4 分析小練習，讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習，旨在幫助讀者更熟悉 GA4 這個工具。
Google Analytics 4（簡稱GA4）可說是當今市場上最流行的網站流量分析工具之一，但GA4究竟是什麼？在這篇文章中，我們將深入探討GA4，了解它的功能、優勢，以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略，還是透過優化網站來達成商業KPI，GA4都可以幫助你實現目標。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
(1) 收集用戶名單，例如 Email 和手機，未來可做廣告受眾再行銷，例如 FB 廣告、GDN 廣告、Email發送。
(2) 在網站追蹤中，用 GTM 實施「增強型轉換」，讓每一個轉換數據發送時都帶有第一方數據，能讓轉換追蹤更精準，減少受 Cookie 政策的影響。
(3)
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架
URL轉址(重定向、重新導向)：當使用者瀏覽A網址時，自動跳轉到B網址。
-
發生情境：
使用edge瀏覽器，使用Google搜尋引擎，
搜尋XXX關鍵字，網頁自動跳轉到maxask的搜尋介面。
如果你是做電商的，看到代理商或投手的Meta廣告報表中 "CTR" 千萬要注意它的定義，不要被忽悠了。
在 Meta 廣告系統中，關於「點擊」有三種定義
點擊次數（全部）
連結點擊次數，嚴格細分還有「不重複」連結點擊次數
連外點擊次數，嚴格細分還有「不重複」連外點擊次數
先說，如果是做
在極少數情況下，Google 會發現有網站為了操控排名和欺騙使用者而顯示重複內容，針對涉嫌採取這些手段的網站，我們會對其索引和排名做出適當調整。這類調整會造成網站排名降低，或者可能導致網站從 Google 索引中完全移除，而不再出現於搜尋
GA4是Google Analytics的最新版本，是一個分析工具，用於網站管理者和行銷人員分析網站和應用程式的數據。GA4以事件為基礎的資料模型，具有更多彈性和豐富的功能，例如跨裝置、跨平台事件追蹤，以及衡量訪客在頁面的活躍狀況。
GA4和通用版GA的主要區別
數據追蹤方式
通用版GA主
靜態網頁和動態網頁在功能、內容和互動性方面有所不同。靜態網頁通常用於展示公司網站、部落格文章或商品頁面等靜態內容，而動態網頁則用於用戶註冊、登錄、購物車等互動功能。
Google 搜尋中存在相當久遠的「頁庫存檔」功能，已經被 Google 移除了。
頁庫存檔會保留一份 Google 的機器人在爬行時所備份的網頁，在過去網路連線緩慢或不穩定的年代，常常會被用做替代的選擇；又或是如果該網頁內容在 Google 機器人爬行後有所更動的話，頁庫存檔也能看到含有搜尋結果
Q4財報季前重新檢視 12 月網站流量追蹤 (Website Traffic tracking)
本文介紹了 Google Analytics 4（GA4）示範帳戶的取得方式，並提供了幾種 GA4 分析小練習，讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習，旨在幫助讀者更熟悉 GA4 這個工具。
Google Analytics 4（簡稱GA4）可說是當今市場上最流行的網站流量分析工具之一，但GA4究竟是什麼？在這篇文章中，我們將深入探討GA4，了解它的功能、優勢，以及誰應該學習。無論你是想更深入了解你的受眾、優化廣告策略，還是透過優化網站來達成商業KPI，GA4都可以幫助你實現目標。