静态电商 / 带货站

带货站本质还是一个纯静态站，前置条件和 AI 变现站完全一样：一台轻量服务器、一个解析好的域名、Nginx 或宝塔把站点跑起来。

如果你已经跟着别的场景做过这一步，直接跳过。

和博客站的区别：带货页会有大量外链跳转和埋点，服务器带宽不用大，但域名最好备案——一是国内访问快、二是部分联盟后台要求推广站点有备案号。

买服务器、解析 A 记录、装宝塔这三步的脚本和别的场景共用，照抄即可。

带货站死得最快的原因不是技术，是选品：什么都有等于什么都没有。

选一个窄垂类：比如「程序员的人体工学椅」「露营轻量装备」「猫用品」。窄垂类竞争小、转化高、也更容易被搜索引擎识别成主题站。

先搞清楚佣金结构：

• 实物电商一般走 淘宝联盟（淘宝客）/ 京东联盟 / 拼多多多多进宝，佣金从百分之几到百分之几十不等，客单价高的类目单笔更值钱。
• 佣金按「成交且不过退款期」结算，通常有 15 天左右锁定期，别指望下单即到账。
• 同一款商品，不同渠道佣金率差很多，上架前先比一遍。

合规红线（现在就记住）：

• 不能虚假宣传、不能用「最」「第一」等绝对化用语（违反广告法）。
• 不能诱导分享返利、不能刷单自购返现套佣。

这一步不写代码，全是判断。判断做对了，后面每一页都在替你赚钱。

带货的命脉是「转链」——把一件普通商品，换成带着你推广位 ID、别人下单后能给你计佣的链接。

主流入口：

1. 淘宝联盟（淘宝客）：open.taobao.com / 联盟后台，实名认证+绑定站点，审核通过后创建推广位拿到 PID（形如 mm_123456_7890_101112）。
2. 京东联盟：union.jd.com，流程类似，3C 家电类目佣金不错。
3. 多多进宝：拼多多官方 CPS，下沉客单价低但量大。

转链怎么做（纯静态的取舍）：

• 官方都提供「API 转链」，但接口需要 appkey+secret，绝对不能把密钥写进前端，浏览器里一 F12 就全露了。
• 纯静态站的稳妥做法：在后台手工转好链，把带 PID 的最终链接连同商品标题、图、价格，一起整理进你自己的 products.json。用户点的是你已经转好的链接。
• 商品量大再考虑：用一台低配服务器或云函数做「转链中间层」，前端只调你自己的接口，密钥留在服务端。

推广位要分类：不同页面 / 不同类目用不同 PID，事后才能在联盟后台看出哪个页、哪个类目在出单。

带货站的数据源就是你手工维护的 data/products.json。结构越规整，前端越好渲染，也越好做埋点。

建议结构：

{
  "categories": [
    {
      "name": "人体工学椅",
      "items": [
        {
          "name": "某品牌 全网坐垫椅",
          "image": "https://…/a.jpg",
          "price": "899",
          "commission": "约 8%",
          "url": "https://转好的带PID链接",
          "desc": "久坐腰不酸，适合写代码",
          "platform": "tb"
        }
      ]
    }
  ]
}

每条商品必须有的字段：

• name / image / price：卡片三件套。
• url：已经转好链的推广链接，不是裸商品页。
• commission：写「约 x%」给客户看，也是你自己的收益预估。
• platform：tb/jd/pdd，方便前端打平台标。

关于商品图（重要）：
商品主图一般挂在电商平台 CDN 上，直接外链大概率被防盗链（图片显示不出来，甚至整页报错）。稳妥做法：把要用的主图下载下来，传到你自己的图床 / 对象存储，image 指向你自己的地址。这也是本站 faq 里「防盗链」那条的反向应用。

JSON 格式必须严格，改完用 jsonlint 校验一遍，少个逗号整站白屏。

前端就是把 products.json 渲染成卡片流。这套逻辑和导航站几乎一样，直接复用。

页面要素：

• 卡片网格：每张卡 = 商品图 + 名称 + 价格 + 平台角标 + 佣金/「去查看」按钮。图用 loading="lazy"，卡片圆角 + 悬停微动效。
• 分类切换：顶部一排分类 tab，点一下只渲染对应类目。
• 搜索框：按商品名 / 描述做前端模糊匹配，带货站用户就是来找东西的，搜索必配。
• 新窗口打开：所有商品外链 target="_blank" rel="sponsored noopener"——sponsored 明确告诉搜索引擎这是推广链接，不传递权重，合规。

别自己写渲染，套本站现成的卡片渲染就行：main.js 里已经有把 JSON 转成卡片的模式，你只是把数据源从 steps 换成 products。

移动端优先：带货流量大多来自手机，卡片在小屏一列或两列要好看，按钮点区不小于 44px。

带货站的核心资产不是页面，是「哪个位置出了单」。没有埋点，你根本不知道该往哪加选品、砍哪页。

最少埋这三类事件：

• item_click：用户点了某个商品卡（记商品名、所属分类、平台）。
• cat_view：某个分类页 / 列表被曝光。
• search：站内搜了什么没找到（这就是下一批选品的线索）。

纯静态怎么埋？
本站自带 conversion.js 事件上报，页面里给商品卡绑一个点击处理，调用上报函数把 item_click 打出去即可，数据落到你自己的统计端 / 联盟后台。

和联盟后台对账：

• 你自己的 item_click 数 ≥ 联盟后台的「引流人数」，两者差距大说明有跳转丢失或防盗链问题。
• 用分类 / PID 维度对齐：把埋点里的 cat 和联盟后台不同推广位的成交对上，才知道哪类目真赚钱。

别过度埋：不采集任何个人身份信息，纯前端事件就够，符合本站「不建数据库、不碰用户隐私」的边界。

带货站比普通站多了硬性合规要求，先把这块补上再上线。

推广披露（必须）：

• 页脚放一行清晰声明：本站包含商品推广链接，通过您经由这些链接的成交，本站可能获得佣金。不影响您支付的价格。
• 商品卡上的推广性质链接统一 rel="sponsored"，与本站「推广位保持克制、统一在页脚声明」的口径一致。

内容合规：

• 文案不出现「最好 / 第一 / 全网最低」等绝对化用语。
• 价格、佣金会变动，页面标注「以电商平台实际为准」，避免误导。

上线三件套（和其它场景一样）：

1. HTTPS：宝塔 → SSL → Let's Encrypt，勾强制 HTTPS。
2. 收录：写好 sitemap.xml、robots.txt，去百度搜索资源平台提交；分类页做成静态可收录页，别只在 JS 里渲染。
3. 备份：products.json 是你的核心资产，每周备份到对象存储，丢了重新整理选品极耗时。

上线后每周看一次埋点和联盟后台的成交，砍掉零点击的类目，把预算加到出单的类目上——带货站是养出来的，不是一次做完的。