最先使用的 WooCommerce Google Analytics Pro插件与后来添加的 gtm4wp插件有冲突，Google Analytics Pro插件提示： Heads up! We've detected that another plugin is sending duplicated events to Google Analytics, which can result in duplicated tracking data. Please disable any other plugins tracking events in Google Analytics while using Google Analytics Pro.

于是寻思着只用 gtm4wp来实现 WooCommerce Google Analytics Pro的功能：enhanced eCommerce tracking和 custom event tracking，也算是借此机会来深入学习一下 Google跟踪代码管理器。

在此之前，我一直是使用GA分析的 过滤器功能来 排除来自指定IP地址的流量，好用但有个弊端：当你电脑IP很不稳定（比如使用机场订阅FQ时IP是不可控的），频繁手动地排除IP来过滤管理员访问网站的数据是很麻烦的一件事！

如果是使用 gtm4wp的话，配置一次后基本就可以一劳永逸了；详情看插件作者教程：How to exclude admin users from being tracked，简单记录下步骤：

0.打开 https://tagmanager.google.com/

1.新建2个 数据层变量：

• visitorLoginState

• visitorType

• 再把内置变量 Debug Mode 勾选上，后面需要配置到该选项：

2.新建1个自定义事件触发器：

3.最后把以上新建的触发器都添加到每个代码（比如GA）触发条件的 例外 下：

以上配置完毕：打开GTM的 预览模式、访问网站测试以上新建的代码是否正常运行，最后 发布~

原文教程：How to setup Enhanced Ecommerce tracking?

0.在 GA分析中打开 启用电子商务和 启用增强型电子商务报告：

1.在 gtm4wp中打钩 Track enhanced e-commerce，填写 Products per impression：

2.在 GTM中更新现有的 GA代码：

• 代码类型为Google Analytics（分析）：Universal Analytics；
• 跟踪类型为网页浏览；
• 启用增强型电子商务功能以及勾选使用数据层。

3.如果有把 GA跟踪ID设置为 变量的话，需要检查下，确保其里面没有勾选 电子商务，以防止重复跟踪了！

4.新建2个触发器分别如下（名称随意，你能够识别即可）：

• 触发器1的事件名称：gtm4wp.productClickEEC|gtm4wp.addProductToCartEEC|gtm4wp.removeFromCartEEC|gtm4wp.checkoutOptionEEC|gtm4wp.checkoutStepEEC|gtm4wp.changeDetailViewEEC

• 触发器2的事件名称：gtm4wp.productImpressionEEC

5.新建2个GA代码如图：

• 名称随意，你能够识别即可；
• 分别关联上面新建的2个触发器（如果你也希望防止管理员被代码跟踪到，请把前面设置的两个block管理员的触发器都添加到新建代码的触发条件的例外）

最终GTM里总共有3个GA代码，大功告成：

同样地以上配置完毕：打开GTM的 预览模式、模拟客户访问网站浏览下单等事件操作、测试以上新建的代码是否正常被触发、最后 发布 ~

0.先在 Google Ads 工具与设置 - 衡量 - 转化 - 新建或查看 转化ID和 转化标签：

1.为此，我们需要到GTM里新建1个自定义事件的触发器：

以及新建3个变量：

2.接着，我们就一气呵成地新建2个代码，类型分别为 Google Ads 转化跟踪 和 转化链接器：

3.同样地还是打开GTM的 预览模式，测试下单来到订单成功页面：

• 检查以上新建的该代码AW - Conversion Tracking - Purchase是否有被触发，如下图所示即配置成功：

• 点击variables，检查以上新建的3个变量是否都有值，如下图所示即配置成功：

酱紫就是大功告成了，退出 预览模式，点击 发布 ~

参考教程：

https://www.youtube.com/watch?v=ZGuiuRBYLpE

https://www.youtube.com/watch?v=nnzVTszCylk

https://www.youtube.com/watch?v=OFNe3RSYZjU

0.先到 gtm4wp插件开启对应的功能，在 Integration - WooCommerce中：

• Google Ads Remarketing：打钩
• Product ID prefix：留空（说明：如果搭配使用的feed插件会自动加上前缀的话，请把该前缀填在这里以保证数据统一！）
• Use SKU instead of ID：不打勾（说明：如果搭配使用的feed插件是采用SKU的话，请打勾！）

1.根据Google文档找到 Google Ads 的 转化ID；

1.分别新建3个变量，同名同值如下：

• ecomm_prodid
• ecomm_pagetype
• ecomm_totalvalue

2.分别新建2个触发器 DOM Ready和 gtm4wp.changeDetailViewEEC如下图所示：

3.新建（或修改现有的）Google Ads 再营销，最终所有配置如下图所示即可：

0.先到 gtm4wp插件后台勾选 Contact Form 7：

1.新建1个GA代码如图：

• 跟踪类型：事件
• 类别：最好自定义个名字
• 操作：最好自定义个名字
• 标签：可以留空 或 填写单一表单的ID

2.可选步骤（对于外贸B2B官网很重要！！！）

在 Google Analytics 分析 创建 目标 来 衡量 转化 效果：

原文教程：How to Track Contact Form 7 with Google Tag Manager

在 Google Tag Manager 中：

1.新建一个 自定义 HTML 代码，

• 放入以下代码（该代码就是为了替代gtm4wp插件来达到监听表单提交事件的目的~）

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
 window.dataLayer.push({
 "event" : "contactForm7Submitted",
 "cf7formid" : event.detail.contactFormId,
 "cf7inputs" : event.detail.inputs
 })
}); 
</script>

• 触发条件为All Pages 网页浏览

2.新建一个 自定义事件触发器：

• 命名比如：CF7 Submit
• 事件名称：contactForm7Submitted；

3.新建一个 Google Analytics（分析）：Universal Analytics代码：

• 触发条件为上边新建的触发器CF7 Submit