GTM是一个代码管理器,能够让我们添加和更新网站上的各种各样的跟踪代码。GA4(Google Analytics 4)就是这样的跟踪代码之一。在网站中使用GA4,能够:
- 能够跟踪用户行为(包括点击、页面浏览、文件下载等);
- 提供实时数据功能,允许用户即时看到网站和应用的活动情况,如实时用户数、活跃页面;
- 测量数据和创建更精准的目标受众,优化广告投放效果等。
我们可以在网站中直接安装GA4代码,也可以在GTM中安装。但是一般推荐通过GTM来安装GA4,原因是通过GTM安装GA4能够让我们在站点中更容易地设置转化追踪。
如果你使用了GA4后面想换GTM那么也麻烦,所以建议是从一开始就一步到位。
在开始之前,你需要
- 以及创建好Google Analytics网站数据流并获取到Measurement ID(GA4只需要注册好,不用安装)。
- 确保注册并在网站上安装了Google Tag Manager
获取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中对用户行为进行分析,来帮助我们获得更多的询盘和业绩。