跨網域GA追蹤 _ 紀錄不同網域間的訪客行為路徑




用LINE傳送
對惹... 不好意思只有行動裝置可以用 LINE 分享喔.. ^^" (若是用桌機或筆電會被帶走.. ~"~) 跨網域GA追蹤圖示

談論跨網域GA追蹤前語重心長為前言

在即將正式開始針對一個網站進行 Google Analytics 網站分析前,所需要進行的相關前置作業都已經在前幾天向各位進行簡單的介紹。而隔天我們在 “續談 Google Analytics 網站分析實戰計畫擬定前置作業” 時還有提到為了更精準掌握最正確與關鍵的數據,有眾多重要的網頁技術是建議需要事先掌握的。而其中、所謂跨網域的追蹤就可以幫助我們透過訪客在不同網域間的行為紀錄,更能夠了解每次購買或說達成目標的來龍去脈、前因後果,而藉此我們也才有辦法進行更到位的分析、判斷並開始規劃優化策略喔!!

兩個不同網域的資料原本各自獨立.jpg

是否真有必要進行跨網域GA追蹤

當然、如果我們只有一個網站且只有幾頁,上線主要目的也只是讓大家知道 “我也有網站” 的話…那今天的文章或許就沒什麼價值。但若是以下狀況與需求時、跨網域GA追蹤就會是相當方便並可以為我們帶來更有效的數據了!!

1.經營購物網站且使用第三方網站或網域的購物車軟體
2.一個網站中有眾多次網域(Subdomain),但又想要一併查看與比較
3.網站內容顯示在其他網域上的 I-Frame 中。

而這個時候我們將以上不同網域的訪客行為一併紀錄與查看時,就可以得到以下相當重要的資訊了。

1.訪客是使用何搜尋引擎並使用了哪些關鍵字
2.從第一頁開始在不同網域間真正所停留(花費)的停留時間
3.哪一些到達頁面以及路徑對網站轉換率最有幫助

題外話:
若想再次看看GA目標設定辦法可參考我們過去在 “目標總覽與其他目標設定、觀察” 所提到的相關介紹嘍。

將不同網域資料進行連結.jpg

跨網域GA追蹤所需要的設定

畢竟不同網頁技術需求與狀況都有不同的設定方式,我們在這邊也無法一一詳述。若各位有不同的網頁技術需求、也可以參考 “Tracking Multiple Domains – Web Tracking (ga.js)” 相關介紹。但若簡單說明結論,其實就是要請技術人員進行以下兩個動作即可。

1.在兩個不同網域的原始碼中都放入同一個追蹤碼片段並為不同網域設定不同的 _setDomainName 值(兩個網域置放追蹤碼範例如下)。
2.為兩個不同的網域連結中呼叫 _link() 方法(置入範例同樣如下…)

跨網域GA追蹤碼置入範例:
(以下假設兩網域為 A.com 以及 B.com)

A.com

<script type=”text/javascript”>

var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-XXXXXXXX-1’]);
_gaq.push([‘_setDomainName’, ‘A.com’]);
_gaq.push([‘_setAllowLinker’, true]);
_gaq.push([‘_trackPageview’]);

(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’;
ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ :
‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(ga, s);
})();

</script>

B.com

<script type=”text/javascript”>

var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-XXXXXXXX-1’]);
_gaq.push([‘_setDomainName’, ‘B.com’]);
_gaq.push([‘_setAllowLinker’, true]);
_gaq.push([‘_trackPageview’]);

(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’;
ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ :
‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(ga, s);
})();

</script>



_link() 方法設定範例:

如訪客會從 A.com 連到 B.com,而目前連結的格式為:

<a href=”https://www.B.com/?login=parameters”>View Cart</a>

請將它改為:

<a href=”https://www.B.com/?login=parameters” onclick=”_gaq.push([‘_link’,
‘https://www.B.com/?login=parameters’]); return false;”>View Cart</a>

如果訪客也可能會從 B.com 連到 A.com,而目前連結的格式為:

<a href=”https://www.A.com/”>Continue Shopping</a>

請將它改為:

<a href=”https://www.A.com/” onclick=”_gaq.push([‘_link’,
‘https://www.A.com/’]); return false;”>Continue Shopping</a>

聊完跨網域GA追蹤後不厭其煩為結論

其實以上相關跨網域追蹤設定,就是替兩個不同的網站設定GA追蹤程式碼,如此就可以讓系統將資訊寫入同一組 Cookie 當中,也以便我們未來在同一份報表上的研究與分析嘍!!

這篇 Google Analytics 精選文章發表於2013 年 05 月 25 日 星期六

立即訂閱看見數據網電子報

數據變化萬千,跟著看見數據網從數據中洞察網站經營脈動、缺失與機會!!