设为首页收藏本站
开启辅助访问

小程序广告

您所在的位置：网站首页 › 测速1003无标题 › 小程序广告

小程序广告

2024-07-12 12:56| 来源: 网络整理| 查看: 265

# 小程序广告 # 快速接入 # 创建代码位

按照流量主开通指引中的操作获取广告组件代码。

# Demo体验

在开发者工具中预览效果

# 代码示例 从百青藤获取的代码，是标签组件，把这段代码，嵌入到页面中你需要展现广告的位置处，然后给他一些样式就可以，样式控制只能到这一层，内部的展示效果对小程序的开发者来说没有权限。 banner样式的背景色默认透明，建议开发者自定义背景色。通过（div style="background-color: #fff"）自行定义。其中#fff代表白色，可以根据广告场景自行修改参数。 # 属性说明 属性名 类型 默认值 必填 说明 appid String 是 小程序应用 ID apid String 是 小程序广告位 ID type String feed 否 广告类型：banner=横幅 feed=信息流 pre-roll=前贴片 post-roll=后贴片 updatetime String 否 更改该属性，可以触发广告刷新 binderror EventHandle 否 广告组件加载失败时触发 bindload EventHandle 否 广告组件加载完成触发 bindclose EventHandle 否 关闭广告组件时触发 bindstatus EventHandle 否 贴片类型广告播放期间触发 # type有效值 值 说明 banner 横幅类型 feed 信息流类型 pre-roll 前贴类型 post-roll 后贴类型 # binderror事件触发

触发时机： 代码执行异常以及状态不符合广告要求

返回参数:

代码 状态 说明 1001-1 内部错误 初始化失败 1001-2 内部错误 广告返回执行异常 1001-3 内部错误 渲染广告异常 1001-4 内部错误 广告异常 1001-5 内部错误 广告缓存异常 1002-1 广告请求 广告返回异常 1003-2 无可用广告 数据层级不对 1003-3 无可用广告 广告内容不完整 1004-1 媒体接入异常 web化广告不渲染 1004-2 媒体接入异常 视频贴片广告组件放置不在video内 1004-3 媒体接入异常 视频贴片当前是非同层渲染 # bindstatus事件触发

触发时机:事件触发在视频贴片的情况下 返回参数如下

