自2022年9月6日起,本文档站不再更新内容,相关文档已迁移至全新“抖音开放平台”前往

广告卡片 Ad card

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

大卡样式

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

小卡样式

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

信息流广告样式

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

1. 图片广告大卡片

(基础样式示例)

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

(缩放规则示例)

2. 视频广告大卡片

(基础样式示例)

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

(放大规则示例)

(缩放规则示例)

3. 图文广告小卡片

(基础样式示例)

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

(放大规则示例)

应用规范

  • 在沉浸式场景中,广告卡片出现的位置不应该遮挡到页面上的关键信息(重要操作 / 内容)
  • 在页面上合理安排广告数量和位置,不宜连续出现多个广告卡片,也不宜将其放在内容页的头部
  1. 广告卡片适用场景
  1. 严禁错误应用
点击纠错
该文档是否对你的开发有所帮助?
有帮助
没帮助
该文档是否对你的开发有所帮助?
有帮助
没帮助