部署的几种方法

这一节主要介绍如何部署GA跟踪代码和如何对跟踪代码做个性化的定制，提高数据准确度以及检验代码是否部署正确。

直接部署就是将跟踪代码直接部署到到站点的所有页面，根据最新的官方部署方式，现在是推荐跟踪代码部署在页面代码的header里面，也可以将跟踪代码以js的文件引入，但位置一定要在header里面，主要是为了更快加载到跟踪代码,确保数据准确度，以往的加载在footer，存在页面还在加载用户就离开了，跟踪代码没加载到的情况。

（1）获取跟踪代码

在GA里选择“管理”→“跟踪信息”→“跟踪代码”，可以看到如图1-13的页面，方框标记的就是GA的跟踪代码，就是需要复制的代码。

图1-13 跟踪代码的获取

注意：Google分析在2017年9月发布了全局版跟踪代码的测试版，本书仍是以讲解统一版为主，下面是统一版的跟踪代码，只需将其中的UA-XXXXX-Y替换成自己的跟踪ID即可。

代码清单1-1

<!– GA –> <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’,’ Google Analytics官方网站/analytics.js’,’ga’); ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’); ga(‘send’, ‘pageview’); </script> <!– End GA –>

（2）然后找到站点中header位置，将代码添加上去

对于网站的页面来说，通常都是有模板生成的，也即是页面会引入特定的组件，如果站点的页面只有一个模板，那只需要将代码添加在该模板的header里面就可以，如果网站比较大型，二级目录存在不同的模板，那就需要加同一个跟踪代码添加到不同的模板的header里面，确保所有的页面都要加载到。

下面是一个例子，通过查看页可以知道站点只有一个模板，那么就找到模板页面的header，如图1-14所示。

图1-14 代码部署

代码就添加到该位置，这样就部署完成了。

注意：如果您自己没有代码或服务器权限，需要开发帮助您添加跟踪代码，不要讲跟踪代码通过QQ直接发送给开发，这样会导致跟踪代码的编码格式改变，跟踪代码失效，可以通过将跟踪代码保存成TXT的形式再发送给开发。

这一节讲解如何通过GTM来部署GA跟踪代代码，这里默认大家已经都有一定的GTM基础了，主要是为了讲解GA的部署，不懂的读者可以看后面的第3章，GTM不是这一节的重点。

通过GTM有两种部署GA跟踪代码的方式，本节主要是讲解通过自定义html的形式，原理的话就是将跟踪代码添加到GTM的自定义HTML代码里面，然后触发页面是“All Pages”，这样就实现了将跟踪代码部署到所有的页面上了。

（1）获取跟踪代码

在GA里选择“管理”→“跟踪信息”→“跟踪代码”，可以看到如图1-12的页面，方框标记的就是GA的跟踪代码，就是需要复制的代码。

（2）GTM新建自定义HTML

在GTM选择“代码”→“新建”→“选择一个代码类型以开始设置…”→“自定义HTML”，命名为“GA默认跟踪代码”，然后将跟踪代码复制进入，如图1-15所示。

图1-15 新建自定义HTML

然后触发器选“All Pages”，最终的配置如图1-16所示。

图1-16 最终配置

配置好以后，如果要生效，还需要将这个配置发布到线上去，发布的方式是单击右上角的“提交”即可，这样GA跟踪代码才正式生效。

这一节主要介绍如何通过GTM里面的内置模板去部署GA跟踪代码，这个也是我最推荐的一种部署方式，与前两种方式不同的是：这一种部署方式不需要复制GA跟踪代码，是需要知道跟踪ID。原理的话是通过GTM里面的内置模板做些配置就可以了。

（1）获取跟踪 ID

在GA里选择“管理”→“跟踪信息”→“跟踪代码”，如图1-17所示，在跟踪代码页面里面找到跟踪ID，就是标记框里面：

图1-17 获取跟踪ID

（2）GTM中新建Universal Analytics

在GTM中选择“管理”→“跟踪信息”→“跟踪代码”→“Universal Analytics”，命名为“GA默认跟踪代码”，跟踪类型选择“页面浏览”，勾选“在此代码中启用替代设置”，然后将跟踪 ID填入标记框中，如图1-18所示。

图1-18 填入跟踪ID

这里的触发器也是“All Pages”，最终的配置如图1-19所示。

图1-19 完整配置

这里之所以推荐用这种方法做默认跟踪代码的部署，是因为通过模板来部署，做个性化的配置很简单的，可以看图1-18所示，里面有“更多设置”和“高级设置”，这些就是做个性化配置、优化、跨站、跨域跟踪设置的地方了，具体的设置下一节再详细介绍。

