強烈建議使用 Google Analytics 觀看數據的專案,都需要進行跨網域追蹤(Crossing Domain)的處理。
一、情境說明
Google Analytics 是運用 Cookie 機制,跟著網域運行的;而由於您的「專案網站」與 「Backme 結帳頁 或 挖貝平台專案頁」是不同的網域,所以會需要做跨網域追蹤(Crossing Domain)的處理,主要目的是讓 GA 把兩個網站看作是同一個 User 的使用流程。
例如,如果您需要從 Google Analytics(GA)後台觀察到電子商務流程的 utm 數據,且在 Backme、WaBay 後台填入的 GA 代碼、與您的專案網站使用的是同一組,如果沒做跨網域追蹤(Crossing Domain)處理,會導致以下狀況:
(1)此時從「您的專案網站」進入「Backme 結帳頁 或 挖貝平台專案頁」時,會抓不到進入您官網的 utm 的資料,導致您無法正確判斷任何進到結帳流程(或 挖貝平台)的 utm 來源 / 媒介。電子商務追蹤的來源/媒介判斷也會失準。
(2)在從「您的專案網站」 進入「Backme 結帳頁 或 挖貝平台專案頁」時,也會被 Google Analytics 視為兩位不同 User,所以相關數據也會被浮報。
因此強烈建議使用 Google Analytics 觀看數據的專案,都需要進行跨網域追蹤(Crossing Domain)的處理。
注意:跨網域追蹤無法適用於 JavaScript 所產生的事件與連結導向,還請參照: 四、注意事項
二、設置方式
1. 調整專案網站的 Google Analytics 程式碼埋設內容
您需要調整您的 Google Analytics 程式碼埋設內容,請先參考:
實際作法,是於程式碼中 linker , domians 的區段加入以下網域:
backme.tw
spgateway.com
newebpay.com
您專案的主網域(註)
wabay.tw(註2)
- 註 :您專案網站的網址可能為以下,請在此填入主網域 abc.com 即可。
- abc.com
- www.abc.com
- www.123.abc.com
- www.123.abc.com/def/ghi
- 註2:如果是在《挖貝 WaBay》集資平台上線的專案,也麻煩加入 wabay.tw 的網域。
最終的完整 gtag 程式碼可能如下:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-12345678-9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-12345678-9', {
'linker': {
'domains': [ 'backme.tw', 'core.spgateway.com', 'abc.com', 'wabay.tw']
}
});
</script>
假如您用的是套版、架站平台,埋 Code 方式請參照: [進階設定] Google Analytics 跨網域追蹤:架站平台設定方法,以 Wix 做範例
2. 於您的 Google Analytics 後台設置參照網頁排除
請到您的 Google Analytics 管理後台,依照此階層進入設置頁:管理 > 資源 > 追蹤資訊 > 參照連結網址排除清單。
正常狀況下,您可以看到在 參照連結網址排除清單 中,已經有預設填好您專案的網域了。(如圖所示之「網域 A」)
現在您需要再增加如圖所示之「網域 B, C...」至清單中:
backme.tw
spgateway.com
newebpay.com
accounts.google.com
facebook.com(註1)
wabay.tw(註2)
- 註1:由於 Facebook 並未提供子網域排除參照,若排除網址設定 facebook.com,來源會被判斷為直接流量 direct/none,所以您希望來自某個網址的流量能觸發新的工作階段,請小心使用這項設定。
- 註2:如果是在《挖貝 WaBay》集資平台上線的專案,也麻煩加入 wabay.tw 的網域。
3. 在 Backme 後台專案進行設置
請參照上圖,在 Backme 後台專案首頁 基本設定 > GA 跨網域追蹤 的地方增加以下網域:
backme.tw
spgateway.com
newebpay.com
您專案的主網域(註)
wabay.tw(註2)
- 註 :您專案網站的網址可能為以下,請在此填入主網域 abc.com 即可。
- abc.com
- www.abc.com
- www.123.abc.com
- www.123.abc.com/def/ghi
- 註2:如果是在《挖貝 WaBay》集資平台上線的專案,也麻煩加入 wabay.tw 的網域。
完成以上 3 步驟後,您專案的跨網域追蹤就設置完成囉!
三、確認跨網域是否成功
如果跨網域設定有成功,您可以用以下方式進行判斷:
A. 從您的「專案網站」點擊連結到 「Backme 結帳頁面 或 WaBay 挖貝專案頁」之後,可以看到網址後方會自動帶入如下圖所示之 ga=......... 的參數。
B. 在 Google Analytics 觀察「即時 > 流量來源」的數據,您可以直接進行一次「導流網址中包含 utm 的結帳流程測試」,並觀察即時流量來源是否有正確。在設置完成後,此處已不應該會再出現 spgateway.com 、 backme.tw、wabay.tw 的相關參數。
C. 一段時間後,再觀察您的「來源/媒介」是否已沒出現 spgateway.com 、 backme.tw、wabay.tw 的數據。且導流網址中的 utm 也應該會正常作用了。
四、注意事項
Google Analytics 沒辦法支援 JavaScript 所產生的事件與連結導向。
譬如你連結到 Backme 的連結是用 JavaScript 產生的,會讓 Google Analytics 作用上產生問題,導致跨網域追蹤無法正常作用。
請務必使用 <a href="URL(連結網址)"> 連結屬性進行導向到 Backme 或 WaBay,才能確保 Google Analytics 與跨網域追蹤的正常作用。