google tag manager的使用 - qingqinggit/- GitHub Wiki

Google 跟踪代码管理器是一个代码管理系统，可以快速轻松地更新网站或移动应用上的代码和代码段，例如用于流量分析和营销优化的代码和代码段。可以通过跟踪代码管理器的界面添加和更新 AdWords、Google Analytics（分析）、FirebaseAnalytics、Floodlight 和第三方代码或自定义代码，而无需修改网站代码。这样既减少了错误，也免除了配置代码时向开发者求助的麻烦。 下面介绍一下GTM的使用

  1. 创建账号 最开始使用时，需要创建一个账号（一个企业有一个账号就够了）账号名称可以随便填写，然后就是设置容器，一个账号下可以有多个容器，每个容器对应一个域名（不带“/”），容器使用位置就先选择网站就可以了，然后点击创建

创建后会有一个协议，点击“是”就可以了。

然后会弹出一个代码安装器的脚本

  1. GTM部署

刚才那两个js脚本，需要加载到所有页面上，不加载的话不会被信息收集。

  1. 用GTM部署默认GA代码

使用GTM托管GA跟踪代码利于后续管理，GTM中直接包含了很多个性化的参数，也方便在GTM中做个性化配置。下面使用这种直接填入View-ID的方式部署。

3.1 配置GA

登入https://analytics.google.com，如果没有账号，创建一个即可

最后点击“获取跟踪ID”进行创建。

3.2 新建代码

切回到GTM管理页面，点击新建代码

在新建代码中可以创建多种页面触发，如点击，页面加载，加载某一元素，图片，可以根据用户点击这个图片的次数统计哪家餐厅的哪个菜品受欢迎。

3.3 发布

点击“发布”，就类似SVN/Git一样，添加容器版本说明，然后点击“继续”即可。

这样发布的好处是不用代码上线，不会对当前页面产生影响。如果是分析统计的功能可以使用这个功能。