欢迎访问我的博客,有问题可以在任意文章底部留言评论

网站上安装Google Tag Manager基础代码

GTM入门 Haran 10年前 (2016-11-25) 8305次浏览 0个评论

更新时间:2026年5月29号

本文介绍如何为网站安装GTM基础代码,该安装方式适用于所有类型的网站,是部署GTM的标准化操作流程。

创建GTM容器

登录 GTM 账户,在需要添加容器的账户右侧,点击「」——「创建容器」

网站上安装Google Tag Manager基础代码

在弹出的配置页面中做如下设置:网站上安装Google Tag Manager基础代码

  • 容器名称:建议填写网站域名或网站名称,便于后续识别。
  • 容器使用位置:根据实际场景选择类型(网站、AMP、Android、iOS 等),本文以「网站」为例。

点击「创建」后就创建完容器。

 

获取GTM跟踪代码

容器创建完成后,点击 GTM 界面右上角的「管理」——「安装Google跟踪代码管理器」即可查看跟踪代码,跟踪代码有两段,一段部署在head里面,一个段部署在body里面。

网站上安装Google Tag Manager基础代码

⚠️ 两段代码缺一不可,均需正确安装。

安装GTM跟踪代码到网站

将上述两段代码添加到网站模板文件中即可。

网站上安装Google Tag Manager基础代码

这个没什么特别的难度,如果你没有服务器权限,就将代码复制保存成txt,让你们开发去加,切记不要复制代码后通过QQ等即时通信软件发送,这样会导致代码的编码改变,跟踪代码就不能使用。

 

检验GTM是否生效

现在需要检验GTM代码是否生效,先在GTM里发布一个版本,然后打开浏览器开发者者工具在Network里用“GTM”去过滤,若出现状态码 200 且脚本内容正常加载,则安装成功

网站上安装Google Tag Manager基础代码

 

需要注意,如果没有在GTM上发布一个版本,GTM的js的状态会是404。

 

参考资料


有疑问可以在底部留言
喜欢 (3)
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址