# 发布、域名、支付配置指南 最后更新：2026-05-05 ## 1. 推荐发布方案 MVP 不建议先租 VPS。这个站点是纯静态页面，优先用 Cloudflare Pages、Netlify 或 Vercel。最推荐 Cloudflare Pages：静态资源由 CDN 分发，后续域名、SSL、重定向也集中管理。 ### Cloudflare Pages 1. 注册 Cloudflare。 2. 创建 Pages 项目。 3. 选择 `Upload assets` 手动上传，或连接 GitHub 仓库。 4. 如果手动上传，把项目根目录里的文件打包成 zip，确保 `index.html` 在 zip 顶层。 5. 先访问 `*.pages.dev` 域名检查页面。 6. 添加自定义域名，比如 `www.yourdomain.com`。 官方参考： - Cloudflare Pages 静态站部署：https://developers.cloudflare.com/pages/framework-guides/deploy-anything/ - Cloudflare Pages 自定义域名：https://developers.cloudflare.com/pages/configuration/custom-domains/ ## 2. 域名配置 推荐结构： ```text yourdomain.com 主站重定向到 www www.yourdomain.com 独立站 listen.yourdomain.com 后续播放器或会员库 go.yourdomain.com Short.io / YouTube 短链 ``` 如果主站用 Cloudflare Pages： 1. 域名 DNS 接入 Cloudflare。 2. Pages 项目里添加 `www.yourdomain.com`。 3. DNS 增加 CNAME：`www` 指向 Cloudflare Pages 给出的目标。 4. Apex 域名 `yourdomain.com` 做 301 重定向到 `www.yourdomain.com`。 如果最终使用 Shopify： 1. 在 Shopify 后台进入 `Settings > Domains`。 2. 添加 `www.yourdomain.com`。 3. 按 Shopify 给出的 DNS 记录配置 A 记录和 CNAME。 4. 等 SSL 生效后设为 primary domain。 官方参考： - Shopify Domains：https://help.shopify.com/en/manual/domains ## 3. 支付配置 ### 方案 A：Stripe Payment Links 适合当前静态页最快验证。 1. 注册 Stripe，完成公司/个人 KYC。 2. 创建 3 个 Product： - Single Book：`$6.90` 一次性 - Monthly Membership：`$12.90 / month` 订阅 - Annual Founder：`$69 / year` 订阅 3. 给每个 Product 创建 Payment Link。 4. 把 Payment Link 写入 `config.js`： ```js window.JADE_REALM_CONFIG = { checkoutLinks: { single: "https://buy.stripe.com/xxx", monthly: "https://buy.stripe.com/yyy", annual: "https://buy.stripe.com/zzz" } }; ``` 5. Stripe 成功页设置为你的 Thank You / Library 页面。MVP 可以先跳回 `https://www.yourdomain.com/#library`，正式交付必须有账户或邮件交付。 官方参考： - Stripe Payment Links：https://docs.stripe.com/payments/payment-links ### 方案 B：Shopify Payments / PayPal 适合更接近方案文档的 MVP。 1. Shopify 创建 3 个商品或套餐。 2. 单本商品使用数字交付 App。 3. 订阅用 Shopify Subscriptions、Appstle、Recharge 或 Bold Subscriptions。 4. 页面 CTA 改成 Shopify 商品页或 checkout 链接。 5. PayPal Business 作为备用通道，降低海外用户的支付疑虑。 ## 4. 音频交付 MVP 三种路径： 1. Shopify 数字交付 App：最省开发，适合先收钱验证。 2. Bunny.net 存储/CDN + 签名 URL：适合保护音频直链。 3. 自建播放器 + 会员库：验证出稳定收入后再做。 Bunny.net 如果开启 Token Authentication，要由服务端生成限时签名 URL，不能把密钥放进前端。 官方参考： - BunnyCDN Token Authentication：https://support.bunny.net/hc/en-us/articles/360016055099 ## 5. GA4 和转化事件 至少配置： ```text view_item trial_play select_plan begin_checkout purchase refund ``` 静态页当前已在 `script.js` 中预留： ```text trial_play select_plan cta_click ``` 接入步骤： 1. 创建 GA4 Property。 2. 新建 Web data stream。 3. 复制 Measurement ID。 4. 在 `index.html` 的 `` 加入 Google tag。 5. 在 `config.js` 中开启： ```js analytics: { ga4MeasurementId: "G-XXXXXXXXXX", enabled: true } ``` 官方参考： - GA4 网站接入：https://support.google.com/analytics/answer/9304153 ## 6. 邮件自动化 Klaviyo 推荐分组： ```text free_trial_played single_buyer monthly_member annual_member churned refund_risk ``` MVP 邮件： 1. Welcome：解释网站不是 YouTube 备份，而是完整章节库。 2. 试听未购买：24 小时、48 小时、72 小时三封。 3. 单本购买后：推荐下一本或升级月订阅。 4. 订阅后：每周新书提醒和继续收听入口。 官方参考： - Klaviyo Shopify 集成：https://help.klaviyo.com/hc/en-us/articles/115005080407-Integrate-with-Shopify ## 7. 上线前检查 - [ ] 域名、SSL、www / apex 重定向正常。 - [ ] `config.js` 所有 checkout 链接不是 `example.com`。 - [ ] Stripe / Shopify 测试支付走通。 - [ ] 付款成功后用户能立刻获得播放入口。 - [ ] Privacy、Terms、Refund、DMCA、AI Content Disclosure 已发布。 - [ ] 版权授权文件、产品截图、交付证据、退款政策整理成 Payment Review Pack。 - [ ] GA4 Realtime 能看到 `trial_play` 和 `select_plan`。 - [ ] 移动端首屏能看到试听按钮和主 CTA。 ## 8. 第一周运营动作 1. 只选 1-3 本最有 YouTube 证据的书上线。 2. 每条主力视频只导对应单书页，不统一导首页。 3. 每天记录：Sessions、Trial Plays、Checkout Clicks、Purchases、Refunds。 4. 2,000 sessions 后再判断页面转化，不要第一天就乱改。 5. 如果试听点击低于 10%，先改首屏和试听片段。 6. 如果 checkout 放弃高于 70%，先查支付、税费、信任说明和退款政策。