大家好,我是王施帆。
半个月没有更新,一是赶着把GA4的教程全部写完了,vip的朋友可以移步到飞书上系统学习。

二是去了趟成都,找朋友学了点ai,算是有个入门吧。以后会把ai和搜索流量融合起来。
接上一篇我们把专属练习网站搭好了。这一篇,我们就在这个网站上正式安装 GA4,让它真正开始捕捉流量。
很多人觉得"装个 GA 而已,能有多难",结果一上手就卡住——尤其卡在"把代码植入网页"那一步。这恰恰是 GA 安装里最能拉开差距的地方。这一篇我会带你完整走一遍真实大型网站的安装方式,不走捷径,因为你将来真要进公司做流量分析,看到的就是这套做法。

延伸阅读(强烈建议先看完前两篇):
⚠️ 注意:GA4 属于 Google 服务,访问 analytics.google.com 需要正常的网络环境(代理/全局模式)。下文不再重复提示。
一、先建立全局认知:GA4 安装分"两大环节"
这是最重要的一个认知,搞懂了你才不会在中途迷路。

GA4 的安装,本质上分成两大环节:
环节一:在 GA 平台内做设定 —— 创建账户、媒体资源、数据流,填一堆信息。这部分都在 GA 网站里点点点完成,相对简单。
环节二:把"追踪代码"植入你的网页 —— 这才是真正的挑战,也是大多数人卡关的地方。
很多教程只教你环节一(在后台点选设置),就号称"教你装 GA",但环节二才是 GA 实作的核心。我们两个环节都会完整做完。
二、环节一:在 GA 平台内完成设定
第 1 步:进入 GA,用"全新 Gmail"登录
打开浏览器,搜索 GA,进入 Google Analytics 官网,点击"开始衡量 / 前往分析(Go to Analytics)"。Google 的所有工具都要用 Gmail 登录,先登录好。

关键提醒:如果你的 Gmail 从没用过 GA,登录后会看到"欢迎使用 / 开始衡量"的引导画面;如果这个 Gmail 已经用过 GA,会直接进报表。为了让你的画面和教程一致,建议注册一个全新的 Gmail 来练习。
看到引导画面后,点击"开始衡量"。
第 2 步:填写账户名称(别乱填,这一步不可逆)
第一栏要你输入账户名称。注意:这个名称和你右上角的 Gmail 账户名是两回事,是专门给 GA 用的。

很多人看到输入框就随手乱填——这不影响 GA 运作,但有个大坑:GA 报表是历史性资料的事后回顾,一旦报表已经生成,上面的名称如果你不满意想改,是不可逆的。
所以创建时就要想清楚用什么命名。这里填"公司名称",因为一个公司旗下可能有很多网站,用公司层级来统管各个网站的流量最方便。
我们练习站是个电商模板,就随便填个电商公司名,比如"进帆电商股份有限公司"。
第 3 步:数据共享设置——"基准化"那个勾不要取消
往下是几个数据共享选项,很多人一知半解就直接跳过。其中有一项千万别取消勾选——就是"基准化(Benchmarking)"相关的那一项。

为什么重要?我前两篇一直强调 GA 是"站内式"工具,但基准化是它唯一具备的"站外比较"功能。打了这个勾,GA 才能告诉你:相较于同行业的其他网站,你的流量表现是更好还是更差。这是非常宝贵的横向参照,所以通常不取消。
另外两项是关于授权 Google 技术团队访问你的数据、提供咨询服务的(这类服务通常付费)。是否勾选你自己决定,练习阶段无所谓。
第 4 步:创建"媒体资源"——它就是存放流量的仓库
接着来到一个重要概念:媒体资源(界面里叫"媒体资源",英文是 Property)。

这个词容易让人困惑。我打个比方你就懂了:把媒体资源想象成一个"仓库"(或者一个货柜)——它是用来存放流量数据的容器。你网站产生的所有流量,最终都会汇整、存放到这个仓库里。
输入一个资源名称即可,没有硬性规定。为了好理解,我直接填"存放流量的仓库"(实务中你换成贴合自己情况的名字)。一个账户下可以有多个媒体资源(多个仓库)。
如果你的网站要用电子商务交易功能,这里的货币和时区就很重要,记得设对。
第 5 步:选择行业类别——千万别乱选,更别选"游戏"
这一步很多人觉得无所谓,随手乱选行业类别。千万不要乱选! 上课练习乱选没关系,实务上绝对不行,原因有二:
你刚授权了 Google 访问数据,它的顾问团队会依据"行业类别"来提供服务,选错会误导他们的判断
刚说的基准化(站外比较)也是按行业类别来对比的,选错了对比就失真
我们练习就选"购物"。下方的商家规模随便选。

