使用Google跟踪代码管理器和Google Analytics（分析）跟踪会员销售

在我以前的一篇博客文章中，我’ve shared an idea 如何使用Google跟踪代码管理器跟踪会员链接点击。但是，如果您作为会员，可以推广其他人，则该指南很有用’的产品，只想跟踪所有出站会员链接点击。

但是如果你’是会员计划的所有者，您想衡量哪些合作伙伴推动了您产品的最大销售额？

在本指南中，我’将显示如何使用Google跟踪代码管理器和Google Analytics（分析）跟踪联盟销售。

这里’s how a typical affiliate (a.k.a. referral) program works: a partner/affiliate promotes a link to your website/product, 和 that link contains partner’s ID, e.g. //www.mybusiness.com/?affiliate_id=12345abc. Whenever someone lands on a page with that 网址and makes a 采购, the partner receives a commision.

通常，当一个伴侣 ’在推荐访问者的土地上，带有该会员ID的cookie存储在访问者中’的浏览器。由于它，销售可以归因于正确的会员。

那里 are three main ways how this tracking can be implemented:

• 一切都由开发人员完成。当目标网页的网址包含 affiliate_id 参数，然后将Cookie（具有该会员ID）存储在浏览器中。如果访客完成购买并拥有关联Cookie，则该Cookie的值将被获取并存储在数据库中。在一个月（或一个季度）末，您（或您的开发人员）将检查并计算每个会员的收入。
• 使用现成的第三方解决方案 需要与您的网站/在线商店集成。
• 跟踪是通过GTM与Google Analytics（分析）一起实现的。网址包含 affiliate_id， 曲奇饼将与GTM（包含该会员ID）一起存储，并且自定义维度（会话范围）将传递到Google Analytics（分析）。访客完成购买后，该购买将被归属到该affiliate_id。以后，在GA报告中，您将能够看到哪些会员对您的销售贡献最大。

在继续之前，请记住，前两个解决方案更强大，并且不会被特定的扩展程序阻止（最有可能），而另一方面，Google跟踪代码管理器和Google Analytics（分析）可能会被扩展程序阻止，例如  幽灵 。无论如何，如果你’不准备投入大量资金（暂时），请继续阅读本指南，’会学到新东西。

该指南很长，请随时为将来添加书签。

 

 

＃1计划

这里’s what we’为了通过Google跟踪代码管理器和Google Analytics（分析）跟踪联盟销售而要做的事情：

1. We’将检查每个页面的URL，如果任何时候它包含会员ID，我们’ll获取它并存储在cookie中。
2. 之后，我们’ll push cookie’值作为会话范围的自定义维度对Google Analytics（分析）的价值。
3. Track a successful 采购. If affiliate ID was set during that session, it will be linked to that 采购.
4. 查看会员ID如何在Google Analytics（分析）的自定义报告中显示。

 

＃2。把事情做好

首先，您需要确定将使用哪种查询参数来区分会员流量。在这个例子中，我’llbe using affiliate_id 样本网址将如下所示 //mywebsite.com/?affiliate_id=12345abc.

为了存储价值  12345abc  在饼干中，我们’我需要在GTM中完成3个步骤：

• URL变量，可获取anÂ的值 affiliate_id;
• 一个自定义HTML标记，用于将该值存储在cookie中；
• 触发该标签的触发器。

 

#2.1. 网址variable

如果你’重新使用URL变量， 阅读本指南我在哪里解释解析URL的来龙去脉（以简单的英语显示）。在Google跟踪代码管理器中，转到变量>用户定义的变量并使用以下设置创建新变量：

如果访问者当前所在的URL包含参数 affiliate_id,Â此变量将返回其值。

 

＃2.2。设置cookie的自定义HTML标记

如果你 haven’t yet, 阅读本指南，其中解释了GTM和Cookie的友谊更加深入。

