用专业运营能力 提升每一次曝光价值

怎么安装 GA4 + 如何使用 GA4

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

可以按文档里的方式操作:

  1. 登录 WordPress 后台
  2. 进入 外观 → 主题文件编辑器
  3. 找到 主题页眉 / header.php
  4. 把第一段 GTM 代码粘贴到 <head> 标签下面
  5. 把第二段 GTM 代码粘贴到 <body> 标签下面
  6. 点击更新文件保存

安装在页眉,是因为网站通常从上往下加载,而且每个页面都会调用页眉,装在这里可以监控整个网站。

如果你的网站是第三方技术搭建的

可以直接把这两段代码发给技术人员,让他们帮你装。

如果你不想直接改主题文件

也可以借助插件安装,例如:Google Tag Manager for WordPress


第四步:检查 GTM 是否安装成功

方法一:Tag Assistant

安装 Chrome 扩展插件 Tag AssistantTag 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 预览测试

  1. 在 GTM 右上角点击 预览
  2. 输入你的网站网址
  3. 打开 Tag Assistant 测试页面
  4. 回到 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_pageThank_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. 先装全局代码,再做事件

顺序一定是:

  1. 先安装 GTM
  2. 再安装 GA4 全局代码
  3. 最后再逐个配置转化事件

如果全局代码都没装对,后面的事件也不可靠。


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 全局代码,最后按业务需求配置转化事件。每一步完成后都要通过预览功能进行测试,并在确认无误后正式发布。只有追踪足够准确,后续的数据分析和广告优化才有参考价值。

 

用专业运营能力 提升每一次曝光价值