项目背景
Merryking 是一家做电源适配器和充电器的制造商,主要面向海外客户。官网原来在建站 SaaS 上,内容和数据都在别人手里。运营上还有一堆重复劳动:询盘要人工转发、招聘工人要回答重复问题、阿里国际站要手动迁移一千多个商品。
我做了什么
- 独立站:用 Next.js 重写官网。158 个商品的规格和详情从旧网站以及 PDF 手册提取生成。图片放阿里云 OSS 加 CDN 全球加速。GitHub Actions 构建 Docker 镜像,服务器拉取后由 Caddy 反向代理并自动签发证书。
- 运营后台:管理后台显示询盘和联系方式点击的详情。运营能看到每条线索的广告参数和 IP 所在地,新询盘由飞书机器人推送到群组。
- 阿里国际站工具链:一组 Tampermonkey 脚本加本地 Node 脚本,导出 1301 个商品、31713 张图片,生成可直接导入的发品 Excel 模板,可批量填写标题、参数、定价和卖点等字段。调用 OpenAI 图像生成模型美化主图风格,处理 720 张主图。
技术细节
Google Ads 转化与归因: 原来 Google Ads 的主要转化是点击邮箱等联系入口,这些只能说明访客有联系意向,出价却一直朝它们优化。为此定了一份转化优化计划:把广告点击、真实询盘和业务员确认的有效询盘串联起来,再把有效询盘回传给 Google Ads,让投放朝有效询盘优化。
- 01广告访问存下广告点击 ID 和 UTM
- 02联系网站提交表单,或发送带联系代码的邮件
- 03登记询盘按联系代码对应广告来源
- 04确认有效业务员判断是否值得跟进
- 05回传 Google Ads通过 Data Manager 上传有效询盘
图片按需优化: Next.js 的 <Image> 换成自定义 loader,使用 OSS 的图片参数处理缩放和转换 WebP,CDN 按参数缓存每个尺寸。Core Web Vitals 性能指标分数 98 分。