Google Tag Manager(后面简称为GTM)是Google推出的一款代码管理器,你可以将它视作一个代码容器,允许我们将各种追踪代码集成在里面。
GTM的使用场景是什么呢?如果你需要集成非常多的追踪代码到你的网站,比如Google Analytics 4、Facebook Pixel、GSC、Tik Tok Pixel,那么你要将每个对应的追踪代码都放到你的网站当中,这么多的代码会非常明显地拖慢你网站的速度。
单就一个GA4就可以让你的网站测速评分显著降低。
而使用GTM, 则能够让我们在一个界面中管理所有的这些追踪和分析代码。这样,就无需直接编辑网站代码,便可以添加、修改或删除任何追踪代码。而且通过异步加载标签,可以帮助提高页面加载速度,降低对用户体验的影响。
为什么要使用Google Tag Manager?
- 利用 GTM 部署 Google Analytics 或其他分析工具的代码,以收集和分析网站流量、用户行为、CTA点击、文件下载、特定产品点击次数、转化率等数据。
- 我们可以使用GTM来独立管理和部署跟踪代码,减少对开发团队的依赖,加快项目上线速度。且每次更改都会生成一个新版本,用户可以随时查看历史版本或回滚到之前的稳定版本。
- 部署和管理各种广告平台的追踪标签,如 Google Ads、Facebook Pixel 等,用于跟踪广告投放的效果和转化事件。
- 我们也可以利用GTM设置用于捕捉特定用户行为的触发器,如按钮点击、表单提交、页面滚动等,以便进行更细致的用户行为分析。
Google Tag Manager主要组件
GTM由以下几个核心组件组成:
- 标签(Tags):
- 标签是添加到网站或应用中的代码片段,用于执行特定功能,如网站分析、广告转化跟踪、再营销等。
- 常见的标签类型包括Google Analytics、Google Ads、Facebook Pixel等。
- 触发器(Triggers):
- 触发器决定了标签何时、何地以及如何执行。
- 例如,当用户访问特定页面、点击按钮或提交表单时触发相应标签。
- 变量(Variables):
- 变量用于存储动态值,供标签和触发器使用。
- 例如,页面URL、点击元素的ID、用户自定义变量等。
开始在WordPress网站中使用GTM
获取GTM代码
我们只需要注册一个Google邮箱账号即可使用Google Tag Manager。
有了谷歌账号后,我们进入GTM的官方网站:https://marketingplatform.google.com/about/tag-manager/
点击右上方的“Start for free”
进入到“创建新账户”界面,输入账号名和容器的名称,方便我们记忆即可。然后Target Platform这里我们选择“Web”。
点击“Create”。然后跳出服务条款,我们勾选同意然后点击“Yes”。
这时候GTM就会给我们提供需要安装到站点的代码。
在WordPress中安装GTM代码
我们通过安装一款叫“WPCode”的插件来安装GTM代码。
通过“Plugins” — > “Add New Plugin”,搜索“WPCode”,然后安装激活。
激活后我们WP后台的选项卡就会多出“Code Snippets”这个选项,我们通过“Code Snippets” –> “Header & Footer”这个功能界面来安装我们的GTM代码。
回到GTM提供的安装代码界面中,将第一串代码粘贴到Header当中,将第二串代码粘贴至Body当中。点击保存即可将GTM安装到我们的WordPress网站中。
然后我们返回GTM,在此处输入我们的网址,然后点击“Test”来测试GTM代码是否安装成功。
出现绿色的勾,说明至此Google Tag Manager安装成功。
但是现在我们只是装了个容器,还没有给网站配置追踪代码,所以是没有功能的。接下来我们需要给GTM配置GA4代码。