statusFunc(e) { // e = {status:''} 具体如下 } 代码 状态 说明 videoend 视频结束 触发时机：1、如果有广告返回，广告播放结束。2、如果无广告返回 show 广告视频播放中 close 广告播放结束 noAd 无广告返回 # Bug & Tip Tip：从百青藤获取的代码，是ad组件，把这段代码，嵌入到页面中你需要展现广告的位置处，然后给他一些样式就可以，样式控制只能到ad这一层，内部的展示效果对小程序的开发者来说没有权限。 Tip：banner 样式的背景色默认透明，建议开发者自定义背景色。通过（div style="background-color: #fff"）自行定义。其中#fff代表白色，可以根据广告场景自行修改参数。 Tip：信息流广告可在百青藤平台配置四种样式：大图、多图、左图右文、右图左文。 Tip：视频贴片类型基于同层渲染，需swan-core版本3.70.x版本以上。 Tip：视频前贴 ios 11.17之前广告的视频播放是和媒体公用一个video，会出现video事件多次触发，安卓暂无影响 Tip: 视频后贴 暂时和媒体公用一个video，会出现video事件多次触发 Tip: 视频贴片广告播放期间切换video 的src变化，都会导致广告中止。

# 横幅广告 # 获取广告组件代码

开发者在union平台创建小程序应用的"横幅"代码位后，可操作“获取代码”见下图。

备注：union平台绑定-创建小程序应用-创建代码位 # 代码示例： // banner # 属性说明： 属性名 类型 默认值 说明 appid string none mssp平台的小程序应用id apid string none mssp平台的小程序广告位id type string one 广告类型，banner=横幅 feed=信息流 pre-roll=前贴片 post-roll=后贴片 # 广告组件代码植入手百小程序

下面是小程序结构代码和样式代码，供参考：

.ad-container { width: 100%; height: auto; } 从ssp获取的代码，是标签组件，把这段代码，嵌入到页面中你需要展现广告的位置处，然后给他一些样式就可以，样式控制只能到这一层，内部的展示效果对小程序的开发者来说没有权限。 banner样式的背景色默认透明，建议开发者自定义背景色。通过div style="background-color: #fff"自行定义。其中#fff代表白色，可以根据广告场景自行修改参数。 # banner广告效果展示：

# 信息流广告 # 获取广告组件代码

开发者在union平台创建小程序应用的“信息流”代码位后，可操作“获取代码”见下图。

备注：union平台绑定-创建小程序应用-创建代码位的操作 # 代码示例 // type= feed # 属性说明： 属性名 类型 默认值 说明 appid string none mssp平台的小程序应用id apid string none mssp平台的小程序广告位id type string none 广告类型，banner=横幅 feed=信息流 pre-roll=前贴片 post-roll=后贴片 # 广告组件代码植入手百小程序

下面是小程序结构代码和样式代码，供参考：

.ad-container { width: 100%; height: auto; } 从ssp获取的代码，是标签组件，把这段代码，嵌入到页面中你需要展现广告的位置处，然后给他一些样式就可以，样式控制只能到这一层，内部的展示效果对小程序的开发者来说没有权限。 feed广告可在ssp平台配置四种样式：大图、多图、左图右文、右图左文。 # feed广告效果展示

# 前贴片广告

开发者在百青藤平台创建小程序应用的“视频贴片”代码位后，可操作“获取代码”见下图。

备注：百青藤平台绑定-创建小程序应用-创建代码位的操作 # 获取广告组件代码

解释：小程序广告组件，在小程序页面展示广告，用于小程序变现。

# 属性说明 属性名 类型 默认值 说明 appid string none mssp平台的小程序应用id apid string none mssp平台的小程序广告位id type string none 广告类型，banner=横幅 feed=信息流 pre-roll=前贴片 post-roll=后贴片 # 广告组件代码植入手百小程序

下面是小程序结构代码和样式代码，供参考：

视频前贴类型的广告 ，在mssp上获取的代码是这种，无法直接放在页面中使用，需放置在video 组件的内部如上图实例那种。 视频后贴依赖小程序视频的同层渲染，截止2019年07月31日，依赖基础库3.70.0及以上的版本。相关同层渲染公测说明如右链接点击链接。低于此版本将不展现广告。 由于前贴视频的特性，在广告展示期间，不建议修改视频的播放状态、播放进度、播放链接。为此ad组件提供事件bindstatus 返回数据{status:’’}, status 有三种状态 noAd、show、close，分别对应无广告返回、广告展示、广告结束。 前贴视频广告支持是否允许跳过，需在ad组件上设置参数adSkip，默认是true。true表示允许跳过广告。 前贴片广告目前要求媒体的视频内容长度在10分钟以上，才会请求广告。 # 参考视觉效果

# 后贴片广告 # 获取广告组件代码

开发者在百青藤平台创建小程序应用的“视频贴片”代码位后，可操作“获取代码”。

备注：百青藤平台绑定-创建小程序应用-创建代码位的操作 # 代码示例 // 获取到的广告组件 # 属性说明 属性名 类型 默认值 说明 appid string none mssp平台的小程序应用id apid string none mssp平台的小程序广告位id type string none 广告类型，banner=横幅 feed=信息流 pre-roll=前贴片 post-roll=后贴片。 # 广告组件代码植入手百小程序

下面是小程序结构代码和样式代码，供参考：

视频后贴类型的广告 ，在mssp上获取的代码是“ ”这种，无法直接放在页面中使用，需放置在video 组件的内部如上图实例那种。 视频后贴依赖小程序视频的同层渲染，截止2019年07月31日，依赖基础库3.70.0及以上的版本。相关同层渲染公测说明如右链接点击链接。低于此版本将不展现广告。 广告结束会在ad组件上触发bindclose事件 # 视频后贴片广告效果展示

# 激励视频广告

注释：目前激励视频广告调试只能使用百度APP真机包进行调试，IDE不支持调试。

# swan.createRewardedVideoAd

解释：创建激励视频广告, 返回一个小程序级别的单例对象，多次创建也仅返回第一个激励视频广告对象(因此一个小程序只需创建一个广告位)。该对象仅对单个页面有效，不允许跨页面使用。

方法参数：Object data

data 参数说明：

参数名 类型 必填 默认值 说明 adUnitId String 是 - 小程序广告位 ID appSid String 是 - 小程序应用 ID

返回值：RewardedVideoAd

# RewardedVideoAd

解释：激励视频广告对象，swan.createRewardedVideoAd返回值

示例1：

在 swan 文件中 加载激励视频广告 展现激励视频广告 在 js 文件中 Page({ loadad() { let videoAd = null; if (swan.createRewardedVideoAd) { videoAd = swan.createRewardedVideoAd({ adUnitId: 'adunit-1c25f29da4ae2013', appSid: '333' }) videoAd.onLoad(() => {}) videoAd.onError((err) => {}) videoAd.onClose((res) => {}) } this.videoAd = videoAd; }, showad() { let videoAd = this.videoAd; if (videoAd) { videoAd.show().catch(() => { // 失败重试 videoAd.load() .then(() => videoAd.show()) .catch(err => { console.log('激励视频 广告显示失败') }) } ) } } });

示例2：跨页面接入广告，在页面离开时需要销毁绑定。绑定是全局的，如果不销毁，跨页面会重复触发。

在 swan 文件中 加载激励视频广告 展现激励视频广告 在 js 文件中 Page({ loadad() { let videoAd = null; if (swan.createRewardedVideoAd) { videoAd = swan.createRewardedVideoAd({ adUnitId: 'adunit-1c25f29da4ae2013', appSid: '333' }) videoAd.onLoad(() => {}) videoAd.onError((err) => {}) videoAd.onClose((res) => {}) } this.videoAd = videoAd; }, showad() { let videoAd = this.videoAd; if (videoAd) { videoAd.show().catch(() => { // 失败重试 videoAd.load() .then(() => videoAd.show()) .catch(err => { console.log('激励视频 广告显示失败') }) } ) } }, onUnload() { // 可以在页面离开时，移除广告关闭的事件绑定。也可以在下一次绑定之前清空之前的绑定。 // 每种事件绑定都有对应的off方法，off方法如果不传参，则清空所有绑定。也可以通过传参销毁指定的绑定. if (this.videoAd) { this.videoAd.offClose(); } } });

示例3：video组件接入激励视频广告示例(video需要退出全屏再显示广告)

在 swan 文件中 在 js 文件中 Page({ onLoad: function () { this.videoContext = swan.createVideoContext('myVideo'); let videoAd = null; if (swan.createRewardedVideoAd) { videoAd = swan.createRewardedVideoAd({ adUnitId: 'adunit-1c25f29da4ae2013', appSid: '333' }) videoAd.onLoad(() => {}) videoAd.onError((err) => {}) videoAd.onClose((res) => {}) } this.videoAd = videoAd; }, videoPause(e) { this.videoContext.exitFullScreen(); let that = this; setTimeout(function () { that.showAd(); }, 500); } }); # RewardedVideoAd.load

解释：加载激励视频广告。

方法参数：无

返回值：Promise

# RewardedVideoAd.show

解释：显示激励视频广告。

方法参数：无

返回值：Promise

# RewardedVideoAd.onLoad

解释：监听激励视频广告加载事件。

方法参数：Function callback

参数说明：激励视频广告加载事件的回调函数

# RewardedVideoAd.onError

解释：监听激励视频错误事件。

方法参数：Function callback

参数说明：激励视频错误事件的回调函数

回调函数参数：Object res

属性 类型 说明 errMsg string 错误信息 errCode number 错误码

errCode的合法值：

错误码 错误描述 103010 appSid 缺失 103011 appSid 错误，MSSP 未收录 103012 appSid 无效，MSSP 上未生效 103020 appSid 无效，渠道 ID 信息错误 103060 应用包名信息错误，保证百青藤注册包名和实际请求包名一致 107000 adUnitId 缺失 107001 adUnitId 未收录 107002 adUnitId 未启用 107003 adUnitId 与 appSid 不匹配 200000 无广告返回 201000 无广告数据 3010000 广告组件挂载失败 3010001 播放器内部错误 3010002 广告请求失败 3010003 网络连接错误 3010004 没有可以展示的广告 3010005 广告正在拉取中，不能重复请求 3010006 广告正在展示中，不能请求广告 3010007 广告请求参数为空 3010008 激励视频播放地址为空 3010009 激励视频重复初始化错误 else 其余错误码均为内部错误 # RewardedVideoAd.onClose

解释：监听用户点击“关闭广告”按钮的事件。

方法参数：Function callback

参数说明：用户点击“关闭广告”按钮的事件的回调函数。

回调函数参数：Object res

属性 类型 说明 isEnded boolean 视频是否是在用户完整观看的情况下被关闭的 # RewardedVideoAd.offLoad

解释：取消监听激励视频广告加载事件。

方法参数：Function callback

参数说明：激励视频广告加载事件的回调函数。

# RewardedVideoAd.offError

解释：取消监听激励视频错误事件。

方法参数：Function callback

参数说明：激励视频错误事件的回调函数

# RewardedVideoAd.offClose

解释：取消监听用户点击“关闭广告”按钮的事件

方法参数：Function callback

参数说明：用户点击“关闭广告”按钮的事件的回调函数



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3