特别提醒:不要选"游戏"。 因为在 GA 里游戏是被单独对待的,操作界面和报表都和其他行业不一样,选了游戏你的画面就和教程对不上了。
第 6 步:选择业务目标——前 4 项全勾,最后 1 项别勾
新版 GA 有很多分析项目,但不是每个你都用得到,所以它把选择权交给你。初学阶段,建议把分析项目尽量全勾(免得以后回来调整很麻烦)。
但这里有个坑:勾选时,把前面 4 项都勾上,但最后 1 项不要勾——因为最后 1 项通常是"我不想设置目标"之类的互斥选项,一旦勾它,前面 4 项会全部被取消。

勾好后点"建立",弹出服务条款点"我接受"。到这里,账户和媒体资源就创建好了。
三、环节二:植入追踪代码(真正的挑战开始)
第 7 步:选择平台 + 设置"数据流"
创建好资源后,GA 会问你要分析什么平台:网站,还是 App?(App 还分 Android 和 iOS)。我们练习的是网站,点"网站"。

接着遇到一个重要术语:数据流(Data Stream)。说人话就是——"产生流量的那个标的物"。对我们来说,就是网站本身。所以它要你输入网站网址,这样才能捕捉到这个数据流产生的流量。

操作要点:
切回你的练习网站,复制网址。注意:只复制主域名部分(形如
wangshifan.byethost15.com),网址里斜杠后面的路径都不要协议下拉框务必选 HTTPS(byethost 主机带 S 加密)
数据流名称要具体描述,别填"网站1""网站2"这种——将来网站一多,报表里你根本分不清谁是谁。公司情境下可以填"总公司网站""香港分公司网站"之类。所有网站的流量,都会汇整到上一步那个"仓库"(媒体资源)下面
至于"增强型衡量",里面涉及"事件"的概念,现在讲了反而干扰理解,先有个印象,后面专门讲。点右上角"创建并继续"。
第 8 步:GA 给出"追踪代码",并判定为"手动安装"
点完之后画面会反复跳转——这是因为 GA 很聪明,它正在判断你这个网址适合什么安装方式。判断结果:适合"手动安装"。

为什么是看起来更麻烦的手动安装?因为所有大型网站、所有自己打造网站的经营者,GA 安装用的都是手动植入代码的方式,而不是后面会讲的 CMS 平台方式。我们先契合大型网站的做法——毕竟你将来很可能就是进这类公司工作。
现在画面下方出现了一组代码。请你理解它的角色——它是一座关键的"桥梁":
它负责收集你网站上的流量 → 把流量传送到 Google 的主机 → Google 处理好报表后回传给你查看。这座桥梁没装好或坏掉了,你就收不到任何流量。
所以这段代码至关重要。复制它。 GA 会提示你"把这段代码放到网页的 <head> 元素里"。
可问题来了:很多人没有网页基础,根本不知道"放到 <head> 里"该怎么操作——这正是大量初学者卡关、然后被迫转去用 CMS 方式的原因。 我们不绕路,下面就来解决它。
四、用网页编辑器,把代码真正贴进网页
第 9 步:下载网页编辑软件
回想一下我们的进度:下载模板 → 用 FileZilla 上传到服务器,全程没有一个环节是能编辑网页的。要把代码放进网页,就必须有个能"编写网页"的工具。

第 10 步:先搞懂 HTML 结构,理解代码"放哪、为什么"

在贴代码前,先认识网页的基本结构。网页设计的基础语言叫 HTML,它有个特性:标签成双成对。
一个网页的骨架长这样:
<html>…</html>:整个网页的开头和结尾(带斜杠/的代表结尾)<head>…</head>:网页的标头<body>…</body>:网页的主体
你可以在任何网站上验证:在网页空白处(鼠标点不动的地方)点右键 → 查看网页源代码,就能看到同样的 <html>/<head>/<body> 结构。全世界的网站都遵循这个结构(每个网站的 GA 编号都不一样)。
为什么 GA 代码要放在 <head> 里?两个原因:
<head>是网页标头,可以理解成"人的脑袋"——里面装什么,访客是看不到的。 GA 代码不需要给访客看,正适合放这。(而<body>里放的,都是要给访客看的网页素材。)网页是由上而下载入的。 访客进站后,网页从上往下慢慢加载。有些访客可能还没加载完、或没往下浏览就离开了。如果 GA 代码放在很靠下的位置,它还没被"唤醒"启动,就抓不到这位访客了。所以 GA 代码要放得越靠上越好,才能尽早启动、尽早捕捉访客。
第 11 步:在模板里贴入 GA 代码并存档
注意:我们要编辑的不是 Expression 默认打开的那张空白页,而是我们下载的模板。操作:
点左上角"打开文件夹/打开旧文件",找到你下载的模板文件夹,进去找到
index.html,打开上半部代码区,找到
<head>标签(视频里在第 4 行后面),把光标停在它后面,按 Enter 制造一些空行(不同的代码之间留空,别全粘在一起,否则不好辨认)切回 GA 画面,复制那段追踪代码
回到 Expression,在
<head>后面粘贴进去此时编辑器标签上会出现一个星号
*,代表还没保存。点磁盘图标保存,星号消失就保存好了

