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

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

1. 小程序視頻廣告流量主操作指引

開發(fā)者可使用ad組件創(chuàng)建小程序視頻廣告組件，在創(chuàng)建后會自動拉取廣告數(shù)據(jù)并顯示。支持的渲染模式為同層渲染，不支持嵌套使用。詳情文檔請查看小程序視頻廣告流量主操作指引。

2. 廣告尺寸設(shè)置

小程序視頻廣告組件默認寬度為100%（width: 100%），高度會自動等比例計算，廣告外層組件的寬度可進行調(diào)整，但不允許小于屏幕寬度90%，當寬度小于90%時，視頻廣告組件會被強制調(diào)整為屏幕寬度的90%。

/* 外層組件的寬度可設(shè)置成100%或具體數(shù)值 */
.adContainer {
  width: 100%;
}

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white"></ad>
</view>

3. 廣告主題樣式設(shè)置

小程序視頻廣告組件提供黑、白兩種主題樣式，可以在創(chuàng)建視頻廣告時使用ad-theme參數(shù)實現(xiàn)主題樣式選擇，ad-theme參數(shù)的取值為字符串型，可選white或black。

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white"></ad>
</view>

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="black"></ad>
</view>

4. 廣告事件監(jiān)聽

視頻廣告在創(chuàng)建后會自動拉取廣告。開發(fā)者可以通過 ad 組件的 onload 和 onerror 事件監(jiān)聽廣告是否成功拉取，通過 onclose 事件監(jiān)聽廣告是否被關(guān)閉。

<view class="adContainer">
  <ad unit-id="xxxx" ad-type="video" ad-theme="white" bindload="adLoad" binderror="adError" bindclose="adClose"></ad>
</view>

Page({
  adLoad() {
    console.log('小程序視頻廣告加載成功')
  },
  adError(err) {
    console.log('小程序視頻廣告加載失敗', err)
  },
  adClose() {
    console.log('小程序視頻廣告關(guān)閉')
  }
})

5. 廣告定時刷新

小程序視頻廣告組件不適用于定時刷新參數(shù)ad-intervals。

<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請標明：himall原創(chuàng)>