【跨網域追蹤】- Google Analytics x GTM完整設定教學+驗證

不知道有沒有讀者跟我一樣,在網路上找了很久都找不到比較完整的教學文章, 為了幫我現在任職的公司設定跨網域追蹤,我把網路上所有的文章都爬過一遍,最後終於從好幾篇文章中整合出完整步驟,現在就讓我們開始跨網域追蹤設定的旅程吧!

什麼時候需要使用跨網域追蹤?

1. 同時經營多個需要互導流的網站

如果你有多個網域(Multi-domain)且需要互相連結的網站,那你就需要透過跨網域追蹤來觀察多個網站之間的流量,但如果你的網站為子網域(Sub-domain)就不是我們此次討論的主題。

2. 線上網站與結帳網站為不同的網站

如果你的網站購物流程是瀏覽商品後需要開啟新的購物車網站,然後在購物車網站完成結帳,你就需要設定跨網域追蹤。

設定前先了解整個跨網域的架構 :

假設我們的線上網站為aaa.com,結帳網站為bbb.com,為了保留網站各別的流量資料,我們需要為兩個網站設定兩個資源,而跨網域的資料獨立到另一個資源,這個用意是避免GA資料錯亂,如果我們沒有將跨網域的流量獨立,而是把它設定在其中一個網站的資源裡,這個資源會套用跨網域追蹤的排除參照連結,且每個網域都在參照連結的排除清單上,導致其他網域的流量都變成(direct)/(none),使資源裡的資料嚴重錯亂,這應該不是我們的初衷,所以請大家一定要注意這點。

新增GA帳戶資源相信聰明的大家都會,這邊就不多敘述了,接下來進入重頭戲

GTM代碼管理工具設定

Step1:建立GTM帳戶與容器

每個GA資源都必須對應一個GTM的容器,所以將會有三個容器

Step2:為aaa.com與bbb.com設定GA代碼

在aaa.com的容器裡新增代碼:

代碼類型:通用Analytics(分析)

追蹤類型:網頁瀏覽

Google Analytics(分系)設定:新增變數,方便以後使用

追蹤編號:aaa.com的GA追蹤ID,輸入完成後請先儲存

就會回到代碼設定的頁面

進入進階設定 →代碼啟動選項:每個事件一次

觸發條件:All Page所有網頁

重複以上設定在bbb.com的容器

Step3:設定跨網域的容器

代碼類型:通用Analytics(分析)

追蹤類型:網頁瀏覽

Google Analytics(分系)設定:一樣新增變數,但這邊輸入的是跨網域的GA追蹤ID,並勾選在這個代碼中啟用覆寫設定

進入更多設定 →設定的欄位名稱:

欄位名稱allowLinker / 值true

欄位名稱cookieDomain / 值auto

進入跨網域追蹤:

自動連結網域輸入兩個網域,並用半形的逗號分隔(aaa.com,bbb.com)

沿用設定變數

裝飾表單:是

觸發條件:All Page所有網頁

到這邊我們就將所有的GTM設定完成了

安裝GTM在網站裡

請讀者先到管理分頁 →安裝Google代碼管理工具取得追蹤碼。

首先兩個網站要個別放入自己的GTM程式碼這點應該沒有疑問,那跨網域的程式碼要放在哪個網站呢?

沒錯,就是兩個網站都要放!

正常來說GTM的設計是每個網站都只會放一段程式碼,但我們現在要放兩段就需要注意程式碼dataLayer的命名,我們需要將放在同網站的程式碼名稱改成一樣的(不要沿用原本的dataLayer喔)

放在<head>中的程式碼:

aaa.com

以上圖來說藍色是aaa網站的程式碼,綠色的是跨網域的程式碼,我將他們的dataLayer都改為「aaaCrossDomain」

bbb.com

另一個網站也一樣,我將他們的dataLayer都改為「bbbCrossDomain」,這樣就不會使程式碼衝突了。

最後記得還要將放在<body>開頭的程式碼也放在網站上:

aaa.com

bbb.com

設定參照連結排除清單

請讀者來到GA跨網域追蹤的資源 →追蹤資訊 →參照連結網址排除清單

將需要跨網域的網址都加入排除清單內

調整跨網域追蹤的GA

現在我們可以說是把所有的設定完成了,但對於跨網域的資源來說,同時追蹤了兩個網站,當兩個網站上的目錄結構和網頁名稱很相似時,可能會分辨不出每個網頁所屬的網域,所以我們需要為跨網域的資源設定篩選器。

請先到資料檢視層級裡找到篩選器,點選新增篩選器

選擇新增篩選器 →為篩選器命名 →篩選器類型選擇自訂 →進階

再按照圖片中的欄位輸入,並將必須填寫欄位A與覆寫輸出欄位勾選起來

這樣我們就真的完成所有設定了,為自己鼓鼓掌吧!

驗證跨網域設定是否成功

如果有讀者想要知道設定是否有成功,可以安裝一個叫做Google Tag Assistant的擴充工具(要在Chrome中使用),檢查兩個網站的cid是否相同,如果相同就代表跨網域的設定成功囉!

如果覺得有幫助,請不吝嗇給我一些👏👏👏讓我知道唷 !