微信小程序 廣告·視頻前貼廣告

視頻前貼廣告

小程序廣告流量主操作指引：文檔地址

開發(fā)者可以在 video 組件中添加屬性配置，創(chuàng)建小程序視頻前貼廣告組件，視頻廣告組件在創(chuàng)建后會自動拉取廣告數(shù)據(jù)，視頻播放前展示廣告。

廣告樣式

展示樣式在開發(fā)者所設(shè)置的video組件中，以16：9的比例，垂直或者水平居中

廣告創(chuàng)建

在 video 組件中添加了以下廣告相關(guān)的屬性配置，設(shè)置ad-unit-id后可以展示對應(yīng)廣告

添加廣告單元，綁定廣告事件

<video 
  class="xxx"
  src="xxx"
  bindadplay="onAdplay"
  bindadload="onAdload"
  bindadclose="onAdclose"
  bindaderror="onAdError"
  ad-unit-id="xxx"
>
</video>

監(jiān)聽廣告事件

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)
  },
})

廣告預(yù)加載

開發(fā)者可以調(diào)用 wx.preloadVideoAd 的方式進(jìn)行廣告的預(yù)加載

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

錯誤碼

錯誤碼是通過bindaderror回調(diào)獲取到的錯誤信息，前貼廣告再普通廣告組件ad錯誤碼基礎(chǔ)上新增了以下錯誤碼。

注意事項

1、支持視頻預(yù)加載能力：文檔地址。

2、僅支持同層渲染模式下的video組件。

3、開發(fā)者可監(jiān)聽bindadplay事件獲取廣告播放狀態(tài)，做出相應(yīng)處理。

4、ad-unit-id不支持異步設(shè)置，只支持設(shè)置在wxml或者js文件的data屬性里，通過setData設(shè)置的無效。

5、全屏模式下不展示視頻前貼廣告。