17370845950

谷歌分析怎么安装 GA4代码安装部署方法【步骤】
GA4跟踪代码未显示实时数据时,应通过GTM、手动添加gtag.js、WordPress插件、Shopify后台或Discourse设置五种方式部署G-开头的Measurement ID,确保代码正确嵌入全站页面。

如果您已注册 Google Analytics 账户并创建了 GA4 媒体资源,但网站尚未显示实时数据,则很可能是 GA4 跟踪代码未正确安装或未部署到所有页面。以下是多种可行的 GA4 代码安装与部署方法:

本文运行环境:MacBook Air M2,macOS Sequoia。

一、通过 Google Tag Manager(GTM)部署 GA4 代码

此方法适用于具备基础前端管理能力的用户,支持集中管理多个标签,便于后期扩展事件追踪,且无需频繁修改网站源码。

1、登录 https://tagmanager.google.com/,创建新 GTM 账户并获取容器代码(包含 两段)。

2、将容器代码分别插入网站每个页面的 HTML 中: 代码置于 标签起始处

3、在 GTM 界面中点击「Tags」→「New」→「Tag Configuration」→ 选择「Google Analytics: GA4 Configuration」。

4、在「Measurement ID」字段中填入您在 GA4 数据流中获取的以 G- 开头的 Measurement ID(例如 G-ABC123XYZ)。

5、在「Triggering」中选择「All Pages」,保存并提交 GTM 容器版本。

二、手动将 gtag.js 代码添加至网站 header

该方式直接嵌入全局跟踪脚本,轻量、稳定,适合静态网站、自建站或对 CMS 有完全控制权的用户。

1、登录 https://analytics.google.com/,进入「管理」→「数据流」→ 选择您的网站数据流 → 点击「标记说明」。

2、点击「安装手动」,复制完整 gtag.js 代码块(含 gtag('config', 'G-XXXXXXXXXX') 行)。

3、将整段代码粘贴至网站每个页面的  标签内部,紧贴 开始标签之后

4、确保代码在所有页面(包括首页、产品页、结账页等)均存在,且每个页面仅存在一份 GA4 配置代码

三、通过 WordPress 主题设置或插件部署

针对使用 WordPress 构建的网站,可利用主题内置字段或 SEO 插件快速注入 GA4 ID,无需编辑代码,适合无开发经验的运营人员。

1、若主题支持(如 Astra、GeneratePress、Blocksy),进入「外观」→「自定义」→ 查找「Google Analytics」或「Analytics ID」类设置项。

2、在对应输入框中填入 G- 开头的 Measurement ID,保存并发布更改。

3、若使用 Rank Math 插件:进入「Rank Math」→「常规设置」→「分析」→「连接您的 Rank Math 账户」→ 登录 Google 账户后,勾选「安装分析代码」并选择对应 GA4 媒体资源。

4、若使用 Yoast SEO:进入「SEO」→「常规」→「功能」→ 启用「Google Analytics」→ 在「Google Analytics 设置」中切换为「GA4」,粘贴 Measurement ID 并保存。

四、通过 Shopify 后台添加 GA4 代码

Shopify 商户可直接在后台配置 GA4,系统自动注入代码至全部在线店铺页面,无需第三方插件或手动编辑模板。

1、登录 Shopify 后台,进入「设置」→「合作伙伴应用和 API」→「Google Analytics」。

2、选择「Google Analytics 4」选项卡,点击「连接 Google Analytics」。

3、使用拥有 GA4 媒体资源权限的 Google 账户授权登录。

4、从下拉菜单中选择目标 GA4 媒体资源及对应的数据流,确认后系统将自动部署 G- 开头的 Measurement ID 至全站。

五、通过 Discourse 论坛后台配置 GA4

Discourse 用户可通过其原生设置面板启用 GA4 追踪,避免修改主题模板或使用外部脚本,保障升级兼容性。

1、登录 Discourse 管理后台,进入「设置」→ 搜索关键词 google

2、找到「GA Version」选项,将其值设为 v4(非 v3 或 auto)。

3、在「Tracking Code」字段中粘贴从 GA4 数据流中复制的 G-XXXXXXXXXX 格式 Measurement ID

4、保存设置,等待约 2–5 分钟后访问 GA4 实时报告,检查是否有活动会话出现。