谷歌分析增强型电子商务跟踪


第08章

Cart

典型的电子商务网站都需要跟踪线上购买(即交易),Google Analytics(谷歌分析)为电子商务网站进行交易跟踪提供了两个主要功能。

  • 电子商务跟踪
  • 增强型电子商务跟踪

我强烈建议所有电子商务网站设置Google Analytics电子商务跟踪(或增强型电子商务跟踪)并记录交易数据。

  • 通过电子商务跟踪(或增强型电子商务跟踪),你可以记录你网站上发生的所有交易信息,包括:订单ID、交易值、产品ID、产品数量等。
  • Google Analytics记录的交易数据可与其他现有的Google Analytics指标和维度相关联,以进行更高级的报告和分析。

电子商务跟踪的应用范围

没有电子商务跟踪,你的Google Analytics数据和你的交易数据就会是分离的。

  • 所有的交易都在你的网站服务器上处理,所有交易的数据都记录并存储在你的数据库中。
  • 所有的用户行为数据都会被发送并存储在Google的服务器中, Google Analytics报告将只会展示行为数据。
  • Google Analytics数据和你的交易数据之间未建立任何连接。
  • 分离的数据无法支持任何复杂分析。

当你部署了电子商务跟踪,将能够在Google Analytics数据和交易数据之间建立连接。

  • 所有的交易都在你的网站服务器上被处理,所有交易数据都记录并存储在你的数据库中。
  • 所有用户的行为数据都会发送并存储在Google的服务器中。
  • Google Analytics数据和交易数据通过下单客户的订单ID建立连接。
  • 行为数据和交易数据都会显示在你的Google Analytics报告中。
  • 整合后的数据支持进一步的复杂分析。

部署电子商务跟踪

下面是在你的移动端网站部署电子商务跟踪的步骤。

  • 启用电子商务跟踪
  • 开始电子商务跟踪
  • 添加一个交易
  • 为这个交易添加项目
  • 发送数据
  • 移除数据
  • 验证数据

启用电子商务跟踪

在你的Google Analytics媒体资源下,点击:

View -> Ecommerce Settings
  • 在启用电子商务下选择开启。这将使你的Google Analytics数据视图使用电子商务跟踪。

通过电子商务跟踪,你可以将用户的交易信息发送到Google Analytic服务器,并在Google Analytics报告中查看用户的交易以及与其交易相关的其他信息。

  • 除了基础的Google Analytics跟踪代码,你还需要使用其他JavaScript代码(即电子商务跟踪代码)将交易数据发送到Google Analytics。
  • 电子商务跟踪代码的触发和数据的发送都只能在一次交易完成后。
  • 电子商务跟踪代码支持强制数据和可选数据的收集。

开始进行电子商务跟踪

要在一个网页上开始Google Analytics电子商务跟踪,需使用下面的代码行。通常这行代码应该紧跟着交易完成代码段。 此行创建一个购物车对象,等待你向其中添加交易和项目数据。

ga('require', 'ecommerce');

上述代码标志着电子商务跟踪的开启,它是电子商务跟踪代码的第一行,必须放在所有其他电子商务跟踪相关代码之前,且必须放置在开启Google Analytics跟踪的代码行之后。

完整的顺序应该是:

ga('create', 'UA-XXXXXXXX-Y', 'auto');
Some Google Analytics codes
ga('require', 'ecommerce');
Rest of the Ecommerce Tracking

添加一个交易

交易的数据字段分别为:

id

  • 它为你网站上发生的每个交易都生成一个字符串作为标识符。
  • 这是一个强制字段。

revenue

  • 它作为一个数值表示特定交易的总收入。
  • 这是一个强制字段。

affiliation

  • 它可以用于特定交易的关联公司代码或引荐(形式为字符串)。
  • 这是一个可选字段。

tax

  • 它作为一个数值表示特定交易的税收费用。
  • 这是一个可选字段。

shipping

  • 它作为一个数值表示特定交易的运输费用。
  • 这是一个可选字段。

currency

  • 它允许你为你的交易指定一种货币。
  • 这是一个可选字段。通常,只有当你在Google Analytics数据视图下选择的货币与此新货币不同时,才会使用此字段。

添加交易的商品

每个商品的数据字段:

sku

  • 它表示特定产品的唯一标识符。
  • 这是一个强制字段。

name

  • 它表示特定产品的名称。
  • 这是一个强制字段。

price

  • 它作为一个数值表示特定产品的单价。
  • 这是一个强制字段。

quantity

  • 它表示通过特定交易购买的特定产品的单位数(形式为整数)。
  • 这是一个强制字段。

