與Google Analtics一樣,Google Urchin跟蹤電子商務功能,需要特定插碼。通過在收據頁面(訂單提供成功提示頁)加入某些簡易功能,Urchin可自動檢測並記錄交易和產品資訊。所需資訊會被置入隱藏表單,該表單會被解析為交易和產品資訊。
一、啟用電子商務跟蹤
跟蹤電子商務交易的第一步是啟用所選設定檔的電子商務報告。要啟用電子商務報告,請按下列步驟操作:
登入到 Urchin。
點擊要啟用的設定檔旁的“修改”。
在”網站設定檔設定”頁上,點擊”主要網站配置資訊”旁的”修改”。
將”電子商務網站”選項按鈕從”否”改為”是”。
二、收據頁面格式
第二步,確保以標準格式在收據頁面中加入跟蹤代碼。可以使用伺服器端代碼模組實現,也可直接手動輸入 HTML 程式碼:
<script src=”/urchin.js” type=”text/javascript> </script>
接下來,在收據頁面代碼中寫入以下行。括弧中的所有內容都應使用實際值(電子商務網站通常是變數名)取代,如下述參數資料中所述:
<form style=”display:none;” name=”utmform”>
<textarea id=”utmtrans”>
UTM:T[order-id][affiliation][total][tax] [shipping][city][state][country]
UTM:I[order-id][sku/code][productname][category][price][quantity]
</textarea>
</form>
最後,請務必在表單提交後調用 utmSetTrans 函數,以記錄相應交易。最簡單的方法是通過開始標記內的 body onLoad 事件來實現這一操作:
<body onLoad=”javascript:__utmSetTrans()”>
如果無法修改標記,可以在單獨的指令碼標記內調用 utmSetTrans 函數,但前提是確保在表單之後調用這一函數:
<script type=”text/javascript”>__utmSetTrans();</script>
請注意:在為表單設定值時,請不要包含方括弧。此外,不要用逗號分隔總計、稅金和運費欄位中的千位,逗號後的數字將被忽略。
樣本
UTM:T34535Main Store111108.068467.0610.00San DiegoCAUSA
UTM:I34535XF-1024Urchin T-ShirtShirts11399.009
UTM:I34535CU-3424Urchin Drink HolderAccessories20.002
在隱藏表單內有兩種類型的行:”交易”行和”項目”行。對於每筆交易,只應有一個交易行,它由”UTM:”後緊跟的”T”表示。此行指定交易總額,包括所有稅金或運費及其他資訊。對於收據中的每個項目,請建立一個由 “I” 表示的項目行。該項目行可以包括產品名稱、代碼、單價和數量。每筆交易的項目行數沒有限制。
參數資料:
交易行變數
[order-id] 您內部的唯一訂單 識別碼
[affiliation] 可選夥伴或商店聯屬機構
[total] 交易的總金額(以美元表示)
[tax] 交易的稅額
[shipping] 交易的運費
[city] 與交易相關聯的城市
[state/region] 州/省
[country] 省/地區
項目行變數
[order-id] 您內部的唯一訂單 識別碼(應與交易行相同)
[sku/code] 產品 SKU 碼
[product name] 產品名稱或說明
[category] 產品或類似產品的類別
[price] 產品單價
[quantity] 預訂數量
關於跨域的處理方法
通常情況下,上面的基本方法已經可以完成urchin的電子商務追蹤配置,但是,有時候會遇到跨域的情況:
1.跨子域(例如www.example.com到buy.example.com)
這種情況比較好處理,只需要添加定義主域的語句即可,以下是添加後的通用代碼部分:
<script src=”/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>_udn=”mystore.com”;</script>
2.跨主域(例如www.example.com到www.shop.com)
這種情況下,需要將以下行(以粗體顯示)添加到您的商店網站和購物車頁面的跟蹤代碼中:
<script src=”/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>
_udn=”none”;
_ulink=1;
</script>
如下所示,將主要網站到安全網站的連結改為使用 utmLinker。如果您的當前連結如下所示:
<a href=”https://www.securecart.com/?store=parameters”>立即購買</a>
將其更改為:
<script type=”text/javascript”>
document.write(‘<a href=”javascript:__utmLinker(’https://www.securecart.com/?store=parameters’);”>立即購買</a>’);
</script>
<noscript>
<a href=”https://www.securecart.com/?store=parameters”>立即購買</a>
</noscript>
無論使用者是否啟用了 JavaScript,以上代碼都可為使用者提供連結。請特別注意,當撇號出現在連結或連結文字中時,應以反斜線對其進行轉義。 重要提示:如果您的網頁中包含對 urchinTracker()、utmLinker()、utmSetTrans()或 utmLinkPost()的調用,那麼您需將 Google Analytics(分析)跟蹤代碼放在 HTML 程式碼中這些調用的上方。在這類情況下,跟蹤代碼可以放在開始 標記和 JavaScript 調用之間的任何位置。
如果您使用表單將資訊發送到購物車,請使用 utmLinkPost() 函數。它會將 Cookie 資料附加到所提供表單的網址中。
<form action=”HTTP://newdomain.com/form.cgi” onSubmit=”javascript:__utmLinkPost(this)”>
即使在 method="GET"處,同樣可以正常工作.
重要提示:如果您的網頁中包含對 urchinTracker()、utmLinker()、utmSetTrans()或 utmLinkPost()的調用,那麼您需將 Google Analytics(分析)跟蹤代碼放在 HTML 程式碼中這些調用的上方。在這類情況下,跟蹤代碼可以放在開始 標記和 JavaScript 調用之間的任何位置。
文章來源:搜尋營銷藝術,轉載請註明出處。原文:http://www.searchmarketingart.com/how-do-i-track-e-commerce_transactions.html