謝謝臺灣 Google, 原來結帳資訊與付款方式無法在同一個動作下紀錄




用LINE傳送
對惹... 不好意思只有行動裝置可以用 LINE 分享喔.. ^^" (若是用桌機或筆電會被帶走.. ~"~) 結帳資訊與付款方式只能算一個

說到結帳資訊與付款方式無法同時紀錄..

我們這一陣子介紹了如何利用 Google Enhanced Ecommerce 增強型電子商務追蹤碼的 ga(‘ec:setAction’, 來追蹤結帳訂單資訊、退貨以及結帳步驟、付款方式等訪客行為,但就在近日突然發現一個追蹤各種訪客結帳行為的網站 Google Analytics 中,整個結帳金額數據變得相當異常,不但大多結帳數據都無法產生,偶爾卻又會冒出一兩筆結帳資訊..

本來我們又以為就像 “谷歌怪談之驚見退款資料匯入錯亂異聞錄” 一樣是 Google Analytics 的問題,但就在我們從各種不面向進行檢查,甚至最後乾脆求助於臺灣 Google 的協助後,完全沒想到我們臺灣 Google 真的是超級熱心der.. 不但耐心聆聽我們的狀況與提出建議,最後甚至要了問題網站的相關資訊、測試帳號,最後提出了解決這個問題的關鍵發現,故除了將這發現趕緊分享給大家外,在此也利用這篇文章向我們臺灣 Google 致敬與說聲謝謝.. orz

至於這個關鍵發現,也就是今天文章的主題。若先講結論,簡單說就是我們在一個頁面(或說動作)上同時放了兩組 ga(‘ec:setAction’ 如封面圖,所以導致當 Google Analytics 追蹤碼在抓取資訊時,只會抓取其中一組(或導致數據錯亂),故最後只要移除其中一組 ga(‘ec:setAction’ 就能輕鬆解決這個問題了。

題外話:
講到這裡可以順勢聲明一下,這個網站相關資訊是由 awoo 這間很努力在做好 SEO 的公司所經營,但 awoo 跟 Google 其實沒有什麼直接關係喔(粉絲頁只是擷取 Google Analytics 的意象圖如下圖..) ^^”

畢竟因為不時都會有親愛的朋友把我們當成是 Google 而提出各種疑問(還有與 Google Analytics 無關的也有 ^^”)甚至是求職、洽談合作等 ^^” 故只能說若是以上相關需求,我們就真的就頂多只能代為雙手合十,若造成不便還請見諒 ^^”

(為了避免瀏覽文章的心情與思緒被打斷,這篇文章中若如上方有出現超連結,或許也可以先按著 Ctrl(或 ⌘ Command) 鍵再點選該連結。如此就可以先默默另開視窗,等待會有空或真的有需要時再到另一個頁籤查看喔!!)

awoo Google_Analytics_網頁數據分析研究中心

那到底何謂兩組 ga(‘ec:setAction’

我們曾在前幾個禮拜的一篇文章提到,為了降低技術門檻與快速獲得電子商務結帳數據,我們其實也只需要在結帳頁面放上兩組 ga code 即可如下可以複製的追蹤碼與下方圖示。

<script>
ga('require', 'ec');

ga('ec:addProduct', { 
'id': '商品id', 
'name': '商品名稱', 
'price': '商品價格', 
'quantity': '商品數量' });

ga('ec:setAction', 'purchase', { 
'id': '訂單id', 
'revenue': '訂單收入', 
'shipping': '運費' });

</script>
<script>
ga('send', 'pageview');
</script>

而以上 addproduct 主要是抓取商品相關資訊,但下方一組 ec:setAction 則已經負責抓取結帳訂單相關數據了。但若這個時候若還要用 ec:setAction(如下方某電子商務追蹤碼範例) 來追蹤退貨、結帳步驟、付款方式等訪客行為時如這篇文章的封面圖,就會因為一個動作只能追蹤一組 ec:setAction, 故最後就導致其中一組也就是結帳相關資訊就無法被抓取了。

ga('ec:setAction', 'checkout', { 
'step': 3, 
'option': 'ATM轉帳' 
});
題外話:
以上一開始提到,前幾個禮拜在 “其實也只需要商品、結帳(訂單)兩資訊就可以進行電子商務追蹤” 這篇文章中有有提到要能夠產生電子商務數據的最少追蹤碼介紹。但若要瞭解完整相關可追蹤數據,還是請移駕到 Google 說明中心相關說明文件了

也只要這兩組 Google Ecommerce Code

那如此一來我們要怎麼同時追蹤結帳資訊與其他 ec:setAction 數據呢

從以上可以發現訪客在網頁上的一次互動中,只能透過 Google 電子商務追蹤碼抓取一組指定數據,所以現在若要在結帳流程頁面多增加追蹤 setAction 相關數據,就必須先設法新增訪客能在網頁上互動的動作。

但若假設我們網站結帳流程都超級簡單,只需要一頁就可以完成時,那就不一定非得將追蹤碼安裝在最終結帳頁面上,而是可以安裝在某一必經動作流程上。

就像是假設我們現在填入資料後送出就完成購物,但若在完成購物頁面放上追蹤碼會被認為是兩個動作,那我們就可以將該追蹤碼安裝於上一頁面中的 “下一步” 按鈕中如下圖,如此因為只要點擊該連結就幾乎一定會抵達下一頁,故就可以實現分開計算同一動作的做法了喔。

題外話:
有關安裝 JavaScript 碼於一 Button HTML 連結語法中的實際做法,是可以參考我們在 “站外連結點擊數追蹤事件設定,快速在後台編輯器完成版” 文章介紹時,就有提到如何在 a 連結 HTML 語法中安裝 JavaScript 的一些流程介紹。。

購物流程中的送出訂單按鈕

在今天結帳資訊與付款方式無法同時紀錄喔之後…

若是也想要先回顧我們之前如何介紹 ec:setAction 應用的朋友,可以先參考以下兩篇文章介紹。

結帳行為分析 – 電子商務界的目標程序設定、漏斗分析
付款方式統計辦法與步驟 – 看看人客最後都是如何 Buy+

但也如今天文章的主要介紹,若真想要追蹤 “付款方式” 或是 “結帳流程” 等數據的朋友,就還請試著將追蹤碼安裝於不同的流程或互動點擊上吧。
(如下圖為購物車中第一步,其中並不會放入結帳金額紀錄的 ga(‘ec:setAction’, ‘purchase’ ,故就不用擔心會造成數據遺失嘍..)

購物流程一,可以放上追蹤步驟的追蹤碼

這篇 Google Analytics 精選文章發表於2015 年 09 月 14 日 星期一

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

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