微信小程序 廣告·Banner 廣告

Banner 廣告

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

開發(fā)者可以使用 ad 組件創(chuàng)建 Banner 廣告組件，Banner 廣告組件在創(chuàng)建后會(huì)自動(dòng)拉取廣告數(shù)據(jù)并顯示。

廣告尺寸設(shè)置

Banner 廣告不允許直接設(shè)置樣式屬性，默認(rèn)寬度為100%（width: 100%），高度會(huì)自動(dòng)等比例計(jì)算，因此開發(fā)者可以設(shè)置廣告外層組件的寬度調(diào)整廣告的尺寸。 廣告外層組件的寬度不允許小于300px，當(dāng)寬度小于300px時(shí)，Banner 廣告的寬度會(huì)強(qiáng)制調(diào)整為300px。

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

<view class="adContainer">
  <ad unit-id="xxxx"></ad>
</view>

廣告事件監(jiān)聽

Banner 廣告在創(chuàng)建后會(huì)自動(dòng)拉取廣告。開發(fā)者可以通過 ad 組件的 onload 和 onerror 事件監(jiān)聽廣告拉取成功或失敗，可以通過 onclose 事件監(jiān)聽廣告被關(guān)閉。

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

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

廣告定時(shí)刷新

開發(fā)者可以在創(chuàng)建 Banner 廣告時(shí)傳入 ad-intervals 參數(shù)實(shí)現(xiàn)廣告的定時(shí)刷新，ad-intervals 參數(shù)為數(shù)字類型，單位為秒。注意：自動(dòng)刷新的間隔不能低于30秒，因此 ad-intervals 的參數(shù)值必須大于或等于30。

<view class="adContainer">
  <ad unit-id="xxxx" ad-intervals="30"></ad>
</view>