category

  • 它表示特定产品所属的类别。
  • 这是一个可选字段。

currency

  • 它允许你为你的交易指定一种货币。
  • 这是一个可选字段。通常,只有当你在Google Analytics数据视图下选择的货币与此新货币不同时,才会使用此字段。
  • 所有支持货币的货币代码列表:External Link.

发送数据

下一步是使用下面的代码行将整组交易数据发送到Google Analytics:

ga('ecommerce:send');

验证数据

一旦你在网站部署了电子商务跟踪所需的所有代码,下一步就是验证Google Analytics是否正确记录了交易数据。

这取决于交易在你的移动网站上的发生频率,但通常在接下来的一小时或几个小时内,你的电子商务跟踪数据应显示在Google Analytics报告中。

电子商务跟踪示例

如下电子商务跟踪示例代码把两个产品的交易数据发送给Google Analytics。

ga('require', 'ecommerce');
ga('ecommerce:addTransaction', 
{
'id': 't0000399168', 
'affiliation': 'None',
'revenue': '270.00',
'shipping': '5.00',
'tax': '27.00',
'currency': 'CNY'
});
ga('ecommerce:addItem', 
{
'id': ' t0000399168',
'name': 'Big Chocolate Bar',
'sku': 'gt345',
'category': 'Snack',
'price': '70.00',
'quantity': '1'
'currency': 'CNY'
});
ga('ecommerce:addItem', 
{
'id': ' t0000399168',
'name': 'Wine 1982',
'sku': 'gt017',
'category': 'Alcohol',
'price': '100.00',
'quantity': '2'
'currency': 'CNY'
});
ga('ecommerce:send');

使用Google Analytics跟踪和电子商务跟踪的完整跟踪代码将会成为:

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('send'#039;, 'pageview');
ga('require', 'ecommerce');
ga('ecommerce:addTransaction', 
{
'id': 't0000399168', 
'affiliation': 'None',
'revenue': '270.00',
'shipping': '5.00',
'tax': '27.00',
'currency': 'CNY'
});
ga('ecommerce:addItem', 
{
'id': ' t0000399168',
'name': 'Big Chocolate Bar',
'sku': 'gt345',
'category': 'Snack',
'price': '70.00',
'quantity': '1'
'currency': 'CNY'
});
ga('ecommerce:addItem', 
{
'id': ' t0000399168',
'name': 'Wine 1982',
'sku': 'gt017',
'category': 'Alcohol',
'price': '100.00',
'quantity': '2'
'currency': 'CNY'
});
ga('ecommerce:send');
</script>

增强型电子商务跟踪的应用范围

增强型电子商务跟踪是电子商务跟踪的升级版。

增强型电子商务跟踪的优点包括跟踪非常见信息,即已完成交易之外的其他数据。在电子商务网站的转化漏斗(用于交易)中,网页可能按此顺序排列:

  • 列表页——用户浏览一个(产品的)指定列表页
  • 产品详情页——用户浏览一个指定产品的详情页
  • 购物车——用户向购物车中添加一个产品
  • 结算页——用户到达结算页面
  • 购买完成——用户完成整个交易

通过增强型电子商务跟踪,你可以跟踪有关列表页,产品详情页,购物车,结算页等的数据。

启用电子商务跟踪

要启用增强型电子商务跟踪,Google Analytics必须启用电子商务跟踪。

在你的Google Analytics媒体资源下,点击:

View -> Ecommerce Settings

在启用电子商务下选择开启。 这将使你的Google Analytics数据视图使用电子商务跟踪。

现在点击(仍旧在同一屏下):

View -> Enhanced Ecommerce Settings

在“启用增强型电子商务报告”下选择开启,然后点击“提交”。 这将使你的Google Analytics数据视图使用增强型电子商务跟踪。

初始化电子商务跟踪

如果你已在网站上部署了电子商务跟踪,则可以将电子商务跟踪部署转化为增强型电子商务跟踪。 首先在你的跟踪代码中,替换:

ga('require', 'ecommerce');

为:

ga('require', 'ec');

为交易部署增强型电子商务跟踪

如下增强型电子商务跟踪示例代码会把两个产品的交易数据发送给Google Analytics。

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'ec');
ga('set', '&cu', 'CNY'); //Specify currency
ga('ec:addProduct',{ //Add a product
'id': 'gt345',  // Product SKU
'name': 'Big Chocolate Bar',
'category': 'Snack',
'brand': 'Whitelabel',
'variant': 'none',
'price': '70.00',
'quantity': '1',
});
ga('ec:addProduct',{ //Add a product
'id': 'gt017',  // Product SKU
'name': 'Wine 1982',
'category': 'Alcohol',
'brand': 'French Red Wine',
'variant': 'red wine',
'price': '100.00',
'quantity': '2',
});
ga('ec:setAction', 'purchase',{ //Add the transaction
'id': 't0000399168', // Transaction id
'affiliation': 'none',
'revenue': '270.00',
'tax': '27.00',
'shipping': '5.00'#039;,
'coupon': 'none',
});
ga('send', 'pageview');
</script>

