為網站安裝 Google Analytics 電子商務追蹤碼以掌握實際獲利金額

若想要了解網站相關的數據表現,最為大家所熟知的就是運用免費又強大的Google Analytics
若是電商類型的網站,我們所關心的數據除了基本的追蹤訪客來源、訪客在網站中瀏覽的頁數、停留時間等用於提升網站的回訪率之外,當然更重要的是分析不同管道來的流量,從中掌握各個產品的銷售狀況,推測哪些行銷活動確實有效,用以優化提升流量轉換率。
若想要利用 Google Analytics 掌握網站實際的獲利金額,則需要另外為網站安裝 Google Analytics 電子商務追蹤碼。

這篇文章你將會學到什麼:

一、為網站啟用 Google Analytics 電子商務追蹤功能

進入 Google Analytics > 管理員 > 資料檢視 > 電子商務設定介面
將「啟用電子商務」設為「開啟」。點選 [下一步],按一下 [提交]。

二、在電子商務網站結帳頁面(thank-you page)加入可收集結帳交易、商品資料的 JavaScript 追蹤碼(analytics.js)

Google Analytics 電子商務追蹤碼(analytics.js)主要包含以下四個模組,只要在結帳頁面(thank-you page)中,利用 ga(‘ecommerce:addTransaction’, { 收集 “交易資料” 。

以及用 ga(‘ecommerce:addItem’, { 收集 “產品資料” 到 Google Analytics server 後,未來就可以在 Google Analytics 電子商務報表上查看、分析了。

(以下雙斜線 // 後方文字為補充解釋)

  1. 啟用電子商務追蹤功能

ga(‘require’, ‘ecommerce’);

  1. 收集最終結帳交易資料用

ga(‘ecommerce:addTransaction’, {
‘id’: ”,                              // 交易ID,必填
‘affiliation’: ”,                   // 聯盟或分店
‘revenue’: ”,                    // 結帳金額
‘shipping’: ”,                   // 運費
‘tax’: ”                           // 稅金
});
實際範例:
ga(‘ecommerce:addTransaction’, {
‘id’: ‘6688’,
‘affiliation’: ‘gift shop’,
‘revenue’: ‘990’,
‘shipping’: ‘150’,
‘tax’: ‘49.5’
});

  1. 收集結帳商品資料用

ga(‘ecommerce:addItem’, {
‘id’: ”,                                 // 商品ID,必填
‘name’: ”,                           // 商品名稱,必填
‘sku’: ”,                              // SKU/code.
‘category’: ”,                      // 分類
‘price’: ”,                           // 商品單價,必填
‘quantity’: ”                       // 數量,必填
});
實際範例:
ga(‘ecommerce:addItem’, {
‘id’: ‘6688’,
‘name’: ‘翻山越嶺登山包’,
‘sku’: ‘woo168’,
‘category’: ‘休閒運動’,
‘price’: ‘990’,
‘quantity’: ‘1’
});

  1. 傳送上述電子商務相關資料至 Google Analytics Serever

ga(‘ecommerce:send’);
最終實際執行範例(參考 Google Analytics 官方網站):
<script>
ga(‘require’, ‘ecommerce’);
ga(‘ecommerce:addTransaction’, {
‘id’: ‘1234’,
‘affiliation’: ‘Acme Clothing’,
‘revenue’: ‘11.99’,
‘shipping’: ‘5’,
‘tax’: ‘1.29’,
});
ga(‘ecommerce:addItem’, {
‘id’: ‘1234’,
‘name’: ‘Fluffy Pink Bunnies’,
‘sku’: ‘DD23444’,
‘category’: ‘Party Toys’,
‘price’: ‘11.99’,
‘quantity’: ‘1’,
});
ga(‘ecommerce:send’);
</script>

以上,若要準確帶入結帳、商品資料的值,通常會需要架設該電子商務網站的工程師協助寫程式如以下 php 範例。但若只要能順利抓取,日後也就可以清楚了解網站實際營收金額與相關資訊了。

延伸閱讀:
GA (Google Analytics) 是什麼?為什麼全世界都在用?
開啟網站分析之門-學習Google Analytics吧
看懂GA報表前,不可不知道的指標與維度
瞭解Google Analytics 使用者的帳戶管理架構
GA追蹤碼安裝教學,多做這個步驟日後不用捶心肝
Google Ads再行銷廣告,使用GA設定名單投放策略更精準