创新互联小程序教程：微信小程序 广告·视频前贴广告

视频前贴广告

小程序广告流量主操作指引：文档地址

创新互联长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为点军企业提供专业的网站设计制作、成都网站制作，点军网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

开发者可以在 video 组件中添加属性配置，创建小程序视频前贴广告组件，视频广告组件在创建后会自动拉取广告数据，视频播放前展示广告。

广告样式

展示样式在开发者所设置的video组件中，以16：9的比例，垂直或者水平居中

广告创建

在 video 组件中添加了以下广告相关的属性配置，设置ad-unit-id后可以展示对应广告

添加广告单元，绑定广告事件

监听广告事件

Page({
  onAdplay(e) {
    console.log('onAdplay', e)
  },
  onAdload(e){
    console.log('onAdload', e)
  },
  onAdclose(e) {
    console.log('onAdclose', e)
  },
  onAdError(e) {
    console.log('onAdError', e)
  },
})

广告预加载

开发者可以调用 wx.preloadVideoAd 的方式进行广告的预加载

const adUnitId1 = 'xxx'
const adUnitId2 = 'xxx'
wx.preloadVideoAd([adUnitId1, adUnitId2])

错误码

错误码是通过bindaderror回调获取到的错误信息，前贴广告再普通广告组件ad错误码基础上新增了以下错误码。

注意事项

1、支持视频预加载能力：文档地址。

2、仅支持同层渲染模式下的video组件。

3、开发者可监听bindadplay事件获取广告播放状态，做出相应处理。

4、ad-unit-id不支持异步设置，只支持设置在wxml或者js文件的data属性里，通过setData设置的无效。

5、全屏模式下不展示视频前贴广告。

网站栏目：创新互联小程序教程：微信小程序 广告·视频前贴广告
本文网址：http://www.shufengxianlan.com/qtweb/news19/95819.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联