GA4 是什么?为什么要先装它
GA4 是 Google Analytics 4,也就是谷歌官方的网站数据分析工具。
它的作用是帮助你查看网站流量、用户行为、页面表现和转化数据,比如:
- 网站来了多少访客
- 用户从哪里进入网站
- 哪些页面被访问最多
- 用户在网站上做了什么动作
- 表单、邮件、电话、WhatsApp 等询盘动作有没有发生
GA4 能帮助你了解用户行为、网站流量和转化率等关键数据。
为什么建议用 GTM 来安装 GA4
虽然 GA4 也可以直接把代码装进网站,但你这 3 个文件里都建议通过 Google Tag Manager(GTM) 来安装。原因主要有 3 个:
1. 更灵活
后期如果你要加:
- GA4 事件代码
- Google Ads 转化代码
- WhatsApp 点击追踪
- 邮箱点击追踪
- 表单提交追踪
都可以在 GTM 里集中管理,不需要反复改网站源码。
2. 更方便维护
GTM 提供可视化界面,新建、修改、发布代码都更方便。
3. 更适合做转化追踪
你上传的文档里,后续所有事件追踪基本都是通过 GTM 来实现的。
一、安装 GA4 之前,先安装 GTM
第一步:注册 GTM 账号
进入 Google Tag Manager 官网,点击创建账号。
创建时一般填写:
- 账号名称:公司名、网站名都可以
- 国家地区:中国
- 容器名称:网站网址或域名
- 目标平台:网站
然后点击创建并同意条款。
第二步:获取 GTM 两段代码
账号创建完成后,GTM 会给你两段代码:
- 第一段放在
<head>标签里 - 第二段放在
<body>标签后面
第三步:把 GTM 安装到网站上
如果你的网站是 WordPress
可以按文档里的方式操作:
- 登录 WordPress 后台
- 进入 外观 → 主题文件编辑器
- 找到 主题页眉 / header.php
- 把第一段 GTM 代码粘贴到
<head>标签下面 - 把第二段 GTM 代码粘贴到
<body>标签下面 - 点击更新文件保存
安装在页眉,是因为网站通常从上往下加载,而且每个页面都会调用页眉,装在这里可以监控整个网站。
如果你的网站是第三方技术搭建的
可以直接把这两段代码发给技术人员,让他们帮你装。
如果你不想直接改主题文件
也可以借助插件安装,例如:Google Tag Manager for WordPress
第四步:检查 GTM 是否安装成功
方法一:Tag Assistant
安装 Chrome 扩展插件 Tag Assistant 或 Tag Assistant Legacy,打开网站后检测。
如果能识别到 GTM 代码,就说明安装成功。
方法二:GTM 预览模式
在 GTM 后台点击 预览,输入网址进行连接测试。
如果小窗口中显示 GTM 容器已连接,也说明安装正常。
二、注册 GA4 账号
GTM 装好后,下一步就是创建 GA4。
第一步:进入 Google Analytics 官网
进入 GA 官网后,点击:
开始衡量
然后开始创建账号和媒体资源。
第二步:填写账号和资源信息
一般这样填:
- 账号名称:网站名称
- 媒体资源名称:网站名称或域名
- 报告时区:中国
- 币种:人民币
- 行业类型:其他也可以
- 业务规模:中型或按实际填写
然后点击下一步继续。
第三步:创建数据流
在选择平台时,选择:网站
然后填写:
- 网站网址
- 数据流名称
创建完成后,就会生成一个 衡量 ID,格式通常是:
G-XXXXXXXXXX
这个 ID 可以在:管理 / 设置 → 数据流里找到。
三、通过 GTM 安装 GA4
这一步是核心。
第一步:进入 GTM 新建代码
在 GTM 后台左侧找到:代码 / Tags → 新建
第二步:选择代码类型
- Google 代码
- 或 GA4 代码 / Google Analytics 分析中的 Google 代码
都指向 GA4 的安装代码。
第三步:填写 GA4 的衡量 ID
把你刚刚在 GA4 数据流里看到的:
G-XXXXXXXXXX
复制过来,填到 GTM 的代码 ID / Google 代码 ID 里。
第四步:设置触发器
触发器选择:
All Pages
也就是所有页面触发。
这代表 GA4 的全局代码会在网站每个页面生效。
第五步:命名并保存
你可以把这个代码命名为:
- GA4代码
- GA4全局代码
- Google Analytics 4
然后点击保存。
四、检查 GA4 是否安装成功
安装完之后,不要急着关后台,一定要测试。
方法一:GTM 预览测试
- 在 GTM 右上角点击 预览
- 输入你的网站网址
- 打开 Tag Assistant 测试页面
- 回到 GTM 看测试结果
如果在 Tags Fired 里出现了你刚设置的 GA4 代码,说明安装成功。
方法二:看 GA4 后台是否开始有数据
安装成功后,过一段时间进入 GA4 后台,就可以逐步看到访客数据。
文档里也提到,等待一段时间后,就能在 GA 后台看到访客数据。
最容易忘的一步:发布
在 GTM 里测试没问题后,不要忘了最后一步:
- 提交
- 发布
- 继续
如果你只测试不发布,代码实际上还没真正上线。
五、GA4 装好之后,先怎么看、先用什么
很多人装完 GA4 就不知道往哪看。
GA4 最常见的使用方向有两个:
- 看流量
- 看转化
1. 看网站流量和用户行为
GA4 最基础的用途是看:
- 网站访问量
- 用户来源
- 页面浏览情况
- 不同页面表现
- 用户是从哪个渠道进入网站的
帮助你了解用户行为、网站流量和转化率等重要数据。如果你是 B2B 网站,先学会看这些就足够了:
- 哪些页面访问最多
- 哪些页面停留更久
- 自然流量多不多
- 广告流量来了之后表现怎么样
2. 看转化事件
这其实才是你这几个文档里最强调的部分。
因为对 B2B 网站来说,重点不是电商下单,而是:
- 表单询盘
- 点击邮箱
- 复制邮箱
- 点击 WhatsApp
- 点击电话
网站转化追踪是最容易被忽视,但又最重要的部分。追踪代码如果设置不准确,广告机器学习和数据判断都会被带偏。
六、GA4 常见使用场景:B2B 网站转化追踪
场景一:表单询盘追踪
这是 B2B 网站最常见的转化。
方式一:网站有 Thank You Page
这是最推荐、最准确的方式。
客户提交完表单后会跳转到 thank you page,那么就可以把这个页面当成真实询盘转化的触发条件。
为什么这种方式最准确
因为它代表:
- 用户真的提交成功了
- 不是误点按钮
- 不是表单报错
- 不是未发送成功
具体设置步骤
1)先确认网站有 thank you page
这个页面最好:
- 只作为成功跳转页
- 不需要太多内容
- 最好加
noindex
thank you page 本身没什么内容,不需要谷歌收录,所以建议加 noindex。
2)在 GTM 里创建触发器
进入:
触发器 → 新建
设置:
- 触发器类型:网页浏览
- 触发条件:某些网页浏览
- 条件:Page URL 包含 thank you page 的地址
命名为:
- thank you page
- 或 thank_you_page
3)创建 GA4 事件代码
进入:
代码 → 新建
设置:
- 代码类型:GA4 事件代码 / Google 代码
- 衡量 ID:填你的
G-XXXX - 事件名称:
thank_you_page或Thank_you_page - 触发器:选择刚创建的 thank you page 触发器
4)测试
点击 GTM 的 预览,实际提交一次表单。
如果在 Tags Fired 里看到了这个事件代码,就说明成功。
5)发布
测试完一定记得:
- 提交
- 发布
方式二:网站没有 Thank You Page
很多模板站发完表单不会跳转页面,只会在表单下方出现一句提示,比如:
- Your submission was successful.
文档 1 里明确说,这种情况下如果你去追踪“Send 按钮点击”,通常是不准确的,因为误触按钮也会被记录成转化。
正确做法:追踪成功提示文字的元素
1)先提交一封测试表单
让页面出现“发送成功”的提示。
2)找到这段成功提示的 CSS 代码
按:
F12- 或右键检查元素
找到这段提示文字对应的 CSS 选择器,复制备用。
3)创建触发器
在 GTM 里:
- 触发器类型:元素可见性 / 元素类型
- 选择方法:CSS 选择器
- 元素选择器:粘贴刚才找到的 CSS 代码
保存触发器。
4)创建 GA4 事件代码
代码类型仍然选 GA4。
事件名称可命名为:
send_form
触发条件选择刚设置的触发器。
5)测试和发布
通过 GTM 预览测试表单提交后,确认事件是否触发,再发布。
场景二:客户点击邮箱
对外贸独立站和 B2B 网站来说,点击邮箱是非常重要的转化动作。
情况一:客户直接点击网站上的邮箱图标或邮箱文字
设置步骤
1)启用变量
进入 GTM 的 变量,把和点击链接相关的几个变量都勾选上。文档里写的是把网页类变量尽量都勾上。
2)创建触发器
进入:
触发器 → 新建
设置:
- 触发器类型:仅链接
- 触发条件:某些链接点击
- 条件:Click URL 包含
mailto:你的邮箱
3)创建 GA4 事件代码
事件名可以写成:
Click_Email
或按文档逻辑自定义一个邮箱点击事件名。
触发器就选刚才设置好的邮箱点击触发器。
4)测试
点击网站上的邮箱图标或邮箱锚文本,看事件有没有在 GTM 里触发。
情况二:客户复制邮箱地址
这个更难,但文档 1 也给了方法。
设置步骤
1)新建一个自定义 HTML 代码
在 GTM:
- 代码 → 新建
- 类型:自定义 HTML
- 粘贴复制监听的代码
- 触发器:All Pages
2)创建数据层变量
变量类型:
- 数据层变量
数据层变量名写:
clipboardText
3)创建触发器
触发器类型:
- 自定义事件
事件名称填写:
clipboardText
触发条件设置为:
- 某些自定义事件
- clipboardText 等于 你网站上的邮箱地址
4)创建 GA4 事件代码
事件名称:
Copy_Email
触发器选择刚创建的复制邮箱自定义事件。
5)测试
在网站复制邮箱地址,看是否触发。
场景三:客户点击 WhatsApp
这个在外贸站非常常见。
设置步骤
1)创建触发器
- 触发器类型:仅链接
- 条件:Click URL 包含 WhatsApp 链接
比如:
https://api.whatsapp.com/send?l=en&phone=86xxxxxx
2)创建 GA4 事件代码
事件名称可以写:
Click_Whatsapp
触发器选刚设置的 WhatsApp 链接点击。
3)测试
点击网站上的 WhatsApp 按钮,看 GTM 中是否触发。
场景四:客户点击电话
手机端访问时,很多用户会直接点击电话。
设置步骤
1)创建触发器
- 触发器类型:仅链接
- 条件:Click URL 包含
tel:
例如:
tel:xxxxx
2)创建 GA4 事件代码
事件名可以按文档逻辑自定义为电话点击事件。
触发器选电话链接点击。
3)测试
用手机端或模拟点击电话链接,看是否触发成功。
七、GA4 使用中最重要的几个原则
1. 先装全局代码,再做事件
顺序一定是:
- 先安装 GTM
- 再安装 GA4 全局代码
- 最后再逐个配置转化事件
如果全局代码都没装对,后面的事件也不可靠。
2. 事件追踪一定要尽量“真实”
比如表单追踪,最好用:
- thank you page
- 或成功提示元素
而不是只追按钮点击。
因为误触按钮也会被记成一次转化,最终数据会失真。
3. 追踪不准确,会影响广告和数据判断
转化追踪代码不正确,会影响 Google Ads 的机器学习模型,导致后续优化方向跑偏。
所以 GA4 不是“装上就行”,而是:
- 要装对
- 要测准
- 要保证事件能真实反映用户行为
4. 每次设置完代码都要测试
无论你加的是:
- GA4 全局代码
- thank you page 事件
- 邮箱点击事件
- WhatsApp 点击事件
都要通过 GTM 的 预览 去测试。
看到 Tags Fired,才算真正成功。
5. 测试完别忘了发布
这是新手最容易漏掉的。
预览成功 ≠ 已上线。
一定还要:
- 提交
- 发布
总结
如果你要写博客教程,结尾可以直接这样收:
GA4 是网站数据分析的基础工具,而 GTM 则是管理和部署代码的核心中枢。对于 B2B 独立站来说,安装 GA4 的真正价值,不只是看流量,而是能够更准确地追踪表单、邮箱、电话和 WhatsApp 等真实询盘行为。正确的安装顺序应该是:先安装 GTM,再创建 GA4 数据流,通过 GTM 部署 GA4 全局代码,最后按业务需求配置转化事件。每一步完成后都要通过预览功能进行测试,并在确认无误后正式发布。只有追踪足够准确,后续的数据分析和广告优化才有参考价值。



