您现在的位置是：首页 > WordPress教程WordPress教程

WordPress怎么添加Google Analytics？

WP集市 2025-08-22 【WordPress教程】 1517人已围观

兄弟们，今天咱唠唠WordPress咋接Google Analytics啊，这玩意儿就跟给你家店装个摄像头似的，谁来了、看了啥、待多久，门儿清！不管你是博主还是小老板，想优化网站、搞懂用户，这步少不了。别觉得技术活儿难，咱分分钟给你整明白，全程大白话，听懂掌声！

先唠唠准备工作：你得有个"摄像头"啊！

Google Analytics（简称GA）就是那个"摄像头"，但你得先去Google家领一个。步骤贼简单：

打开 Google Analytics官网（得有Google账号，没有的先注册一个，跟注册QQ似的）；
点"开始衡量"，随便填个账户名（比如"我的博客"），选"网站"；
重点来了：现在都用GA4了！别傻乎乎找旧版UA代码，早过期了！ 填网站URL（比如https://你的博客.com），随便起个数据流名称（比如"博客流量"），点"创建"；
等着，它会弹一个框，给你俩宝贝：Measurement ID（长这样：G-XXXXXXXXXX）和一段跟踪代码。先复制代码，或者把页面留着，待会儿要用！

方法一：插件躺平法（推荐小白！全程点点点）

如果你跟我一样，懒癌晚期不想碰代码，插件就是你的神！市面上插件一堆，咱挑个最简单的——MonsterInsights（江湖人称"怪兽洞察"），免费版就够用。

步骤：

进WordPress后台（就是你平时写文章的地方），左边菜单找"插件"→"安装插件"；
搜"MonsterInsights"，第一个就是（蓝色图标那个），点"现在安装"→"启用"；
启用后会弹个窗口，点"Launch Setup Wizard"（启动设置向导），跟着走：
- 选"Google Analytics 4"（别选错！）；
- 点"连接Google账号"，登录你刚才注册GA的Google账号，授权；
- 选你刚创建的GA4数据流（就是刚才填的"博客流量"那个）；
- 一路点"继续"，最后点"完成设置"。

齐活！这插件贼智能，自动帮你把代码怼进网站里，连Measurement ID都不用你抄，比点外卖还简单。手残党、小白、怕代码的，就用这个，错不了！

方法二：手动折腾法（适合想自己搞的"技术党"）

如果你非要自己写代码秀一波，或者插件冲突了，咱也能手动加。但先警告：改代码前一定备份！改崩了别怪我没提醒！

情况1：往主题header里塞代码（但得用子主题！）

WordPress加载页面时，会先读header.php（头部文件），咱把GA代码塞这儿就行。但注意：直接改父主题的header.php，下次主题更新代码就没了！必须用子主题！ （子主题不会被更新覆盖，不懂子主题的先去搜"WordPress子主题创建"，5分钟搞定）。

步骤：

后台左边"外观"→"主题文件编辑器"，右边选你的子主题（别选错父主题！）；
找到"header.php"，点进去，在<head>标签里（就是<head>和</head>中间），粘贴刚才GA给的跟踪代码。

代码长这样（记得把G-XXXXXXXXXX换成你的Measurement ID！）：

<!-- Google tag (gtag.js) - Google Analytics -->
<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>

粘贴完点"更新文件"，齐活！

情况2：用"代码片段"插件（不用改主题文件）

如果你嫌改header麻烦，或者怕改坏主题，用"Code Snippets"插件也行（免费的！）。这插件能把代码直接塞到header里，还不影响主题更新。

步骤：

装插件"Code Snippets"（跟装MonsterInsights一样，搜名字→安装→启用）；
左边菜单点"代码片段"→"添加新片段"，标题随便填（比如"GA跟踪代码"）；

代码框里粘贴下面这段（还是把G-XXXXXXXXXX换成你的ID！）：

add_action('wp_head', function() { ?>
<!-- Google tag (gtag.js) - Google Analytics -->
<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>
<?php });