WordPress如何使用GTM来安装GA4?

GTM是一个代码管理器,能够让我们添加和更新网站上的各种各样的跟踪代码。GA4(Google Analytics 4)就是这样的跟踪代码之一。在网站中使用GA4,能够:

  • 能够跟踪用户行为(包括点击、页面浏览、文件下载等);
  • 提供实时数据功能,允许用户即时看到网站和应用的活动情况,如实时用户数、活跃页面;
  • 测量数据和创建更精准的目标受众,优化广告投放效果等。

我们可以在网站中直接安装GA4代码,也可以在GTM中安装。但是一般推荐通过GTM来安装GA4,原因是通过GTM安装GA4能够让我们在站点中更容易地设置转化追踪

如果你使用了GA4后面想换GTM那么也麻烦,所以建议是从一开始就一步到位。

在开始之前,你需要

获取GA4的Measurement ID

前置条件:创建好Google Analytics网站数据流并获取到Measurement ID

首先我们先打开GA4,进入到以下界面,然后点击下方的齿轮图标,打开Database collection and modification,选择Data Streams。

然后我们选择之前创建的Data Stream,点击打开。

打开后我们可以看到这里面就有我们在下一步配置中所需要的Measurement ID。

然后打开一个新的浏览器页面,登录到GTM后台中。

在GTM中添加GA标签

前置条件

我们得先注册并安装了GTM以后才能够继续以下操作。

创建新代码

点击Tags,进入到代码配置界面:

点击New,新建一个代码。

我们给这个代码命名,因为是配置GA4代码,所以我们给它命名为GA4 Tag。

当然你也可以起一个别的名称,只要以后你看到这个名称就能知道这个代码是用来干什么的就行,特别是以后在GTM里面添加的代码越来越多的时候。

然后我们点击Tag Configuration区域来添加代码,我们选择Google Tag,点击

然后这里就会出现让我们输入GA4 Measurement ID的地方,输入我们在上一个步骤中找到的Measurement ID即可

设置触发条件

设置为All Page,整站触发。

然后点击Save保存。

验证GA4代码是否生效

此时我们可以看到在“Tags”工作台中出现了我们刚刚创建的新GA代码,选中它,然后点击右上方的“Preview”按钮进入到GTM的预览模式,来测试我们的GA4代码是否有生效。

提示:你需要在Chrome浏览器中安装Tag Assistant Companion插件才能够使用GTM的预览模式。

此时会跳出一个新的页面“Tag Assistant”,我们在下方输入框中输入我们的网址。

输入完毕后,点击“Connect”按钮。

然后GTM会帮我们打开我们的网站,然后跳转到以下界面中,当你看到GA4 Tag(这个是我们自己命名的代码名称)处于“Tags Fired”(即已触发的代码)状态下,那么说明你的GA4代码已经安装成功了。

我们可以进一步到GA4中来验证(此时不要关闭GTM帮我们打开的网站页面)。

我们打开GA4页面,点击Reposts (报告)–> Realtime(实时报告)。

如果能看到该测试流量,说明已经成功在GTM里面配置GA4了。

发布GA4代码

此时我们回到GTM界面,勾选刚刚创建的GA4 Tag,点击Submit,发布代码。

然后这边我们输入版本号和版本说明。这两块的文本是用来记录对GTM容器所做的具体更改。当以后出现问题时,可以帮助你快速定位问题起始版本,来进行故障排除和修复的。

点击发布后,通过GTM配置GA4就已经成功了。

我们后续就可以在GA4中对用户行为进行分析,来帮助我们获得更多的询盘和业绩。

Scroll to Top

Let's have a chat