codecamp

字节跳动小程序流量主接入规范

广告卡片定制规则


Feed 流广告卡片定制规则

Feed 流广告卡片以卡片的形式承载着第三方的推广内容和入口信息,平台方会提供四种基础样式以及相应的定制规则,供开发者灵活选用

1. 广告卡片基础规则

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

  • 图片/视频的尺寸:基于设定好的最大/最小尺寸范围内等比例缩放定制
  • 图片/视频的圆角:开发者可以根据小程序 UI 圆角风格,自行定义
  • 广告标题文案字号/字重:平台方提供几个推荐样式供选择

为兼顾显示效率和阅读体验,Feed 广告标题的字号建议沿用小程序字号规范中的「标题字&标准字」字号(18px / 16px 字号),开发者可以基于自身 UI 的字号来匹配选用,同时支持开发者调整字体字重(Regular / Medium 等),来适应 Feed 中 UI 显示的一致性。

图片名称

2. 图片广告大卡片

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

基础样式示例:

图片名称

3. 视频广告大卡片

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

基础样式示例:

图片名称

4. 图文广告(左图右文、左文右图)小卡片

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

图片名称


基础样式示例

图片名称

广告卡片接入审核规范

  • 广告可以穿插在「文章详情页底部」或「视频详情页中间」,保证核心操作不受干扰
  • 广告适配多机型,不得出现错位、遮盖等情况
  • 一屏内至多出现一个广告 参考接入位置
  • 文章结束后
  • 视频详情页下方
  • 文章/视频信息流中间

图片名称

图片名称

图片名称

推荐左图右文、左文右图排版形式的小程序界面,接入左图右文 lImg、左文右图 rImg 广告 推荐大图内容、视频内容的小程序界面,接入大图广告、视频广告

图片名称

图片名称

禁止不良广告体验

  • 禁止一屏内出现多个广告
  • 禁止无规则悬浮广告
  • 禁止自行设计广告关闭逻辑
  • 禁止设置广告卡片透明度
  • 禁止缩放超过范围,影响体验;广告样式与小程序本身内容宽度、位置(居中/居左)匹配的范围内,缩放 80%-100%并且居中/居左
  • 禁止改变图片形状

图片名称

图片名称

图片名称

字节跳动小程序文章详情页插入小程序卡片规范
字节跳动小程序流量主违规处罚
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

字节跳动小程序 介绍

字节跳动小程序 开发

字节跳动小程序开发框架

字节跳动小程序开发框架基础说明

字节跳动小程序开发框架基础功能

字节跳动小程序开发框架逻辑层

无标题文章

无标题目录

API

无标题文章

无标题文章

无标题文章

无标题文章

无标题文章

无标题目录

无标题目录

无标题文章

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }