产品落地页怎么免费部署上线

直接方案：选 Netlify。你这种纯 HTML/CSS/JS 单页 + 表单收集，Netlify 最省事，它自带免费表单；Vercel 不自带表单，还要接第三方。

1. 最快上线：直接拖拽

1. 打开 https://app.netlify.com/drop
2. 注册 / 登录 Netlify
3. 把你的项目文件夹，也就是包含 index.html 的那个文件夹，直接拖进去
4. 等几十秒，会得到一个地址：https://xxx.netlify.app

上线完事，HTTPS 自动有。

2. 表单收集：用 Netlify 自带表单

把你 HTML 里的 <form> 改成类似这样：

<form name="feedback" method="POST" data-netlify="true">
  <input type="hidden" name="form-name" value="feedback" />
  
  <input type="email" name="email" placeholder="你的邮箱" required />
  <textarea name="message" placeholder="你的反馈" required></textarea>
  
  
</form>

注意：

• form 上必须加 data-netlify="true"
• 每个输入框都必须有 name，否则收不到
• 表单提交后，在 Netlify 后台 → Forms 里能看到
• 想收到邮件通知：Netlify 后台 → Site settings → Forms → Form notifications → Add notification

免费额度大概每月 100 条，早期收用户反馈够用。

3. 访问统计：用 Google Analytics 4，免费

1. 打开 https://analytics.google.com
2. 创建账号 → 数据流 → Web
3. 拿到一个 G-XXXXXXXXXX 的 Measurement ID
4. 把下面这段贴到 index.html 的 </head> 前面：

<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 换成你自己的。

如果你主要面向国内用户，GA4 偶尔加载慢，也可以换成百度统计，逻辑一样。

4. 偶尔更新：用 Git 自动部署，比反复拖拽舒服

你已经会基本命令，这个最适合你。

1. 在 GitHub 新建一个仓库
2. 本地项目文件夹里执行：

git init
git add .
git commit -m "init"
git branch -M main
git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main

1. 打开 Netlify → Add new site → Import an existing project
2. 选 GitHub 授权，选你的仓库
3. 配置：

• Build command：留空
• Publish directory：填 .

1. 点 Deploy site

以后你本地改完代码，只需要：

git add .
git commit -m "更新页面"
git push

Netlify 会自动重新部署。

5. 如果你非要用 Vercel

Vercel 部署一样：

• 导入 GitHub 仓库
• Build command 留空
• Output directory 填 .

表单就去 https://formspree.io 注册，把 form 的 action 改成 Formspree 给你的地址，字段照常加 name。统计还是用 GA4，不变。

总结你该做的：

1. 先把 form 加上 data-netlify="true"
2. 把 GA4 代码贴进去
3. 拖拽到 Netlify Drop 上线
4. 有空再走 GitHub 自动部署

不用折腾服务器。