注意：为了不让竞争对手知道您对跟踪代码做了哪些深度定制，可以将跟踪代码保存为js文件后，在header中引入，这样做在页面不会出现相关跟踪代码源码，或可以通过GTM托管，但第三方插件还是可以检测出来的，如Ghosty和WASP.inspector，第6章将会讲解如何通过这些工具来分析竞争对手的一些信息。

参数配置与调优

GA基础跟踪代码部署完之后并不是万事大吉的，还需要对其做一些配置和调优，参数配置与调优主要是在GTM上和GA上做一些配置，确保和提高数据的准确度，下面先介绍在GTM上的。

这些设置都是在GTM中默认跟踪代码的“更多设置”→“跟要设置的字段”里设置的，必须设置的参数如表1-3所列。

表1-3 常用设置参数

设置后的效果如图1-20所示。

图1-20 GTM参数优化

图1-20中的跟踪ID是用变量表示，是因为前面已将将跟踪ID用常量存储了，所以可以直接用这个变量。

在GA上的调优就需要在不同的地方做一些配置。

正如第二种部署方式，只要知道跟踪ID就可以部署GA默认跟踪代码，那么如果知道竞争对手的跟踪ID，我们可以做如上配置，去干扰竞争对手的数据，其次是有时候，GA会有一些非本域名的流量的影响，就是一些垃圾流量，所以需要对GA做一些设置，过滤出真正属于自己的流量，这里用到的就是过滤器了，配置的参数是主机名。

调整的方式：在GA中选择在“管理”→“过滤器”→“添加过滤条件”，然后选择“自定义”，包含中选择主机名，条件就是自己的域名了，具体的设置如图1-21所示。

图1-21 过滤出本域名流量

这个配置的意思是将属于本域名的流量过滤出来，垃圾流量自然不会进入到这个数据视图。

现在网络上很多机器和爬虫的流量，GA里面内置了一定的算法去过滤这些流量，但是默认是没有开启这个功能的，需要我们自己去勾选。

调整的方式：在GA中选择“管理”→“数据视图设置”→“漫游器过滤”，勾选该选项，如图1-22所示。

图1-22 漫游器过滤

这个规则是遵循IAB/ABC International Spiders&Bot List，只要勾选就可以开启自动过滤。但即使勾选了这个选项，也不能保证100%将爬虫和垃圾的流量去除，因为现在爬虫的形式不断变化，现有的或已经有规则难以将其排除，特别是很多灰产骗点击的形式。

这个功能不一定需要配置。比如您的站点有很多邮件流量，进来的时候带有一个信息参数，如我的站点的邮件流量都是：

http://www.ichadta.com/sid=asfdasfasfdaswqerwqerw

太多的这样的流量会导致着陆页，页面成高纬度会造成抽样，可以通过配置移除机器查询参数的形式，将这个页面变为www.example.com。

调整的方式：在GA中选择“管理”→“数据视图设置”→“排除网址查询参数”，输入要移除的参数，如图1-23所示。

图1-23 移除网址查询参数

为了不让“页面”这个这段出现“/”这样的情况出现，导致页面中有两个页面表示主页，需要将其合并，将所有的主页统一用一个页面，设置的方式：在GA中选择“管理”→“数据视图设置”→“默认页”，输入index.html，如图1-24所示。

图1-24 首页设置

测试

在配置完后，需要检查跟踪代码是否部署正确，可以用Tag Assistant去检查。这个检测工具只能在Chrome浏览器上使用，你需要在Chrome的“拓展程序”里面去添加Tag Assistant这个工具。

使用的方法比较简单，只要单击“enable”后，再刷新一下，看是否有报错剔除的，如图1-25所示。

图1-25

这个工具除了检测代码部署正确与否以外，还可以检测相关数据传输的信息，比如事件跟踪时候传递的数据、事件是否触发、Hits数据等，详细的内容在第7章讲解。

注意

由于这个工具有段时间没更新了，所以有时报错是Bug，比如丢失跟踪ID、账户ID等，确保您按官方推荐的部署或按上述步骤部署，那就没问题。

第三方工具虽然能检测到页面部署的位置准确与否，但是是否有遗漏的页面，上述的工具就检测不到的，毕竟这个工具不会去遍历您的站点去每个页面去都检测一遍，所就需要通过数据的角度来验证整是否都部署了。

采集几天数据，然后在GA中选择“流量获取”→“所有流量”→“渠道报告”报告中“来源/媒介”，在高级中搜索自身站点的域名，如图1-26所示，如果能搜索出记录，表示有部分页面没有部署到跟踪代码，这时候在“次级维度”中添加“着陆页”，如果出现的页面就是没有添加跟踪代码的页面了；如果没有搜索出记录，表示您的站点的所有页面都已经部署有跟踪代码。

图1-26 数据验证

---