首頁 找知識 分析優化. 謝謝臺灣 Google,原來結帳資訊與付款方式無法在同一個動作下紀錄

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


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

我們這一陣子介紹了如何利用 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) 鍵再點選該連結。如此就可以先默默另開視窗,等待會有空或真的有需要時再到另一個頁籤查看喔!!)


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

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

<script>// <![CDATA[
ga(‘require’, ‘ec’);

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

ga(‘ec:setAction’, ‘purchase’, {
‘id’: ‘訂單id’,
‘revenue’: ‘訂單收入’,
‘shipping’: ‘運費’ });
// ]]></script>
<script>// <![CDATA[
ga(‘send’, ‘pageview’);
// ]]></script>

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

ga(‘ec:setAction’, ‘checkout’, {
‘step’: 3,
‘option’: ‘ATM轉帳’
});

 

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


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

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

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

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

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

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

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

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

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

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

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

 

 

留言

關於 awoo SEO 關鍵字行銷誌

awoo SEO 網路行銷誌。在全球,搜尋引擎行銷已成為網路行銷最重要的工具。在台灣,搜尋引擎行銷已占了總體網路行銷廣告預算的二分之一。在過去,搜尋引擎行銷造就了Google, 改寫了大者恆大的商業秩序。在未來,搜尋引擎行銷將會用更不一樣的姿態, 走入我們生活的每個角落。

大家都在看

goo.gl 退休後,推薦行銷人必備的 Lihi 短網址工具!

goo.gl 退休後,推薦行銷人必備的 Lihi 短網址工具!

Google 短網址在2019/3/30停止服務。本文為您介紹超「Lihi」的短網址服務,讓你了解 Lihi 短網址在行銷層面該如何應用、與其他台灣廠商愛用的短網址比較分析、你如何挑選合適的短網址以及其他好用的短網址工具。

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報