讲师中心 微信公众号
AI工具推荐 视频效率加速

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

夜雪姑娘_6563

夜雪姑娘_6563

发布时间:2025-12-18 11:43:15

|

983人浏览过

|

来源于php中文网

原创

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

谷歌分析怎么安装 ga4代码安装部署方法【步骤】 - php中文网

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

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

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

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

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

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

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、将整段代码粘贴至网站每个页面的 <head> 标签内部,紧贴 <head> 开始标签之后

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

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

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

douyin-keyword-search
douyin-keyword-search

自动化抓取抖音搜索结果页面的文章数据,支持关键词搜索、格式输出和数量限制,需安装Playwright和Chromium浏览器。

下载

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 实时报告,检查是否有活动会话出现。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

3736

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1195

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1518

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

9183

2023.08.17

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

820

2023.09.01

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2184

2023.09.04

Js中concat和push的区别
Js中concat和push的区别

Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

1409

2023.09.14

js截取字符串的方法介绍
js截取字符串的方法介绍

JavaScript字符串截取方法,包括substring、slice、substr、charAt和split方法。这些方法可以根据具体需求,灵活地截取字符串的不同部分。在实际开发中,根据具体情况选择合适的方法进行字符串截取,能够提高代码的效率和可读性 。

3669

2023.09.21

Vibeknow在线使用入口合集
Vibeknow在线使用入口合集

本专题汇总了Vibeknow在线创作视频的官方入口及网页版使用教程,涵盖PPT、PDF、Word等文档一键转讲解视频的核心操作,并整理了免费版水印规则与手机端浏览器访问指南,助你快速将知识内容视频化。

0

2026.09.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 204人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn