已出视频课程,直接看:最全面的增强型电子商务布署视频教程
这篇文章主要是介绍如何通过GTM部署普通型电子商务跟踪代码。
通过GTM部署Universal Analytics
将页面上的跟踪代码删除后在GTM中新建一个Universal Analytics的tag,配置如下:
删除页面上现有的跟踪代码非常重要,如果没有,页面将被触发两次,这将会污染你的数据。
打开GA的电子商务跟踪
只有GA中的电子商务跟踪已经被开启,GA才会展示电子商务报告,具体步骤如:
登录GA账号,并点击“Admin”
点击View下面的Ecommerce Settings
选择按钮为“on”并点击Next Step按钮:
点击Submit
这时,你的GA就已经做好了收集和展示电子数据的准备了。
创建并添加电子商务数据层到站点
让开发写个脚本自动将页面的电子商务相关的数据按照如下格式:
<script>
dataLayer = [{
'transactionId': '[Server Variable]', // Transaction ID - Type:String - Required
'transactionAffiliation': '[Server Variable]', // store name - Type:String - Optional to use
'transactionTotal': [Server Variable], //total revenue - Type:Numeric - Required
'transactionTax': [Server Variable], // Tax amount for transaction - Type:Numeric - Optional to use
'transactionShipping': [Server Variable], // Shipping cost - Type:Numeric - Optional to use
'transactionProducts': [{
'sku': '[Server Variable]', // Product SKU - Type:String - Required
'name': '[Server Variable]', // Product Name - Type:String - Required
'category': '[Server Variable]', // Product Category - Type:String - Optional to use
'price': [Server Variable], // Product Price - Type:Numeric - Required
'quantity': [Server Variable] // Product Quantity - Type:Numeric - Required
},{
'sku': '[Server Variable]', // Product SKU - Type:String - Required
'name': '[Server Variable]', // Product Name - Type:String - Required
'category': '[Server Variable]', // Product Category - Type:String - Optional to use
'price': [Server Variable], // Product Price - Type:Numeric - Required
'quantity': [Server Variable] // Product Quantity - Type:Numeric - Required
}]
}];
</script>
而且这个需要在GTM跟踪代码之前就实现,在这个过程中需要注意,数据层的变量是注意大小写的,不要用系统已经占用的标识符,确保这个数据层的代码要在GTM代码跟踪代码之前。你最终看到开发的代码可能会是这样的:
但你在页面上并不会看到如上代码,你实际看到的是这样的:
电子商务数据层代码放的位置一定要在GTM跟踪代码之前:
在GTM中配置电子商务跟踪
触发器配置:触发器均为自定义事件接受数据层中的event。
tag配置:
最终:
这个就是下单的电子商务配置,还有取消订单,放入购物车~~
来源:www.optimizesmart.com