通过Google Tag Manager布署普通电子商务

GTM电子商务模块 黄业忠 5年前 (2016-11-11) 11823次浏览 已收录 22个评论

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

这篇文章主要是介绍如何通过GTM部署普通型电子商务跟踪代码。

通过GTM部署Universal Analytics

将页面上的跟踪代码删除后在GTM中新建一个Universal Analytics的tag,配置如下:
通过Google Tag Manager布署普通电子商务
删除页面上现有的跟踪代码非常重要,如果没有,页面将被触发两次,这将会污染你的数据。

打开GA的电子商务跟踪

只有GA中的电子商务跟踪已经被开启,GA才会展示电子商务报告,具体步骤如:

登录GA账号,并点击“Admin”
通过Google Tag Manager布署普通电子商务

点击View下面的Ecommerce Settings
通过Google Tag Manager布署普通电子商务

选择按钮为“on”并点击Next Step按钮:
通过Google Tag Manager布署普通电子商务
点击Submit
通过Google Tag Manager布署普通电子商务
这时,你的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代码跟踪代码之前。你最终看到开发的代码可能会是这样的:
通过Google Tag Manager布署普通电子商务
但你在页面上并不会看到如上代码,你实际看到的是这样的:
通过Google Tag Manager布署普通电子商务
电子商务数据层代码放的位置一定要在GTM跟踪代码之前:
通过Google Tag Manager布署普通电子商务
在GTM中配置电子商务跟踪

触发器配置:触发器均为自定义事件接受数据层中的event。
通过Google Tag Manager布署普通电子商务
tag配置:
通过Google Tag Manager布署普通电子商务
最终:
通过Google Tag Manager布署普通电子商务
这个就是下单的电子商务配置,还有取消订单,放入购物车~~
来源:www.optimizesmart.com


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:通过Google Tag Manager布署普通电子商务
链接:https://www.ichdata.com/deploying-general-e-commerce-through-gtm.html

喜欢 (8)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(22)个小伙伴在吐槽
  1. GTM电子商务代码跟踪的交易数据是否准确,跟跨子域跟踪设置是否正确有关系吗? 我们11月初从gtag电商代码换成gtm电商代码后,跟踪到的交易数据少了许多。
    bruce2021-11-25 09:52 回复 Windows 7 | Chrome 95.0.4638.69
    • 黄业忠
      布署正确,没有遗漏丢失就准确。与跨子域跟踪无关。
      黄业忠2021-11-25 10:35 (1周前)回复 Mac OS X | Chrome 96.0.4664.55
  2. 谷歌帮助中心是这样的格式:dataLayer.push https://support.google.com/tagmanager/answer/6107169 用你这样的dataLayer = [{ 格式会不会有问题
    Bruce2021-11-04 12:01 回复 Windows 7 | Chrome 95.0.4638.69
    • 黄业忠
      dataLayer.push这样才是将数据发送出去,dataLayer = [{ 这种是数据初始化
      黄业忠2021-11-05 16:22 回复 Mac OS X | Chrome 95.0.4638.69
      • 那我直接用谷歌帮助中心https://support.google.com/tagmanager/answer/6107169这个gtm标准的电商代码就好了吧? window.dataLayer = window.dataLayer || []; dataLayer.push({ 'transactionId': '1234', 'transactionAffiliation': 'Acme Clothing', 'transactionTotal': 38.26, 'transactionTax': 1.29, 'transactionShipping': 5, 'transactionProducts': [{ 'sku': 'DD44', 'name': 'T-Shirt', 'category': 'Apparel', 'price': 11.99, 'quantity': 1 },{ 'sku': 'AA1243544', 'name': 'Hat', 'category': 'Apparel', 'price': 9.99, 'quantity': 2 }] });
        Bruce2021-11-07 18:27 回复 Windows 7 | Chrome 86.0.4240.198
  3. 您好,我的网站里面有好多商品,是不是要在各个商品页面都放上“根据各个商品的参数编写的电子商务数据层代码”?即如果我的网站里面有100个SKU,那是不是要设置100个独立的电子商务数据层代码?谢谢
    Zhe2017-12-03 23:40 回复 Windows 7 | Chrome 55.0.2883.87
    • 可以合并成同一个
      GA小站2017-12-04 08:43 回复 Windows 10 | Chrome 61.0.3163.100
      • 也就是说“transactionProduct”下面是可以同时放置多个SKU?如上面例子中的DD44AA1234544
        Zhe2017-12-04 20:08 回复 Windows 7 | Chrome 57.0.2987.133
        • 是的
          GA小站2017-12-05 08:54 回复 Windows 10 | Chrome 61.0.3163.100
          • 嗯,如果代码段非常长,会不会对网站加载速度产生影响?
            Zhe2017-12-05 08:56 Windows 7 | Chrome 57.0.2987.133
          • 最多8K,超过会丢失
            GA小站2017-12-05 10:46 Windows 10 | Chrome 61.0.3163.100
  4. 电子商务可以追踪单个订单的来源吗?比如订单来自的国家和设备
    lbw2017-09-27 12:55 回复 Windows 10 | Chrome 61.0.3163.100
    • 可以
      GA小站2017-09-27 13:03 回复 Windows 10 | Chrome 61.0.3163.100
      • 单个订单的设备也可以追踪的到吗? 我找的数据好像是订单级别的只能追踪这些: 订单号(必填项) 连署机构 订单金额(必填项) 订单税款 订单运费 订单来源的城市 订单来源的省/直辖市/自治区等 订单来源国家
        lbw2017-09-27 13:08 回复 Windows 10 | Chrome 61.0.3163.100
        • 这些信息是默认自带的,但有些会获取不到,所以数据是不全的
          GA小站2017-09-27 13:47 回复 Windows 10 | Chrome 61.0.3163.100
  5. 网站上付款成功的转化目标和后台订单数一致,但电子商务缺失20%,这一般是什么情况导致的?
    小明2017-04-15 09:51 回复 Windows 7 | Chrome 55.0.2883.87
    • 电子商务中的哪部分缺失?
      GA小站2017-04-15 13:04 回复 Mac OS X | Chrome 56.0.2924.87
      • 电子商务的交易次数整体缺失。
        小明2017-04-15 15:41 回复 Windows 7 | Chrome 50.0.2661.102
      • 用的是opencart系统,用mangento的站没啥问题。
        小明2017-04-15 15:43 回复 Windows 7 | Chrome 50.0.2661.102
        • 第三方模块的,可能是部分触发条件限制太强了,导致部分没能触发
          GA小站2017-04-15 15:55 回复 Mac OS X | Chrome 56.0.2924.87
          • 大神,还有个问题 :mrgreen: 。我用GTM跟踪按钮的点击,同样的设置方法,有个别按钮没有被触发。是因为按钮的class属性问题还是网站代码的问题?
            小明2017-04-15 16:03 Windows 7 | Chrome 50.0.2661.102
          • Trigger设置不够准
            GA小站2017-04-15 16:10 Mac OS X | Chrome 56.0.2924.87