第 12 步:重新上传到服务器,覆盖旧文件
这一步很容易被忽略。思考一下:你刚保存的 index.html 是在你自己电脑上,不是服务器上的那个。 现在存在两个 index.html——一个在你电脑(刚改好的,新),一个在 byethost 服务器(之前传的,旧)。
要让改动生效,必须把电脑上这个新文件,重新上传覆盖服务器上的旧文件:
打开 FileZilla,输入主机名、用户名、密码(忘了就看你之前拍的手机照片),快速连接,"不安全"提示点确认
进入 htdocs 文件夹(所有网页文件都必须放这,第二篇讲过)
把电脑端(左侧)刚改好的
index.html拖到服务器端(右侧)。可以看修改时间确认——左侧是刚保存的新文件,右侧是旧的FileZilla 检测到同名文件,会问要不要覆盖,选"覆盖(复写)",完成更新


五、验证 GA4 是否安装成功
第 13 步:测试安装 + 看实时报表
回到 GA,右上角有个"测试安装"。点它,结束后往下看,出现绿色对勾,就代表 GA 已经侦测到你网页里的代码了。点右上角确认。

接着看实时报表确认真的收到流量:关掉弹窗 → 继续 → 回首页(电子邮件订阅之类的不用管,直接保存)→ 点左侧报表图标 → 实时概览。



第 14 步:收不到流量?别慌,是"延迟"
如果实时报表里没看到数字,不代表你做错了。GA 有个产出延迟现象,尤其是新功能、第一次安装时,延迟会特别久。怎么办:
回到练习网页,按刷新。刷新 = 重新载入网页代码 = 重新加载你刚植入的 GA 代码
回 GA 实时概览看,过一会儿就会出现"1"
用手机浏览器访问这个网址有"加速"效果——因为 GA 认定不同浏览器、不同设备是不同的流量。手机访问一次,实时数字就会增加
不断刷新、多设备触发,直到看到流量为止
第一次确实会延迟很久,耐心等。但如果超过一天还是没有任何数据,那就不正常了,要回头检查代码是否贴对、是否上传覆盖成功。

你还可以把网址发给朋友,请对方点开触发,他的访问也会传递到你的实时报表里——这就证明你的网站流量追踪真的通了。
六、补充:CMS 安装方式(WordPress / Wix 等)
前面一直提到的"CMS 方式",这里讲清楚,你心里好有个对比。






CMS = 内容管理系统。 有些网站的搭建是带"后台"的——你在后台输入内容,网页就自动生成好了,相对方便。这类平台比如 WordPress、Wix 等,提供大量模板,不需要太多技术,直接填内容即可。
用 CMS 装 GA 非常简单:把 GA 编号那段代码,粘到后台的某个指定栏位,保存即可,完全不用碰 HTML 代码。
那为什么我们上课不教这种"更简单"的方式?因为 CMS 有几个硬伤:
同质化严重——用这些平台做出来的网站大多长得很像
免费是诱饵——号称免费,但用久了、业务成长了、要用高阶功能时,就得付费
弹性有限——很多进阶功能需要编写网页代码,而这些平台不一定允许你自由编辑代码
这也是为什么所有大型网站都不用 CMS 平台搭建,而是像我们练习这样自己编写、自己打造——这样才能拿到 100% 的主控权。 你学会了手动安装这套"大型网站做法",将来进任何公司都不怵。
想自己选安装方式,路径是:左下角齿轮(GA 设置)→ 数据流 → 点开你的数据流 → 数据流详情 → 进行代码设置 → 右下角"安装操作说明",里面就能切换手动 / CMS 等方式。
这一篇我们完整装好了 GA4,回顾一下:
认知:GA 安装分两大环节——平台内设定 + 植入追踪代码,后者才是核心难点
平台内设定:账户名别乱填(不可逆)、基准化勾保留(GA 唯一的站外比较)、媒体资源=存流量的仓库、行业类别别乱选别选游戏、业务目标勾前 4 项
植入代码:设好数据流拿到追踪代码 → 用编辑器把代码贴进网页
<head>(放越上面越早启动)→ 重新上传覆盖服务器文件验证:测试安装看绿勾、实时报表看流量,注意延迟现象,多用手机/多设备触发
对比:CMS(WordPress/Wix)装 GA 更简单但弹性差,大型网站都用手动方式
现在你的练习站已经能持续捕捉流量了。下一篇,我们就正式进入报表,学着把这些流量数据读懂、读出洞察。
就写这么多吧,感谢阅读。
—— END ——