交易的货币由如下代码指定:

ga('set', '&cu', 'CNY');

将项目添加到交易的方法:

ga('ec:addProduct',{
// Some Codes
});

添加交易的方法:

ga('ec:setAction', 'purchase',{
// Some Codes
});

请注意,此行代码是特意放置在整个跟踪代码的末尾的。这可确保在将数据发送到Google Analytics之前此交易的所有信息都已经被电子商务跟踪代码记录到特定字段。

ga('send', 'pageview');

产品详情页的增强型电子商务跟踪部署

要跟踪用户视图下特定的产品详情页,请将以下代码添加到所有产品详情页:

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'ec');
ga('set', '&cu', &##039;CNY'); //Specify currency
ga('ec:addProduct',{
'id': 'gt345',  // Product SKU
'name': 'Big Chocolate Bar',
'category': 'Snack',
'brand': 'Whitelabel',
'variant': 'none',
'price': '70.00',
'quantity': '1',
});
ga('ec:setAction', 'detail'); //Set the action to "details page"
ga('send', 'pageview');
</script>

购物车的增强型电子商务跟踪部署

电子商务网站的购物车页面下,用户可以进行如下行为:

  • 当用户想购买该特定商品时,添加商品(到购物车)。
  • 当用户不再想要购买该特定商品时,移除商品(从购物车中)。

将商品添加到购物车

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'ec');
ga('set', '&cu', 'CNY'); //Specify currency
function addToCart(product) {
  ga('ec:addProduct',{
  'id': 'gt345',  // Product SKU
  'name': 'Big Chocolate Bar',
  'category': 'Snack',
  'brand': 'Whitelabel',
  'variant': 'none',
  'price': '70.00',
  'quantity': '1',
  });
  ga('ec:setAction', 'add'); // Set action to "add to cart"
  ga('send', 'event', 'enhanced ecommerce', 'button click', 'add to Cart'); // Send "add to cart" with an event.
}
ga('send', 'pageview');
</script>

将商品从购物车中移除

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'ec');
ga('set', '&cu', 'CNY'); //Specify currency
function removeFromCart(product) {
  ga('ec:addProduct',{
  'id': 'gt345',  // Product SKU
  'name': 'Big Chocolate Bar',
  'category': 'Snack',
  'brand': 'Whitelabel',
  'variant': 'none',
  'price': '70.00',
  'quantity': '1',
  });
  ga('ec:setAction', 'remove'); // Set action to "remove from cart"
  ga('send', 'event', 'enhanced ecommerce', 'button click', 'remove from Cart'); // Send "remove from cart&ququot; with an event.
}
ga('send', 'pageview');
</script>

结算页的增强型电子商务跟踪部署

在你的电子商务网站的结算页,你需要用户提交表单及其个人信息。一旦信息提交给你,交易就被视为“完成”。 结算过程可能因不同的电子商务网站而异。

  • 你的结算过程可能只在一个页面上有表单。
  • 你的结算过程可能有跨越多个页面的表单。

在本示例中,它演示了在结算过程中对第一页的增强型电子商务跟踪的实施。

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'ec');
ga('set', '&cu', 'CNY'); //Specify currency
function checkout(cart) {
  for(var i = 0; i < cart.length; i++) {
    var product = cart[i];
    ga('ec:addProduct',{
    'id': 'gt345',  // Product SKU
    'name': 'Big Chocolate Bar',
    'category': 'Snack',
    'brand': 'Whitelabel',
    'variant': 'none',
    'price': '70.00',
    'quantity': '1',
    });
  }
  ga('ec:setAction','checkout', {'step': 1}); // Set the action to "Checkout" and set value to 1 for the Checkout process's first page.
}
ga('send', 'pageview');
</script>

向结算按钮添加鼠标点击函数。

<button onclick="checkout(cart);">Checkout</button>


数据分析技术白皮书在2016年11月正式出版。

英文版:Google Analytics Enhanced Ecommerce Tracking – 繁体中文版:谷歌分析增强型电子商务跟踪







数据分析技术白皮书上的内容按下列许可协议发布: CC Attribution-Noncommercial 4.0 International

Gordon Choi's Analytics Book