通过GTM部署普通电子商务

已出视频课程，直接看：最全面的增强型电子商务布署视频教程

这篇文章主要是介绍如何通过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