Google Analytics 4 (GA4) 是 Google 最新的分析平台,用基于事件的跟踪模型替代了 Universal Analytics,提供更深入的行为洞察、跨设备跟踪以及对 GDPR 等隐私法规的内置支持。
本指南介绍了在 WordPress 上安装 GA4 的三种方法 — 从最简单的插件方式到手动代码和 Google Tag Manager。选择适合您技能水平的方法。
开始前:首先在 analytics.google.com 创建 GA4 属性。您需要测量 ID(格式:G-XXXXXXXXXX)来完成以下所有三种方法。
第 1 步:创建 GA4 属性
- 转至 analytics.google.com 并登录
- 点击管理(齿轮图标,左下角)
- 在属性下,点击创建属性
- 输入属性名称、时区和货币
- 选择您的行业和企业规模
- 选择业务目标(如不确定,选择"获取基线报告")
- 选择平台:网络
- 输入您的网站 URL 和数据流名称 → 点击创建数据流
- 复制测量 ID(G-XXXXXXXXXX)— 下面您将需要它
选择哪种方法 — 插件 vs 手动 gtag
开始之前,了解全局情况会很有帮助。有两种主要方法可以将 GA4 添加到 WordPress:使用插件(例如 Google 的 Site Kit 或 MonsterInsights)或自己在主题或页面标题中嵌入 gtag.js 代码片段(手动方法)。每种选项都在易用性、页面权重和对代码的控制程度之间进行了权衡。
如果您从不想接触代码,插件方式是理想的,因为一切都通过设置向导配置。MonsterInsights 还会在 WordPress 仪表板内显示报告,并提供现成的事件跟踪(出站链接点击、文件下载),尽管许多高级功能隐藏在付费层后面。Google 自己的 Site Kit 完全免费,并自动为您设置 Consent Mode v2。
自己嵌入 gtag.js 更轻量化,因为它不添加额外的插件、降低了插件冲突的风险,并给予您对代码片段加载位置的完全控制。权衡是当 Google 更新代码片段时您必须自己维护,如果您将其放在错误的位置(例如,不在 <head> 内),某些页面可能无法跟踪。
| 标准 | 插件(Site Kit / MonsterInsights) | 在主题/标题中手动 gtag |
|---|---|---|
| 设置难度 | 非常简单,基于向导 | 您自己编辑代码 |
| 所需编码 | 无 | 复制 gtag.js 代码片段 |
| 对网站速度的影响 | 添加插件(略有开销) | 最轻 — 无插件 |
| Consent Mode v2 | Site Kit 自动 | 手动配置 |
| WP 管理员中的报告 | 是(Site Kit / MonsterInsights) | 否 — 仅在 GA4 中查看 |
| 最适合 | 初学者/无代码用户 | 开发者/轻量级网站 |
快速总结:如果您刚开始并想要最快的路径,选择 Site Kit;如果您想要 WordPress 内具有现成事件的报告,选择 MonsterInsights;如果您优先考虑轻量级网站和完全控制,通过主题或标题插入插件嵌入 gtag.js。
方法 1 — Google 的 Site Kit 插件(最简单)
Site Kit 是 Google 官方的 WordPress 插件,在一个地方连接 GA4、Search Console、PageSpeed Insights 和 AdSense。无需编码。
- WordPress 管理员 → 插件 → 添加新插件
- 搜索"Site Kit by Google" → 安装 → 激活
- 点击开始设置 → 使用 Google 登录
- 授予所需权限
- 在连接服务中,选择Analytics
- 选择您的 GA4 属性 → 点击配置 Analytics
- Site Kit 自动将跟踪代码添加到每个页面
Site Kit 优势:自动处理 Consent Mode v2,在 GA4 更改时更新跟踪代码,并在 WordPress 仪表板中直接显示 Analytics 数据。
方法 2 — 手动代码安装
如果您不想添加额外的插件或需要直接控制跟踪代码,请使用此方法。
方法 2a — 通过 functions.php
将以下内容添加到您的子主题的 functions.php(将 G-XXXXXXXXXX 替换为您的测量 ID):
function add_ga4_tracking() {
if (!is_admin()) { ?>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<?php }
}
add_action('wp_head', 'add_ga4_tracking', 1);
方法 2b — 通过 Insert Headers and Footers 插件
- 安装Insert Headers and Footers 插件
- 转至 Settings → Insert Headers and Footers
- 将 GA4 脚本粘贴到Scripts in Header 部分
- 保存 — GA4 现在将在每个页面上运行
方法 3 — Google Tag Manager (GTM)
如果您需要从单一界面管理多个标签(GA4、Facebook Pixel、转换跟踪),而无需编辑 WordPress 代码,请使用 GTM。
- 在 tagmanager.google.com 创建 GTM 帐户
- 创建容器 → 平台:Web
- 复制容器 ID (GTM-XXXXXXX)
- 在 WordPress 上安装GTM4WP 插件并输入容器 ID
- 在 GTM 控制台中 → 新标签 → Google Analytics:GA4 配置
- 输入您的测量 ID → 触发器:所有页面 → 保存
- 点击提交以发布
验证 GA4 正常工作(实时和调试视图)
安装完成后,不要假设数据会自动出现。首先确认跟踪代码确实在每个页面上触发。按照以下步骤操作:
- 打开 GA4 → 报告 → 实时,然后在另一个选项卡中打开您的网站。
- 等待约 10-30 秒。如果您看到"过去 30 分钟内 1 个用户"或更多,则跟踪处于活动状态。
- 点击浏览您网站上的 2-3 个页面,并确认实时中的
page_view事件计数增加。 - 安装Google Tag Assistant Chrome 扩展程序并加载您的网站 — 如果 GA4 标签显示"已连接",则代码正确触发。
- 打开GA4 调试视图(管理员 → 调试视图)以实时检查单个事件 — 适合调试自定义事件。
如果调试视图没有显示任何内容,安装GA 调试器扩展程序,或暂时将 debug_mode:true 添加到您的 gtag('config', ...) 调用中以强制事件进入调试视图。
已安装但看不到数据?最常见的原因是测量 ID 不正确(数字颠倒)、跟踪代码不在每个页面的 <head> 中、测试浏览器中的广告拦截器或隐私扩展程序,或缓存插件提供没有代码的旧页面。清除您的缓存并在隐身窗口中重新测试。
PDPA / 同意和 GA4(Cookie 同意)
GA4 使用 cookie 来识别用户和会话,因此如果您的网站有来自泰国或欧洲的访问者,您应该在收集数据前请求同意,以遵守泰国的 PDPA 和欧盟的 GDPR。
关键工具是 Google Consent Mode v2,它根据同意状态调整 GA4 如何收集数据。例如,在用户接受之前,GA4 可以仅发送匿名的无 cookie 的 ping,而不是设置完整的 cookie。
如何保持符合 PDPA/GDPR
- 在用户授予同意之前,将
analytics_storage和ad_storage默认设置为"拒绝"。 - 添加 cookie 同意横幅(使用 CookieYes 或 Complianz 等插件,或您自己的横幅),以便用户可以接受或拒绝。
- 当用户接受时,调用
gtag('consent', 'update', {...})以将状态切换为granted。 - 发布隐私政策,明确说明您收集的内容、原因以及您使用 GA4。
"默认拒绝"Consent Mode 设置示例(将其放在 gtag.js 加载前):
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'analytics_storage': 'denied',
'ad_storage': 'denied',
'wait_for_update': 2000
});
</script>
Site Kit 优势:它自动支持 Consent Mode v2。只需安装兼容的 cookie 同意插件,它就会将同意状态链接到 GA4 — 无需您手动编写 gtag('consent', ...)。
GDPR/隐私注意:如果您的网站有来自欧盟的访问者,请配置 Google Consent Mode v2 以便 GA4 尊重 cookie 同意偏好。Site Kit 自动处理这个问题。
所有三种方法的比较
| 方法 | 易用性 | 额外插件 | 最适合 |
|---|---|---|---|
| Site Kit 插件 | 非常简单 | Site Kit | 大多数用户 |
| 手动(functions.php) | 中等难度 | 无 | 开发者 |
| Google Tag Manager | 中等难度 | GTM 插件 | 多个标签 |
关于 WordPress 上 GA4 的常见问题
Google Analytics 4 与 Universal Analytics 有什么区别?
GA4 使用基于事件的跟踪而不是 Universal Analytics 的基于会话的模型,提供更深入的行为洞察、跨设备跟踪、机器学习分析以及对 PDPA/GDPR 等隐私规定的内置支持。Universal Analytics 已停止收集数据,GA4 现已成为当前标准。
我可以同时运行多个分析插件吗?
不建议。如果同时通过 Site Kit 和手动 gtag.js 代码片段添加 GA4,事件将被重复计算,导致页面浏览量和用户数虚增。请选择一种方法。如果切换到 Site Kit,请先删除通过其他方式添加的任何 GA4 代码。
手动嵌入 gtag.js 时需要子主题吗?
编辑 functions.php 时务必使用子主题。如果直接编辑父主题,每次主题更新时您的跟踪代码都会消失。子主题或类似 Insert Headers and Footers 的标题插入插件可保持代码在更新时保留。
安装 GA4 会显著降低网站速度吗?
gtag.js 异步加载,不会阻止页面呈现,速度影响最小。对于最轻量级的设置,自己嵌入 gtag.js 不会添加新插件,而使用插件则需权衡少量额外脚本加载的便利性 — 通常不会对核心网络生命周期指标产生有意义的影响。
WordPress 主机随时可用 — 起价 500 泰铢/年
AsiaGB 主机支持 WordPress,具有 SSD 存储、PHP 8.3、DirectAdmin 和 Softaculous 一键安装。GA4 跟踪与任何安装方法都可开箱即用。
查看托管计划 →