Google Analytics 數據分析數據分析

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

Ada Tsai

2017-10-12

(更新日期: 2024-09-11)

若想要了解網站相關的數據表現，最為大家所熟知的就是運用免費又強大的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 電子商務報表上查看、分析了。

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

啟用電子商務追蹤功能

ga(‘require’, ‘ecommerce’);

收集最終結帳交易資料用

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

收集結帳商品資料用

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’
});

傳送上述電子商務相關資料至 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 範例。但若只要能順利抓取，日後也就可以清楚了解網站實際營收金額與相關資訊了。