在了解完GTM账户和容器的操作界面后,对各个位置的功能和操作都有一定的了解,接下来看如何部署GTM跟踪代码。
GTM的部署比较简单,获取跟踪代码后布署到所有的页面上即可,下面演示详细的操作步骤。
1.Web端部署
1、新建一个GTM账户
访问GTM的账户账户管理界面,可以新建一个GTM账户,也可以在现有账户中新建一个GTM容器。
这里采用在现有账户中新建一个容器,单击GTM账户右侧中那三点,会出现一个下拉菜单,选择“创建容器”,如图3-5所示:
![3.4、Google Tag Manager布署 3.4、Google Tag Manager布署](https://pic2.zhimg.com/80/v2-a3c500c71eb8518bf131e14f51b2daed_hd.jpg)
选择后会出现如下界面,在“容器名称”中输入网址或网站名字,“容器使用位置”中根据自己的实际情况选择类型,这里选择“网站”,如图3-6所示:
![3.4、Google Tag Manager布署 3.4、Google Tag Manager布署](https://pic2.zhimg.com/80/v2-d71c57e7cde8f388fec8086051b246a9_hd.jpg)
单击“创建”后就创建完容器。
2、获取GTM跟踪代码
单击“管理”→“安装Google跟踪代码管理器”就可以看到GTM的跟踪代码,跟踪代码有两段,如图3-7所示,一段部署在head里面,一个段部署在body里面,这样做的原因是为了更快加载到跟踪代码,提高数据的准确度。
![3.4、Google Tag Manager布署 3.4、Google Tag Manager布署](https://pic1.zhimg.com/80/v2-637b891268360f4c8a9685db4d1759c0_hd.jpg)
3、部署GTM跟踪代码到网站
找到网站模板页的头部,将上面的两段跟踪代码添加上去即可,这个没什么特别的难度,如果您没有服务器权限,就将代码复制保存成txt,让您们开发去加,切记不要复制代码后通过QQ等即时通信软件发送,这样会导致代码的编码改变,跟踪代码就不能使用。
4、检验GTM是否生效
按照官方部署上后,基本都是没问题的,现在需要检验GTM代码是否生效,这里需要借助一个工具Tag Asistant,如果这工具检测到有GTM的跟踪代码,就是没问题的了。
打开Chrome中输入“chrome://extensions/”后回车,然后下拉到底部单击“获取更多插件”,搜索“Tag Asistant”,可以看到如图3-8所示:
![3.4、Google Tag Manager布署 3.4、Google Tag Manager布署](https://pic3.zhimg.com/80/v2-3e4904d5c5a45651534db19dbf6d9622_hd.jpg)
单击“ADD TO Chrome”可以在浏览器的右上角看到。访问部署的站点,然后单击里的enable后刷新一下页面,如图3-9所示,然后看是否有GTM的跟踪代码:
![3.4、Google Tag Manager布署 3.4、Google Tag Manager布署](https://pic2.zhimg.com/80/v2-6a8db2814390ba8bb1d4d280aee84345_hd.jpg)
如果有,表示GTM跟踪代码生效。
5、将所有硬编码代码(如 AdWords 或 DoubleClick 代码)从网站的源代码迁移到GTM中。
2.APP端部署
APP的基本与前面Web的类似,不同点在于在选择容器使用位置的时候选择对应的操作系统,如果是苹果的就选IOS,选择后的会还是有另一个选择是,是选择用Firebase还是用就GA,现在Google是默认推荐Firebase,我们在这里选择Firebase,完成后单击右上角的发布版本,然后单击“下载”,会下载到一个json格式的配置文件,这个就是GTM的SDK了,需要将这个SDK集成到APP里面。