0

0

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

星降

星降

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

|

843人浏览过

|

来源于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 账户并获取容器代码(包含

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」类设置项。

BGremover
BGremover

VanceAI推出的图片背景移除工具

下载

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工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

515

2023.06.20

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

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

244

2023.07.28

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

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

320

2023.08.03

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

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

5330

2023.08.17

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

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

481

2023.09.01

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

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

212

2023.09.04

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

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

218

2023.09.14

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

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

219

2023.09.21

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

AngularJS教程
AngularJS教程

共24课时 | 3.1万人学习

CSS教程
CSS教程

共754课时 | 25.3万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号