导出 HTML 并交付给 CMS

保留页面资源与必要脚本,处理 CMS 样式冲突,并在最终网站验证表单和计测。

Share

先确认 CMS 接收什么

确认 CMS 支持完整 HTML 上传、独立模板还是自由 HTML 区块。完整页面含 head 与 body,不能未经处理全部粘入正文区。还要确认 CMS 是否允许所需样式、内联脚本、外部脚本和字体。简单测试代码能运行,只能说明基本能力,不能证明表单、SDK 和计测一定正常。

从编辑器下载 HTML 导出包

  1. 在编辑器中打开目标页面,确认需要交付的当前编辑内容。
  2. 点击右上角 ⋮,选择“导出 HTML”。
  3. 在导出对话框中核对数据采集、字体等导出包内容,再点击“导出”。
  4. 等待打包结束,确认浏览器已下载 ZIP 文件。

导出的是当前编辑内容,导出前会自动保存;自动保存不是发布。如果草稿与线上版本不同,ZIP 与当前公开网址也会不同。找不到入口时,先向管理员确认所用编辑器和权限。

保留完整导出包

解压 ZIP 后检查 index.html 和 README.txt。页面样式包含在 HTML 内,这个入口不能单独导出 CSS 文件。README 包含页面名称、生成时间和资源说明;未打进压缩包、仍从原 URL 加载的资源也会列出。

拿到 ZIP 不代表整页可以完全离线运行。逐项检查 README 中的外部地址,确认部署后仍可访问,且素材可以持续使用。保留原始 ZIP,在副本中适配 CMS。搬移素材后更新 src、srcset、CSS url、背景图和字体引用;不要假定每个导出包都有相同的资源目录。文件名大小写、跨域与访问权限也需在最终网址验证。

避免影响官网共同区域

自由 HTML 区块可将正文收在唯一的 lp-root 容器内,并让基础重置、背景和缩放只作用于该容器。不要把针对 html、body 的缩放或重置原样带入,避免改变官网导航和页脚。Figma 导入页面和响应式生成页面处理不同,不要为所有页面统一添加固定缩放。

脚本与 SEO 分别处理

基础 Ptengine 标签需要核对是否为同一档案、是否已经安装,避免重复。导出包中 PT SDK 的必要脚本与顺序应保持;使用了动画防闪或自定义字体时,也要保留对应部分。title、description、OGP 等信息填入 CMS 的对应设置,不要作为正文文字粘贴。具体拆分请交给熟悉该 CMS 的工程师。

明确交付版本与后续更新方式

交付时附上 ZIP、页面名称、导出时间、用于核对的网址、README 中仍依赖的外部资源,以及需要验证的计测和表单项目。若用公开网址对照,先确认它与导出包是同一内容;发布前检查的页面和当前草稿导出也可能不是同一版本。

工程师在导出 HTML 中修改的内容不会自动回到原页面。先约定以后以编辑器还是 CMS 为准维护。若以编辑器为准,应将修改同步回编辑器,再重新导出并手动更新部署端,不能只替换网页却留下一个过期的编辑源。

以最终页面完成验收

桌面与手机分别检查溢出、换行、图片、字体、动画首次出现、按钮和网站共用区域。用测试数据提交表单,核对接收结果,再检查 PV、热图及事件是否到达且未重复。若无法隔离主题样式或 CMS 过滤脚本,请提供完整导出包、测试 URL 和复现步骤供支持团队判断。