Categories: Google Tag Manager

【跨網域追蹤】- 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是否相同,如果相同就代表跨網域的設定成功囉!

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

文章轉載

Kathy

Facebook Comments
Code For Marketing

鼓勵行銷人學習「工程思維」培養數據敏銳度,推廣善用工具的知識教育組織,透過數據與工程的掌握與應用讓行銷人提升價值,有效運用行銷工程。

Comments are closed.

Recent Posts

新使用者留存率分析

https://www.youtube.com/watch?v=MEydBzWAABo newn

3 years ago

Retention 留存率分析Part 1 – 帶你認識基本的留存率分析架構

Part 2 留存用戶分析~加入會員即可觀看,免費體驗一個月,活動請參考: https://blog.codeformarketing.co/subscribe-pressplay-dija/

4 years ago

CFM電子報第四期

Hello 各位讀者~本期為第四期電子報,本次電子報我們將帶大家來看看一些最新的行銷時事以及工具的更新的有趣內容! 目錄: Google網址檢查工具現在可以顯示多個參照網頁了 舊版的Google取消連結工具將在2021年1月19日終止服務 Google Search Console要使用者透過完成驗證程序來證明自己是資源的擁有者 Google搜尋出現內容複製鏡像網站的Canonical Bug Google解釋為何一些使用不良SEO策略的網站仍有不錯的排名 Google正在致力於改善robots.txt測試工具 Google Ads身分驗證制度即將上路 這些常見的SEO錯誤會有害於你的排名 Google指出:太專注於一種SEO策略可能會有害於整體SEO結果 Google面臨的反信任訴訟對行銷人會有什麼影響? Google在華盛頓的暴力事件後暫停投放政治廣告 Google網址檢查工具現在可以顯示多個參照網頁了 Google近期在Google網站管理員的網址檢查工具中,讓一些URL可以顯示多個參照網頁了。…

4 years ago

CFM 電子報第三期

Hello 各位讀者~本期為第三期電子報,本次電子報我們將帶大家來看看一些最新的行銷時事以及工具的更新的有趣內容! 目錄: 英國「Watchdog」對Google Ads的數據政策變更展開調查 你可以使用資料排除功能來避免轉換追蹤問題影響智慧出價 2021年SEO數位行銷的七個潮流 英國「Watchdog」對Google Ads的數據政策變更展開調查 英國的組織Watchdog已經開始針對Google近期對廣告數據系統的大翻新計畫展開調查,因為Watchdog認為這次的翻新可能會讓Google在線上廣告產業中,排除更多競爭對手。 英國的政府機構「競爭及市場管理局」(Competition and Markets Authority, CMA)聲明其將會針對Google近期關於從Chrome和Chromium架構的瀏覽器引擎中,移除第三方cookie的改變展開調查。 Cookie是小型文字檔案,是某些網站為了記錄使用者資訊(例如使用者名稱)而儲存在用戶端上的資料。它能幫助企業更有效率的鎖定客群投放廣告,對提供免費內容的網站也相當有幫助,但它也能用來記錄使用者在網路上的行徑。 Google在2022年即將推出的「數位沙盒」(digital sandbox)提案中,提到以自家的工具替代第三方cookie的計畫。但Watchdog認為這樣的改變會削弱出版者盈利的能力,以及破壞數位廣告競爭,讓Google更加根深蒂固的壟斷市場。 競爭及市場管理局的執行長Andrea Coscelli聲明:…

4 years ago