一、前置准备
1.1 必备工具准备
直接安装以下2款工具：
1.2 GitHub Pages 基础仓库创建
- 登录GitHub，点击右上角+号 → 选择「New repository」
- 仓库命名规则：默认二级域名需用「用户名.github.io」（务必替换为你的真实GitHub用户名），权限选择「Public」，勾选「Initialize this repository with a README」
- 点击「Create repository」完成创建
二、引流落地页制作（零代码/轻代码二选一）
2.1 零代码：使用GitHub Pages内置模板+README.md排版
适合快速测试流量响应，无需写HTML：
- 打开刚创建的仓库，点击「Settings」→ 左侧栏「Pages」
- 在「Build and deployment」区域，「Source」选「Deploy from a branch」，「Branch」选「main / master」（看你创建时的默认分支），「Folder」选「/ (root)」
- 点击「Save」，等待1-2分钟后刷新「Settings」→「Pages」，顶部会显示绿色提示框「Your site is live at https://用户名.github.io」
- 回到仓库首页，点击README.md文件右上角「✏️ Edit」
- 复制以下可直接落地的引流页Markdown内容替换原有内容，替换其中的微信号、领取关键词、Umami埋点链接占位符后点击「Commit changes」：
```markdown
【限时免费】100个精准引流钩子工具包
领取条件：
1. 关注本账号
2. 评论区扣「钩子」
3. 扫码添加下方微信，备注「工具包+平台名」
已覆盖平台：抖音、小红书、知乎、B站
工具包内容：选题库模板、封面拆解表、话术生成脚本
```
⚠️ 二维码占位图请替换为你自己的图片：上传图片到仓库首页，复制图片URL（点击仓库图片，在新页面复制地址栏里去掉`?raw=true`之前的部分）
2.2 轻代码：使用Tailwind CSS一键生成专业落地页
适合需留存率、转化率更高的场景：
- 回到仓库首页，点击「Create new file」
- 命名为「index.html」，复制以下完整代码替换编辑区域，替换微信号、领取关键词、Umami埋点链接占位符：
```html
限时免费100个精准引流钩子工具包
限时72小时免费领
100个精准覆盖全平台的引流钩子工具包
工具包包含
- ✓抖音小红书知乎B站通用选题库
- ✓10w+爆款封面拆解表
- ✓评论区转私域话术生成脚本
添加微信备注 钩子+抖音/小红书/知乎/B站
```
- 上传自己的微信二维码到仓库首页，复制图片URL替换代码里的占位符
- 点击「Commit changes」，等待1-2分钟后访问「https://用户名.github.io」即可看到专业落地页
三、Umami 埋点接入与流量数据追踪
3.1 Umami Cloud 免费版配置
- 登录Umami Cloud，点击「Add website」
- 填写必填信息：Name填「你的落地页名称」，Domain填「用户名.github.io」（带不带https均可），其余默认，点击「Save」
- 复制生成的埋点脚本（包含data-website-id和src的那一行script标签）
- 回到GitHub Pages的README.md或index.html，替换占位符埋点链接：
- 零代码README.md：在文件末尾添加以下HTML埋点（GitHub Pages支持README.md内嵌HTML）：
```html
```
- 轻代码index.html：直接替换顶部head标签里的占位符即可
- 点击「Commit changes」，等待埋点生效（通常1分钟内）
3.2 数据查看与基础分析
埋点生效后，回到Umami Cloud即可实时查看：
- 总访问量、独立访客数、跳出率、平均停留时间
- 流量来源（直接访问、搜索引擎、社交媒体、自定义来源）
- 访客设备（手机、平板、电脑）、操作系统、浏览器
- 访客地理位置（国家、省份、城市）
四、自定义流量来源标记（精准追踪各渠道转化）
4.1 生成UTM参数链接
使用Umami内置的UTM生成器，无需第三方工具：
- 登录Umami Cloud，点击左侧栏「UTM Builder」
- 填写必填UTM参数（其余可选，必填项可直接参考下表）：
| UTM参数 |
示例值 |
填写规则 |
| Website URL |
https://用户名.github.io |
你的落地页完整地址 |
| utm_source |
xiaohongshu |
流量来源平台（全小写，不用汉字） |
| utm_medium |
note |
内容类型（post/video/note/article） |
| utm_campaign |
free_tool_kit |
活动名称（全小写下划线分隔） |
- 点击「Copy URL」复制生成的带UTM参数的链接
4.2 各平台发布标记后的链接
直接将带UTM参数的链接放到对应平台的简介、评论区置顶或私信自动回复里即可（小红书需用短链工具转链，抖音需挂小程序或引导搜索关键词跳转到简介，知乎/公众号可直接放）
⚠️ 小红书短链推荐使用Bitly国际版（免费版足够），地址 https://bitly.com/
五、零成本转化链路收尾（私域承接验证）
无需额外工具，直接在微信备注里设置关键词自动回复验证：
- 打开微信→我→设置→朋友权限→加我为朋友时需要验证→点击「回复」
- 设置自动回复为：「你好，请发送你的平台名+关键词，比如‘小红书钩子’」
- 手动整理每日通过各UTM参数渠道添加的好友，对比Umami数据计算转化率