<script>
 var cookieName = "affiliate_id"; 
 var cookieValue = "{{URL - affiliate_id}}"; //  在 sert the afforementioned 网址variable surrounded by curly braces
 var expirationTime = 2592000; //一个月（以秒为单位）。随时更改时间
 expirationTime = expirationTime * 1000;
 var date = new Date(); 
 var dateTimeNow = date.getTime(); 

 date.setTime(dateTimeNow + expirationTime);
 var expirationTime = date.toUTCString();
 document.cookie = cookieName+"="+cookieValue+"; expires="+expirationTime+"; path=/; domain=." + location.hostname.replace(/^www\./i, "" ）;  // Sets cookie for all subdomains
</script>

曲奇饼’s name will be affiliate_id 一种 （ （第2行），其值将在  网址– affiliate_id 变量（第3行）。

重要提示：必须在Google Analytics（分析）Pageview标签之前触发此标签，以确保您设置更高的 标签触发优先级自定义HTML标记中的值。

 

＃2.3。触发

现在，即使URL中不存在会员ID，我们也不希望误报并触发cookie设置标签，因此需要特定的触发器。在GTM中，转到触发器>新建并使用以下规则创建Pageview型触发器：

此触发器的条件是： 网址– affiliate_id变量与RegEx不匹配（忽略大小写） ^（undefined | null | 0 | false | NaN |）$ 

这意味着，如果URL中存在affiliate_id参数，则将触发此触发器。

将此触发器链接到创建cookie的Custom HTML标记。

＃2.4。测试Cookie

启用  GTM预览和调试模式。打开您的网站的任何页面’当前正在使用中，将以下查询参数添加到URL： ？affiliate_id = 12345abc，然后按Enter。页面将刷新，并且将触发自定义HTML标记（您可以在“预览和调试”控制台中进行检查）。

现在，让’s check whether a cookie is set correctly. 那里 are two main ways to check cookies – browser’s built-in feature (developer tools) or a plugin.

我个人使用的Chrome插件名为 EditThisCookieÂ（也可用于  歌剧 用户）。这个非常简单直观的扩展程序使我能够快速检查当前正在使用的cookie，它们包含哪些数据，它们何时过期等。

如果你 haven’t already installed, download it  这里 . 如果你’re using a different browser, 这里 are some similar plugins:

• Firefox – 曲奇饼s Manager+
• 对于Internet Explorer用户，建议使用 开发人员工具的内置功能.

无论如何，让我们回到EditThisCookie。安装此扩展程序后，“ 曲奇饼”图标将出现在“菜单”图标旁边（在Chrome中）。

转到您当前正在使用的网站，单击EditThisCookie图标，您将看到该网站上当前正在使用的所有cookie的展开列表。寻找一个名为cookie的饼干 affiliate_id这小块数据将帮助我们做一些魔术。

 

#3. Create a custom 尺寸 in 谷歌 Analytics

在 order to track affiliate sales with 谷歌 Tag Manager 和 GA, we need to create a custom 尺寸 会员ID 稍后将链接到访问者会话。登录到您的Google Analytics（分析）帐户，转到``管理''部分，然后在``属性''级别中转到``自定义定义''> 自定义尺寸.

Once you see a list with a large red button NEW CUSTOM DIMENSION, click it 和 create the following 尺寸:

点击创建按钮，您 ’将会看到一个包含一些代码的页面。记住旁边的数字“dimension”。在下面的屏幕截图中，该数字为1。

 

#4. 让’s read a cookie

GTM具有非常简单的功能，可让您读取Cookie， 第一方Cookie变量。为了使其正常工作，您只需设置cookie’s name, like this:

 

＃5。更新Google Analytics（分析）设置变量

如果你 still haven’t started using 谷歌 Analytics（分析）设置变量， 你应该。它’真正的节省时间。无需修改多个标签，您只需编辑一个用于所有GA标签的GA变量即可。

在您的GTM容器中，找到Google Analytics（分析）设置变量并进行编辑。我们做什么’这里要做的就是添加自定义维度’ve在几章之前就创建了。如果affiliate_id cookie包含任何值，它将被传递到Google Analytics（分析）。如果它’s  未定义 ，Google会处理该问题并自动跳过此类值，因此不需要其他配置。

Remember how I told you to memorize the number of the 尺寸 in the chapter #3 of this guide? Time to shine. Enter that number in the  指数 GA设置变量的字段。

 

＃6。Checkpoint

让’对我们所做的事做一个简短的总结 ’迄今为止，为了通过Google跟踪代码管理器和Google Analytics（分析）跟踪联盟销售，我们已经做了以下工作：

• 首先，我们创建了一个URL变量affiliate_id，该变量以相似的名称获取URL查询参数的值（对于那些’不知道，查询参数可以在问号后的网址中找到，例如 //www.mywebsite.com/?affiliate_id=12345abc ）。
• 然后，由于有了Custom HTML标记，我们采用了URL变量的值并将其存储在cookie中。
• 为了读取该Cookie的值，我们创建了一个第一方Cookie变量。它’下一个要点将需要。
• 在Google Analytics（分析）中，我们创建了一个自定义维度 会员ID 并在Google Analytics（分析）设置变量中输入其索引。另外，在其中插入上述第一方Cookie。

 

 

总结一下，当访问者登陆您网站的页面并且URL包含 affiliate_id，GTM将获取其值并将其存储在Cookie中。之后，该Cookie的值将作为自定义维度插入“ GA设置变量”中，因此，当访问者在该会话期间完成购买时，它将被归因于特定的联盟伙伴。

如果访客离开该网站而没有购买商品，然后稍后（例如一天之后）使用相同的设备和浏览器返回，则cookie仍将处于活动状态，因此其值将再次推送至GA设置变量，因此Google Analytics（分析）会话将再次获得会员ID。

 

＃7.Sales Tracking：General Stuff

当有人在谈论Google Analytics（分析）中的销售跟踪时， 电子商务报告 in mind. 那里 are two options how you can implement them:

• 使用标准电子商务报告
• 或增强型电子商务报告

如果你 want to track just sales, products 采购d, 和 all other data that is related to the final stage of 采购，然后继续 标准电子商务跟踪 (I’我将在本指南中对此稍作解释）。

如果你 want to track the entire visitor’s journey toward the 采购, including stages like 已添加到购物车，已启动结帐等等，与 增强的电子商务功能。你可以阅读 有关实施的更多信息 （为此准备大量咖啡）。

请记住，您要跟踪的数据越多，您（或您的开发人员）将不得不投入更多的时间。难怪将增强型电子商务的实施视为最困难的GA集成之一。

＃8.Standard电子商务跟踪

让’s假设我们要查看的只是会员ID以及它为我们生成了多少订单。标准电子商务跟踪非常适合此任务。

为了使此跟踪工作，我们必须完成以下步骤：

1. 在Google Analytics（分析）报告中启用此功能。
2. Define the exact moment when the 采购 is complete.
3. 要求开发人员将交易数据发送到数据层。
4. We’ll创建一个Google Analytics（分析）交易代码，该代码从数据层获取信息并将其发送给Google’s servers.

 

＃8.1。在GA中启用电子商务报告

我赢了’不会做太多细节。只是 遵循本指南.

 

#8.2. Define the moment of a 采购

通过说“we need to define the moment of a 采购”，我的意思是我们需要创建一个触发器。通常，在完成订单后，客户将被重定向到  谢谢 页。在这种情况下，触发器应为  页面预览 URL包含时键入  /谢谢 ，一种  /成功， 或类似的东西。读 更多关于  谢谢 页面跟踪在这里.

如果成功完成订单后页面未重新加载，则您可以尝试 跟踪AJAX表单 或要求开发商 将自定义事件发送到数据层（使用dataLayer.push） with 采购 data (the latter option is recommended). You can read more 关于这里的数据层 和 这里 .

＃8.3。本指南的这一章专门针对那些选择与开发人员一起使用的人’的帮助和dataLayer.push。

 

＃8.3。购买数据必须发送到数据层

When the 采购 data (订单编号，总金额等）发送到数据层，非常重要的一点是，数据结构必须完全符合 谷歌’s documentation。所有参数的名称必须与Google要求的名称完全相同（例如 transactionId 无法重命名为  orderID 等）。

这里’s来自这些文档的示例代码片段：

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event' : 'purchase',
 'transactionId': '1234', // the id 1234 should be dynamically replaced by the developer with actual order ID.
 'transactionAffiliation': 'Acme Clothing', //this should be replaced by the developer. The same applies to all other fields
 '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>

一旦成功完成购买，开发人员就需要推送此代码。当然，根据实际订单，产品，价格等，价值（根据您的情况）会有所不同。

如果你’重新将上述代码与Google进行彻底比较’的文档，您可能已经注意到一个差异，这一行：

'event' : 'purchase',

I’故意添加。它不会破坏实现，除此之外，您还可以’能够创建一个名为“purchase”这将用于触发我们的GA交易代码。

One more thing regarding that dataLayer.push with 采购 information: not all fields are required. You can find a full list of requirements of 这里的标准电子商务字段。最小的代码段如下所示：

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event' : 'purchase',
 'transactionId': '1234', // the id 1234 should be dynamically replaced by the developer with actual order ID.
 'transactionTotal': 38.26 // developer should also replace this price with the actual order total
});
</script>

我们做什么’到目前为止，我们所做的是“asked”开发人员在实际完成订单后将交易数据推送到数据层。

此外，利用这些数据，我们’会得到一个名为的数据层事件“采购”它将用作触发GA交易代码的触发器。一世’在下一章中将对此进行解释。

测试开发人员是否正确完成所有操作的最佳方法是启用 GTM预览和调试模式 and complete a 采购. If everything was done properly by the developer, a 采购 事件应该已经出现在事件流中。

单击它，然后转到“数据层”选项卡。发生该事件时，开发人员必须传递如下所示的交易数据：

如果事件未出现，请与开发人员再次确认他是否将代码发布到网站/在线商店的公开版本。

 

＃8.4。触发器+ 谷歌 Analytics（分析）交易代码

只有激活了特定触发器，Google跟踪代码管理器中的代码才会触发。触发交易代码的最佳时机是使用上述代码 采购 事件。为了做到这一点，我们’我需要创建一个触发器 自订活动 类型。

前往GTM> Triggers >新建并选择类型  自订 。输入以下设置：

请记住，事件名称区分大小写。如果开发人员推动  购买  事件发送到数据层，然后在触发器中输入相同的标题（大写字母P）’s settings,  采购。

现在，让’创建一个Google Analytics（分析）交易代码。前往标签> New >Universal Analytics并输入以下设置：

当GA标签’s tracking type is 交易， 它会自动检查数据层并查找数据，例如 transactionId，transactionTotal等等’这就是为什么开发人员必须完全像Google一样推送交易数据’所需文件。

 

＃8.4。测试

不幸的是，Google Analytics（分析）实时报告无法帮助您调试电子商务跟踪。但是那’这不是世界末日，因为还有其他选择。

1. 安装 GA调试器浏览器扩展;
2. 点击其图标（它将开始显示  上 ）;
3. 转到您要测试电子商务跟踪的页面；
4. 开启浏览器’s JavaScript console. 如果你’re new to it, 按照本教程;
5. 刷新浏览器’s tab 和 complete a new 采购 once again.

完成这些步骤后，以下数据将在控制台中打印出来（P.S.值可能（可能会有所不同））：

如果您还发送了一些产品数据，’会在控制台中看到更多的行。一世’ve用蓝色矩形标记了最重要的字段：

• hitType：GA标签的类型
• 尺寸1: that’s our 会员ID
• ec：id：交易ID
• ec：revenue：交易总额
• ec：tax：交易税。

 

＃9。在Google Analytics（分析）中建立联属销售报告

使用Google跟踪代码管理器跟踪会员销售的最后一步是生成报告。在Google Analytics（分析）中，转到“自定义”> 自订 Reports.

Click NEW CUSTOM REPORT 和 choose the following metrics + 尺寸.

单击保存。在报告中，您’就能看到哪些联属网络营销带来最多的销售额和收入。

 

＃10。发送会员ID的另一种方法

那里’这也是发送会员ID的另一种方式。但是我选择了更长的方法，以演示混合cookie，自定义维度，标准电子商务和自定义报告的功能。

让’返回到标准电子商务dataLayer.push片段：

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event' : 'purchase',
 'transactionId': '1234', // the id 1234 should be dynamically replaced by the developer with actual order ID.
 'transactionAffiliation': 'Acme Clothing', //this should be replaced by the developer. The same applies to all other fields
 '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>

见  transactionAffiliation field? You could have 问 a developer to read the affiliate_id 您之前存储的Cookie，并将该ID放入 transactionAffiliation 每当启动对数据层的推送时，该字段就会显示。

该字段将被转移到Google Analytics（分析），并将在电子商务报告中可用。有时，企业选择在该字段中传递折扣代码或商店名称。如果说’在这种情况下，那么自定义维度是传递会员ID的一种方式。

 

使用Google跟踪代码管理器跟踪会员销售：总结

对我来说，这是一篇篇幅冗长的博客文章。最初，我打算完全发布另一本指南，其中也包括GTM的会员销售跟踪，但是，这一章变得如此之大，以致成为了独立的博客文章。

在本扩展指南中，我’ve向您展示了如何将几种跟踪技术混合到一个解决方案中：

• 当访问者登陆页面并且URL包含会员ID时，该ID将被提取并存储在Cookie中。
• 然后，获取该Cookie的值，并将其作为自定义维度（会话范围）传递给Google Analytics（分析）。如果维度值在单个会话中多次更改，则将应用最新值。
• 然后我’ve解释了如何在开发人员和数据层的帮助下实施标准电子商务跟踪（Google Analytics（分析））。
• When the 采购 is successfully completed, a custom GTM trigger fires a 谷歌 Analytics Transaction.

因此，只要访客拥有会员Cookie，它的价值就会发送到Google Analytics（分析），因此您’就能看到哪些会员带来了最多的销售额。您可以使用简单的自定义报告查看该数据。

Got any ideas/suggestions regarding how to track affiliate sales with 谷歌 Tag Manager 和 谷歌 Analytics? 让 me know in the comments below.