现在很多中小型公司没有更多精力去开发自己的业务追踪系统，所以会借助其他工具来跟踪业务销售情况，那么GA会是个很不错的选择，GA是我一直推荐的一款网站，APP数据追踪的强大工具。文章很长，需要耐心反复看，理解大于操作！
一、什么是Google Analytics（分析）电子商务跟踪？
通过一些配置，你可以开始使用Google Analytics（分析）跟踪销售，其中就归功于电子商务跟踪功能。 通过它们，将能够衡量交易数量，网站产生的收入等信息，当然现在的GA4配置思路和这个是一样的，所以还是以旧版的ga为例。
一般情况下用户完成购买，然后会重定向到“ 订单成功确认”页面，此刻可以由Google Analytics（分析）捕获。通过将交易数据发送到Google Analytics（分析）（如“ 订单总额”或“ 购买的产品数量”数据）。 Google Analytics（分析）电子商务实现方法主要有两种类型：
- Google Analytics（分析）中的标准电子商务报告可让你分析基本的网站或APP应用上的购买活动。还可以查看产品和交易信息，平均订单价值，电子商务转化率，购买时间以及其他数据。
- 增强型电子商务为你的Google Analytics（分析）报告添加了更多的功能。它显示客户何时将商品添加到购物车，何时开始结帐流程以及何时完成购买等具体信息，你还可以使用增强型电子商务来确定属于购物渠道的客户群等等。
哪种电子商务报告选项最适合你的业务？如果你只想查看销售数据以及每种产品的销售情况如何，哪些流量来源产生了销售，请选择“标准电子商务”功能。如果你不仅要看购物，而且要看访问者的购物轨迹（与“ 添加到购物车 活动”，“ 结帐步骤”等有关的数据），那么应该选择“增强型电子商务”。但是，实现增强型电子商务功能要困难得多，此外，它需要更多的开发人员来跟你配合才能使事情顺利进行。因此，你需要权衡选择。
二、配置前期需要知道的事情
＃1 在Google Analytics（分析）中启用电子商务报告
登录到你的Google Analytics（分析）帐户，然后转到“管理”部分：
然后 在视图级别选择“ 电子商务设置”。然后单击切换按钮以启用电子商务功能。禁用增强型电子商务功能（因为你用标准型电子商务功能的话就不要开第二个按钮）。
最后点击保存即可！如果你想使用增强型电子商务，就两个都点开按钮即可！！
＃2。数据层中的交易数据
数据层是Google跟踪代码管理器很关键的组成部分之一，它包含了网站非常有用的信息，这些信息以后会在GTM代码，触发器和变量中使用。为了使Google跟踪代码管理器能够进行GA Ecommerce跟踪，首先，我们需要将交易数据推送到数据层。然后，我们将指示GTM读取该数据并将其传输到 Google Analytics（分析），这就是网站、APP，GTM和GA的工作合作流程。
开发人员或者插件将交易数据添加到数据层（成功完成购买后），这一步也是最麻烦的，如果你不懂代码如何工作就会很棘手，所以一定要向技术部门寻求帮助，让他们帮助你完成代码的书写，你只需要提出你的需求即可，比如你想提取付款成功后用户具体买了多少商品，总额是多少等信息，然后把Google官方的datalayer代码范例发给他，如下：
<script>
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': 'Socks',
'category': 'Apparel',
'price': 9.99,
'quantity': 2
}]
});
</script>当然这些代码只是基本的，并不是非要按照这个范例，也可以使用自定义JS来提取数据，这个要取决于公司技术部门怎么来怎么方便使用，就用哪个即可。还有并非每个参数都是必需的，比如有的网站不需要税费这个选项，那就删掉不用。当然，你传递的数据越多，电子商务报告中看到的内容就越多，所以不嫌麻烦也可以都用。有些参数是必须要的，比如transactionProducts中的dataLayer.push JavaScript代码段就必须包含 产品名称，sku，价格，数量。所以最好去看下谷歌官方文档确认下：Google的官方文档。
＃2.1。注意几件事
在复制该代码并将其发送给开发人员之前，还需要了解几件事：
- 不用盲目复制上述代码并将其粘贴到“购买成功”页面上，这样是不会起作用的，因为上述代码是全部写死的，是静态的，只是个范例，你需要按照范例书写动态的代码作用于页面上。
- 这些参数的名称和代码的整个结构必须与上述代码和Google文档中显示的名称相同。你可以随意跳过可选参数，但不能将transactionTotal 重命名为orderTotal之类的其他名称。一般左边的双引号下的内容是不能修改的，右边的才是你要去填充的数据。
- 如果你使用的是WooCommerce，shopify之类的电子商务平台，那么会有现成的插件，该插件可以在成功购买后将GA Ecommerce交易数据发送到数据层（格式正确的话）。比如WooCommerce，插件称为GTM4WP。你可以通过转到插件的设置>集成> Woocommerce并单击跟踪经典电子商务来启用标准电子商务跟踪。
＃2.2。GA电子商务dataLayer.push代码放在哪里？
为了知道必须在哪里添加dataLayer.push代码，首先你需要考虑购买成功后会发生什么情况？
- 客户端是否重定向到“谢谢”页面？
- 还是页面保持原样并且仅在屏幕上显示“成功”消息（但该页面的URL保持不变）？
如果将客户重定向到“谢谢”页面，则必须将代码放在GTM容器代码上方。将其放在上方非常重要。为什么？因为这样，电子商务交易数据在开始加载时便已经可用于Google跟踪代码管理器。越早将数据推送到数据层，你就越能够将其发送到Google Analytics（分析）。
如果开发人员将Ecommerce dataLayer.push代码放在GTM容器下面，那么最早Ecommerce数据发送到GA的那一刻就是DOM Ready触发器了。如果成功完成购买后页面未重新加载，则开发人员可以在需要时放置代码，但需要进行其他修改。开发人员必须添加一个称为“event”的附加参数（它的值可以是你想要的任何值，例如“购买”，“销售”，“电子商务”或其他标记的参数）。添加了额外的代码行之后，最终的dataLayer.push代码如下所示（请参见第4行）：
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'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': 'Socks',
'category': 'Apparel',
'price': 9.99,
'quantity': 2
}]
});
</script>如果你按照上面的这种情况配置，你还需要在GTM中创建一个自定义触发器来捕获此交互事件，这个以后再解释，一般来说，如果你是电子商务类型的网站，我是推荐大家使用这类方法去配置的，方便管理。
＃2.3。如何使用Google跟踪代码管理器测试dataLayer.push代码
一旦开发人员通知你已经做好了transaction dataLayer.push代码，你需要测试下是不是对的：
- 去GTM界面打开启用预览和调试模式
- 转到要跟踪交易并完成购买的网站/在线商店
- 完成购买
- 然后看下传的数据是不是对的
效果是下图显示的这样的话说明你布置是不对的，没有触发代码：
如果你看到类似以下内容说明你的代码配置就是正确的了：
三、配置GTM Tag将电子商务数据发送到Google Analytics（分析）
创建一个新的GTM Tag，命名为GA-Transaction，转到标记>新建，然后选择Universal Analytics标记模板。在标记配置中，输入以下设置：
如果不知道在Google Analytics（分析）设置字段中选择什么，请阅读有关Google Analytics（分析）设置变量的指南。
- 场景1。Ecommerce dataLayer.push代码被添加到GTM容器上方（在“谢谢”页面上）
- 场景2。Ecommerce dataLayer.push代码被添加 到 GTM容器下方（在“谢谢”页面上）
- 场景3。电子商务dataLayer.push代码在未重新加载的页面 上被激活（成功购买后）
根据网站的具体情况，你必须选择以下两种情况之一并分别创建触发器。
1、场景1-在GTM容器上方添加了Ecommerce dataLayer.push代码，在这种情况下，我们知道在页面查看事件发生之前将事务数据推送到数据层，因此我们可以为触发器选择 页面查看 类型。因此，应该转到“ 触发器”（在GTM容器中）并单击“新建”，然后选择“ pageview”触发器类型。但是我们不希望此触发器在所有页面上触发，而仅在某些页面上触发。让我们看看订单确认页面的URL（网址）。比如：www.example.com/order/purchase-successful。 比如:www.example.com/order/purchase-successful/23749372。最后一位是订单ID。或者可以写成正则的方式，具体可以询问技术人员怎么实现。
2、场景2-在GTM容器下方添加了Ecommerce dataLayer.push代码。如果开发人员无法在GTM容器上方添加dataLayer.push代码，则应创建一个DOM Ready触发器。其条件与上一个触发器相同，但触发器类型应为 DOM Ready。
3、场景3-在未重新加载的页面上激活了电子商务dataLayer.push代码（dataLayer.push包含“事件”参数） 实际上，“事件”参数也可以在＃1和＃2场景中使用。但是我想强调一点，如果购买完成后页面没有重新加载，则这是必须的（因此，Page View和DOM Ready事件不是很有用），因此需要额外使用自定义事件作为触发器。 由于“ event”参数的值为“ purchase”，在GTM容器中，转到触发器>新建>自定义事件：
确保在“活动名称”字段中准确输入 购买信息（此字段区分大小写）。我们只是做的是指示Google跟踪代码管理器捕获数据层中的所有“购买”事件，并将其转变为触发器。换句话说，进行购买 → 购买事件被推入数据层→GTM捕获该事件并将其用作自定义事件触发器→触发器触发一个标签，该标签会将数据发送到Google Analytics（分析）。
下一步是将触发器（刚刚创建的）分配给Universal Analytics Transaction标签。 做完以上就要开始测试了，将所有更改保存在容器中，保存到Universal Analytics标签和触发器中，刷新“预览”和“调试”模式，并完成购买。比如我设置的是客户端被重定向到“谢谢”页面，并添加了dataLayer.push在GTM容器上方：
GA交易代码会按预期触发，并将数据发送到Google Analytics（分析）。但是，如何确定数据确实已正确发送到GA？让我们使用Tag Assistant 和GA调试器扩展。如果尚未安装，请在浏览器中安装。PS:我强烈建议你使用Chrome浏览器。一旦安装了Tag Assistant，蓝色图标将出现在右上角，点击它，然后点击“启用”。不会的小伙伴可以去看下这篇文章：【GTM教程】怎么检查/GA/Google tag manager是否已经生效
四、可能会出现的问题
1、防止重复交易导致数据重复
是否有这个可能，如果客户登陆“谢谢”页面并在一段时间后刷新页面会发生什么情况？GA交易代码很可能会再次触发？电子商务报告中的订单重复和编号过高。如何预防？主要有两种思路：
- 要求开发人员仅将dataLayer.push代码触发一次。如果页面被重新加载，则不应再次执行该操作。
- 如果无法使用前一个选项，也就是想办法将订单ID存储在cookie中。重新加载“谢谢”页面后，GTM将检查Cookie。如果cookie已经包含当前“谢谢”页面的订单ID，则交易标签被阻止。
对于此解决方案，您需要做6件事：
- 创建一个读取交易ID的数据层变量
- 创建一个第一方Cookie变量，该变量存储访问者/客户已完成的所有交易ID的列表
- 创建一个自定义JavaScript变量，该变量将检查当前订单的交易ID是否已存储在第一方Cookie中
- 创建一个自定义JavaScript变量，该变量将事务ID存储在cookie中
- 更新Universal Analytics Transaction标签，并将变量＃4添加到hitCallback的字段中
- 更新触发通用Analytics（分析）交易代码的触发器。从现在开始，仅当第三个变量（在此列表中）不等于true时，它才应触发 。这意味着当前订单的交易ID已经存储在Cookie中，你的交易代码不会再次触发，因此可以避免重复交易。
＃1 创建数据层变量“交易ID” GTM容器中，转到“变量”>“新建”>“数据层变量”，然后输入 transactionId
＃2。创建数据层变量“交易ID” GTM容器中，转到“变量”>“新建”>“第一方Cookie”，然后输入以下设置：
＃3。创建一个自定义JavaScript变量，以检查ID是否已存储在cookie中 转到变量>新建>自定义JavaScript，然后粘贴以下代码：
function() { return /(,|^){{dlv - Transaction ID}}/.test({{Cookie - User Transactions}}); }
＃4。创建一个自定义JavaScript变量，该变量将ID存储在cookie中
使用以下代码再创建一个自定义JavaScript变量：
function() {
return function() {
var d, expires;
var cvalue = '';
// Run the code only if a transaction is found in the data layer
if ({{dlv - Transaction ID}}) {
d = new Date();
d.setTime(d.getTime() + (2*365*24*60*60*1000));
expires = 'expires='+d.toUTCString();
// If the cookie already exists, append not overwrite
if ({{Cookie - User Transactions}}) {
cvalue = {{Cookie - User Transactions}} + ',';
}
document.cookie = 'user_transaction_ids=' +
cvalue + {{dlv - Transaction ID}} + '; ' + expires + '; path=/';
}
};
}将此变量命名为 CJS –在cookie中设置交易ID
＃5。使用hitCallback更新Universal Analytics交易代码
在你的GA交易代码中，点击启用此代码中的覆盖设置复选框 ，然后点击 更多设置>要设置的字段并输入 hitCallback（区分大小写），然后在其值字段中插入将交易ID存储在cookie中的自定义JavaScript变量。
hitCallback是一项功能，当成功触发Universal Analytics代码并将数据发送到Google Analytics（分析）时，将激活该功能。当所有这些成功发生时，hitCallback功能可以调用插入其Value中的变量 。在我们的例子中，该变量是Custom JavaScript，它将交易ID存储在cookie中。
＃6。更新交易触发器
打开你要用于GA交易代码的触发器，然后添加以下条件：CJS –Cookie中的交易ID不等于true。也就是说如果交易ID（或当前购买的商品）已经存在于cookie中，则交易触发器将不会被激活，因此将防止重复交易。完成之后再按照上面测试方法再测试一遍。然后刷新“谢谢”页面，并检查是否再次触发了交易代码。
五、去检查GA电子商务报告
弄好后，你的销售数据将进入Google Analytics（分析）电子商务报告。转到转化>电子商务>概述。如果他们还是空的，不要惊慌，处理数据并显示在这些报告中需要一些时间，耐心一点。通常，该信息会在几个小时内显示出来。但是，如果需要更长的时间，请耐心等待24小时，如果还没有，可能配置除了问题，继续排查原因。
