H5 图文
移动端落地页编辑器，选模板填内容即生成 HTTPS 页面，可挂载到菜单、模板消息、二维码等各类微信触点。
H5 图文是平台提供的移动端落地页编辑器。选择一个 H5 模板、填写内容后，系统生成一个可直接访问的 HTTPS 页面，该链接可挂载到菜单按钮、模板消息跳转 URL、关键词自动回复、带参数二维码扫码回复等各类微信触点，构成营销闭环的落地终点。
典型使用场景
场景：大促开始前，运营团队用「图文消息链接」模板制作活动介绍页（包含商品图、报名入口链接、倒计时文案），保存后复制页面链接；同时把这条链接：① 写入菜单「大促活动」按钮；② 挂到本周模板消息群发的跳转 URL；③ 配置给新粉关注欢迎语中的图文消息。一个 H5 页面，覆盖三个触点，统一传播口径。
一、页面结构
进入「H5 图文」后，页面为 H5 图文的卡片列表，每张卡片展示：
| 信息 | 说明 |
|---|---|
| 图文标题 | 创建时填写的标题 |
| 模板类型标签 | 所用模板的名称（如「图文消息链接」「文章列表」等） |
| 材料标签 | 人工打上的内容分类标签，用于组织管理（与微信粉丝标签无关） |
| 创建时间 | 图文创建日期 |
| 操作菜单 | 预览 / 复制链接 / 编辑 / 删除 |
筛选条件（四种，使用时互斥，切换会清除其他条件）：
| 筛选方式 | 说明 |
|---|---|
| 按名称关键词 | 模糊搜索图文标题 |
| 按模板类型 | 只显示某类 H5 模板的图文 |
| 按创建日期范围 | 筛选指定日期内创建的图文 |
| 按材料标签 | 只显示带有某个标签的图文 |
二、创建 H5 图文
第一步：选择模板
点击右上角 新建图文，系统弹出「选择模板」抽屉，展示当前账号可用的 H5 模板列表（如「图文消息链接」「文章列表」「微网站」等）。选择后进入编辑页面。
每种模板的字段结构不同，选定后切换模板会清空已填写的内容，切换前系统会弹窗确认。
第二步：填写模板字段
编辑页面分为两个区域：
模板内容区（左/主区域）
根据所选模板动态渲染字段，不同模板的字段差异较大，常见字段类型包括：
| 字段类型 | 用途示例 |
|---|---|
| 文本 | 标题、按钮文字、正文段落 |
| 多行文本 | 较长描述、介绍正文 |
| 图片 | Banner 图、商品图、背景图 |
| URL | 按钮跳转链接、图片点击链接 |
| 列表 | 多条图文（标题 + 缩略图 + 链接），支持添加多项 |
| 分类设置（仅特定模板） | 带 Tab 切换的分类图文列表，最多 5 个分类，每类下可配置多篇文章 |
分享信息区（每个模板固定携带的三个字段）
| 字段 | 是否必填 | 说明 |
|---|---|---|
| 分享标题 | 必填 | 用户将本页面分享到朋友圈 / 转发给朋友时，卡片显示的标题 |
| 分享描述 | 选填 | 转发卡片中标题下方的副文字 |
| 分享图 | 必填 | 转发卡片封面图，展示在卡片左侧 |
第三步：预览与保存
- 预览：点击右上角「预览」按钮，系统生成该图文的预览 URL，并展示手机扫码二维码，可在手机上即时查看实际效果。预览会先验证表单，字段校验不通过时不会生成预览链接。
- 保存：点击「保存」提交。若文章内包含敏感词汇，系统会提示错误并阻止保存。
多图文（多篇文章）
一个 H5 图文素材可包含多篇文章，左侧导航栏展示所有文章的缩略列表：
- 点击「+ 添加文章」后选择模板，新文章追加到列表末尾。
- 通过上 / 下箭头调整文章顺序。
- 点击红色删除图标移除某篇文章。
- 切换文章前如有未保存内容，系统弹窗提示「先去保存」或「丢弃内容」。
三、获取并使用 H5 链接
图文创建并保存后，可通过以下方式取得可分发的链接：
从列表页复制链接
在图文卡片的操作菜单中点击「复制链接」，链接即复制到剪贴板。此链接为完整 HTTPS 页面地址，可直接用于：
| 挂载位置 | 操作路径 |
|---|---|
| 菜单按钮跳转 URL | 菜单管理 → 编辑按钮 → 填入链接 |
| 模板消息跳转 URL | 模板消息群发 → 创建 → 内容配置 → 填入链接 |
| 关键词自动回复 | 关键词自动回复 → 选择「H5 图文」类型 → 选中该图文 |
| 二维码扫码回复 | 渠道统计二维码 → 详情 → 扫码后回复 → 选择「H5 图文」 |
| 客服消息 | 粉丝消息回复 → 点击链接 |
四、内容组织与管理
材料标签
材料标签用于对 H5 图文进行内容分类管理（与微信粉丝标签完全独立）：
- 添加标签：在列表页的图文卡片上点击「+ 添加标签」，可从已有标签中选择，或直接输入新标签名创建。
- 删除标签：点击标签右侧的 × 图标，仅解除该图文与标签的关联，不删除标签本身。
- 按标签筛选：在列表页顶部选择标签筛选器，快速找到同一活动或同一类型的所有图文。
- 标签管理：点击「标签管理」入口，可对全部材料标签进行重命名或删除操作。
推荐命名方式：按活动（如「618大促」「会员日」）或内容类型（如「产品介绍」「活动规则」）创建标签，方便大量图文积累后的查找与复用。
五、数据统计接入
平台支持为所有 H5 图文页面集成第三方统计工具，用于追踪用户行为（页面访问量、停留时长、点击事件等）。
点击页面右上角「分析设置」，进入统计代码配置抽屉：
| 统计平台 | 配置说明 |
|---|---|
| 百度统计 | 登录百度统计账号，获取对应公众号/域名的统计 ID（网站统计中的 hm.js 前的 ID 字符串），填入后保存 |
| 谷歌分析（Google Analytics） | 登录 Google Analytics，获取媒体资源的衡量 ID（形如 G-XXXXXXXX 或 UA-XXXXXXX-X），填入后保存 |
配置保存后，该账号下所有 H5 图文页面均会自动嵌入对应统计代码，无需逐篇配置。后续在百度统计或 GA 后台即可看到 H5 页面的流量来源、用户路径、转化漏斗等数据。
常见问题
Q：保存时提示「文章内包含敏感词汇」，但我不知道是哪个字段？
A：微信侧的敏感词检测会扫描所有文本字段，逐个检查文本框、标题、描述等内容，找到可能触发的词汇（政治相关词、广告违禁词、引导关注等），替换或删除后重新保存。
Q：切换模板后内容全部消失，能恢复吗？
A：切换模板前系统会弹窗确认，点击「确定」后切换，内容无法恢复。如不确定，建议先保存当前版本，再尝试切换模板。
Q：分享到朋友圈的卡片标题和封面图显示的是什么？
A：显示「分享标题」字段的内容和「分享图」字段上传的图片。如果这两个字段未填写或图片尺寸不符，微信会自动抓取页面内的标题和首图作为替代，效果可能不理想，建议每次都认真填写这两个字段。
Q：H5 链接能在微信外（如短信、邮件）访问吗？
A：可以。H5 图文是标准 HTTPS 页面，在普通浏览器中也可正常访问，但部分模板使用了微信 JS-SDK 的能力（如分享定制），在微信外浏览时相关功能会降级。
Q：配置了百度统计后，为什么后台看不到数据？
A：统计数据通常有 1~2 小时延迟。另需确认：① 填写的统计 ID 与网站域名对应正确；② 百度统计后台中该网站的状态显示为「正在运行」。如超过 24 小时仍无数据，可检查统计 ID 是否与正确的百度统计账号绑定。
