谷歌分析怎么安装 GA4代码安装部署方法【步骤】

admin 百科 2025-12-18 13

GA4跟踪代码未显示实时数据时，应通过GTM、手动添加gtag.js、WordPress插件、Shopify后台或Discourse设置五种方式部署G-开头的Measurement ID，确保代码正确嵌入全站页面。

谷歌分析怎么安装 GA4代码安装部署方法【步骤】-第1张图片-佛山资讯网

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

本文运行环境：MacBook Air M2，macOS Sequoia。

一、通过 Google Tag Manager（GTM）部署 GA4 代码

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

1、登录 https://tagmanager.google.com/，创建新 GTM 账户并获取容器代码（包含 <script> 和 <noscript> 两段）。</script>

2、将容器代码分别插入网站每个页面的 HTML 中：<script> 代码置于 <head> 标签内最下方，<noscript> 代码置于 <body> 标签起始处</script>。

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

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

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

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

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

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

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

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

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

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

本文地址： https://www.fsgp.cn/p/baike/72687.html