Google Analytics怎么接入WordPress?
学完这篇,你能在 WordPress 上正确接入 Google Analytics 4(GA4),并在 GA4 实时报告里看到访客数据。
第一步:拿到 GA4 衡量 ID
这一步要做的是在 Google Analytics 里创建或找到网站数据流,并复制 G- 开头的衡量 ID。打开 analytics.google.com,用 Google 账号登录。左下角点“管理” -> “数据收集和修改” -> “数据流”。如果还没有数据流,点“添加数据流” -> “网站”,填网站地址和流名称,点“创建流”。创建后,在数据流详情页右上角找到“衡量 ID”,形如 G-XXXXXXXXXX,复制备用。
注意:GA4 衡量 ID 是
G-开头。UA-开头的 Universal Analytics 已经停止服务,不要再用旧代码。
第二步:用 Site Kit 插件接入(推荐新手)
这一步要做什么:在 WordPress 后台安装 Google 官方插件 Site Kit,让插件自动把 GA4 代码插到全站,做完后不用改主题文件。进入 WordPress 6.x 后台,左侧菜单点“插件” -> “安装插件”。在右上角搜索框输入“Site Kit by Google”,找到后点“现在安装”,安装完成点“启用”。启用后进入“Site Kit” -> “仪表盘”,点“开始设置” -> “使用 Google 账号登录”,选择你的 Google 账号并点“允许”。接着选择刚才的 GA4 媒体资源,按提示点“完成”。
结果:Site Kit 会自动插入 GA4 跟踪代码,你可以在 Site Kit 的 Analytics 卡片里看数据摘要。
注意:如果后面又手动加了一遍 GA4 代码,或同时装了 MonsterInsights 等统计插件,可能重复计数,只保留一种方式即可。
第三步:手动加代码接入(不想装 Site Kit 时)
这一步要做的是把 GA4 官方 gtag 代码放到 WordPress 的 <head> 里,适合想自己控制代码的人。先安装代码插入插件:WordPress 后台 -> “插件” -> “安装插件” -> 搜索“WPCode – Insert Headers and Footers + Custom Code Snippets” -> “现在安装” -> “启用”。然后左侧菜单点“Code Snippets” -> “Header & Footer”,把下面代码粘贴到 Header 区域,保存。
<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>
把两处 G-XXXXXXXXXX 换成你自己的衡量 ID。保存后,打开网站首页,右键“查看网页源代码”,搜索 gtag/js 或你的 G- ID,能搜到就说明代码已输出。
注意:如果你用的是区块主题,不要再进“外观” -> “主题文件编辑器”改
header.php,那里可能没有这个文件;用 WPCode 或子主题更稳。
第四步:验证是否接入成功
这一步要确认 GA4 真的收到数据。打开 GA4 后台,点左侧“报告” -> “实时”。用浏览器无痕窗口打开你的 WordPress 网站,随便点两三个页面。回到 GA4 实时报告,如果“过去 30 分钟内的活跃用户”出现 1 或更多,说明接入成功。
注意:广告拦截插件、浏览器隐私设置、缓存/CDN 可能影响测试。测试前先清空 WordPress 缓存插件和 CDN 缓存;如果面向欧盟用户,还要考虑同意模式或隐私插件。
小结
- GA4 接入 WordPress 的核心是拿到
G-衡量 ID,并把 gtag 代码放到全站<head>。 - 新手优先用 Site Kit by Google 插件,自动接入,少改代码。
- 手动接入可用 WPCode 的 Header & Footer 功能,粘贴官方 gtag 代码。
- 只保留一种接入方式,避免重复统计。
- 用 GA4“实时”报告验证,配合无痕窗口测试最直观。
原文链接:https://www.gj0.com/thread-439.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。