广告卡片 Ad card

• 广告卡片以卡片的样式承载着第三方的推广内容和入口信息
• 卡片上通常包含以下一些内容 --- 推广图片、推广标题、推广说明、产品 logo、操作按钮（例如下载/试玩等），根据卡片类型的不同，以上信息的排列组合方式也会不同

大卡样式

• 大卡由左侧推广图片和右侧产品信息组成
• 产品信息部分包含产品 Logo / 产品 Title / 操作按钮（下载/打开等）组成
• 在沉浸式的场景中，大卡样式通常在屏幕的底部出现/消失。在普通场景中，大卡通常可以插入到页面的顶部 / 中部 / 底部，随内容滚动

小卡样式

• 小卡由左侧产品 Logo / 标题 / 副标题和右侧操作按钮组成，主标题一行，副标题可以根据需要切换为一行或两行。小卡样式只会出现在视频中

信息流广告样式

• 为迎合不同类型小程序的 Feed 样式规则，让广告卡片在信息流中能不过于突兀，开发者可以基于他们自身的 UI 规则，定制匹配度更高的广告卡片样式：

1. 图片广告大卡片

（基础样式示例）

• 开发者可以基于自身 Feed 内容的宽度，缩放广告元素，最大支持将图片缩放到原尺寸的 90%，广告标题会跟随卡片宽度换行（标题限定两行，随宽度影响文案显示字数），广告标签/信息来源/关闭按钮尺寸不变，随缩放程度等距移动

（缩放规则示例）

2. 视频广告大卡片

（基础样式示例）

• 开发者可以基于自身 Feed 内容的宽度，缩放广告元素，最大支持将视频等比放大到屏幕等宽（通栏），最小缩放到原尺寸的 90%，广告标题会跟随卡片宽度换行（标题限定两行，随宽度影响文案显示字数），广告标签/信息来源/关闭按钮尺寸不变，随缩放程度等距移动

（放大规则示例）

（缩放规则示例）

3. 图文广告小卡片

（基础样式示例）

• 开发者可以基于自身 Feed 内容的宽度，缩放广告元素，最大支持将视频等比放大到原尺寸的 150%，广告标题会跟随卡片宽度换行（标题限定两行，随宽度影响文案显示字数），广告标签/信息来源/关闭按钮尺寸不变，随缩放程度等距移动

（放大规则示例）

应用规范

• 在沉浸式场景中，广告卡片出现的位置不应该遮挡到页面上的关键信息（重要操作 / 内容）
• 在页面上合理安排广告数量和位置，不宜连续出现多个广告卡片，也不宜将其放在内容页的头部

1. 广告卡片适用场景

2. 严禁错误应用