不知道有沒有讀者跟我一樣，在網路上找了很久都找不到比較完整的教學文章， 為了幫我現在任職的公司設定跨網域追蹤，我把網路上所有的文章都爬過一遍，最後終於從好幾篇文章中整合出完整步驟，現在就讓我們開始跨網域追蹤設定的旅程吧！
什麼時候需要使用跨網域追蹤？
1. 同時經營多個需要互導流的網站
如果你有多個網域（Multi-domain）且需要互相連結的網站，那你就需要透過跨網域追蹤來觀察多個網站之間的流量，但如果你的網站為子網域（Sub-domain）就不是我們此次討論的主題。
2. 線上網站與結帳網站為不同的網站
如果你的網站購物流程是瀏覽商品後需要開啟新的購物車網站，然後在購物車網站完成結帳，你就需要設定跨網域追蹤。
設定前先了解整個跨網域的架構 ：
假設我們的線上網站為aaa.com，結帳網站為bbb.com，為了保留網站個別的流量資料，我們需要為兩個網站設定兩個資源，而跨網域的資料獨立到另一個資源，這個用意是避免GA資料錯亂，如果我們沒有將跨網域的流量獨立，而是把它設定在其中一個網站的資源裡，這個資源會套用跨網域追蹤的排除參照連結，且每個網域都在參照連結的排除清單上，導致其他網域的流量都變成（direct）/(none)，使資源裡的資料嚴重錯亂，這應該不是我們的初衷，所以請大家一定要注意這點。
新增ＧＡ帳戶資源相信聰明的大家都會，這邊就不多敘述了，接下來進入重頭戲
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是否相同，如果相同就代表跨網域的設定成功囉！
如果覺得有幫助，請不吝嗇給我一些👏👏👏讓我知道唷 ！
文章轉載
Kathy
About Post Author
