Google Analytics(分析)是一种非常有用的工具,可以用来跟踪您网站上的访问者,但是除了添加标准的跟踪代码 (由JavaScript代码段组成)之外,几乎没有其他开发人员。
除了自定义事件 (如果您想知道事件是什么,请参见上面的链接),我们还可以使用一些额外的代码来跟踪Google Analytics(分析)中的电子商务交易。
为什么要在Google Analytics(分析)中跟踪电子商务交易?
大多数电子商务系统都提供详细的交易统计信息,但是您不一定要将它们与会话,设备,人口统计信息或其他重要指标相关联。 例如,是由于用户体验改善,成功的营销活动还是季节性变化引起的销售增长? 谁知道。
在Google Analytics(分析)中记录交易意味着:
- 产品和用户报告更加丰富和深入
- 您可以将交易直接关联到AdWords和其他广告系列系统
- 您可以评估广告系列的成功,并专注于那些可带来高投资回报率的广告系列
- 您可以将对这些报告的访问权限授予公司中的报告,而不必将其添加到电子商务系统中。
让我们潜入。
整体概念
通常,您的用户会将物品添加到购物车,结帐,可能进行注册,支付一定金额,然后重定向到确认屏幕。 用户正式签出后,交易详细信息将显示在Google Analytics(分析)中。
电子商务交易数据通常存储在您的后端系统或付款网关的后端系统中。 为了使此信息显示在Google Analytics(分析)中,我们需要更新JavaScript代码,以便Google Analytics(分析)也可以跟踪此数据。
如何启用电子商务跟踪
转到左侧的“ 管理”区域(齿轮图标),选择“ 属性” (您的网站),然后选择“ 电子商务设置” 。 将“状态”切换为“ 开” 。
注意:“相关产品”功能已于2017年4月弃用 ,因此请完全避免使用此功能。
增强型电子商务设置可让您记录产品印象,促销和优惠券使用等操作。 我建议您首先实施标准的电子商务跟踪,然后在以后想进行更高级的电子商务跟踪时,查阅增强型电子商务文档 。
最后,打开“ 查看设置”菜单,并在必要时更改显示为值的货币 。
启用电子商务交易
接下来,使用此代码段启用电子商务交易:
ga('require', 'ecommerce');
注意:此操作必须在页面跟踪代码段之后且在使用任何电子商务功能之前运行。
开始新交易
接下来,使用以下JavaScript代码启动事务:
ga('ecommerce:addTransaction', {
'id': '[transactionId]',
'affiliation': '[storeName]',
'revenue': '[totalCost]',
'shipping': '[shippingCost]',
'tax': '[taxCost]',
'currency': '[currency]'
});
让我们分别查看该对象中的每一行……
[transactionId](必填)
唯一交易标识符,例如'ABC-123'
。
[storeName](可选)
关联公司或商店名称,例如'My Online Shop'
。
[totalCost](可选)
总成本包括运费和税金。 必须使用没有货币符号的字符串编码数字,例如'12.99'
。
[shippingCost](可选)
运输的(数字)成本,例如'2.99'
。
[taxCost](可选)
(数字)税,例如'1.64'
。
[货币](可选)
我们已经在前面设置了默认货币,但是如果购物者选择使用其他货币付款,您也可以指定3个字符的ISO 4217国家/地区代码,例如EUR (Euros)或GBP (British Pound)。
向交易添加项目
使用以下代码段将项目添加到现有事务中:
ga('ecommerce:addItem', {
'id': '[transactionId]',
'name': '[productName]',
'sku': '[productCode]',
'category': '[categoryName]',
'price': '[price]',
'quantity': '[quantity]'
});
再次,让我们分别查看该对象中的每一行……
[transactionId](必填)
唯一交易标识符,例如'ABC-123'
。 这必须与上面的交易中使用的代码匹配,以阐明该项目与用户已经拥有的购物篮有关。
[productName](必填)
产品名称,例如'mens blue shirt'
。
[productCode](可选)
唯一的产品代码或库存单位(SKU),例如'MBS-00001'
。
[categoryName](可选)
类别或变体,例如'mens shirts'
。
[价格](可选)
此商品的数字价格,例如'9.99'
。
[数量](可选)
购买的数量,例如'2'
。
清除交易中的项目
如果用户清空购物车,则以下JavaScript命令会清除交易中的所有项目:
ga('ecommerce:clear');
将交易提交到Google Analytics(分析)
然后必须使用以下JavaScript命令提交包含所有项目的最终交易:
ga('ecommerce:send');
自然,这将在确认屏幕上发生。
最终密码
因此,最终确认屏幕中的HTML代码可能如下所示:
<!DOCTYPE html>
<html>
<head>
<title>Thank you for your order</title>
</head>
<body>
<h1>Thank you for your order</h1>
<p>A receipt has been sent to you@youremail.com</p>
<!-- standard GA code -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script>
// enable the ecommerce features
ga('require', 'ecommerce');
// start the transaction
ga('ecommerce:addTransaction', {
'id': '10001',
'affiliation': 'My Cool Store',
'revenue': '54.97',
'shipping': '5.00',
'tax': '0.00'
});
// add item 1
ga('ecommerce:addItem', {
'id': '10001',
'name': 'Learn HTML',
'sku': 'BOOK00001',
'category': 'book',
'price': '14.99',
'quantity': '1'
});
// add item 2
ga('ecommerce:addItem', {
'id': '10001',
'name': 'Learn CSS',
'sku': 'BOOK00002',
'category': 'book',
'price': '14.99',
'quantity': '1'
});
// add item 3
ga('ecommerce:addItem', {
'id': '10001',
'name': 'Learn JavaScript',
'sku': 'BOOK00003',
'category': 'book',
'price': '19.99',
'quantity': '1'
});
// send transaction
ga('ecommerce:send');
</script>
</body>
</html>
几个小时之内,您就可以在Google Analytics(分析)的“ 转换”→“电子商务”部分中查看交易统计信息(以及其他报告)。
有关更多信息,请参阅Google Analytics(分析)文档 :
From: https://www.sitepoint.com/track-ecommerce-transactions-google-analytics-reports/