如何在WordPress网站接入Google Tag Manager?

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由以下几个核心组件组成:

  1. 标签(Tags)
    • 标签是添加到网站或应用中的代码片段,用于执行特定功能,如网站分析、广告转化跟踪、再营销等。
    • 常见的标签类型包括Google Analytics、Google Ads、Facebook Pixel等。
  2. 触发器(Triggers)
    • 触发器决定了标签何时、何地以及如何执行。
    • 例如,当用户访问特定页面、点击按钮或提交表单时触发相应标签。
  3. 变量(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代码。

Scroll to Top

Let's have a chat