## Banner 廣告 小程序廣告流量主操作指引：[文檔地址](https://wximg.qq.com/wxp/pdftool/get.html?post_id=851) 開發者可以使用?ad?組件創建 Banner 廣告組件，Banner 廣告組件在創建后會自動拉取廣告數據并顯示。 ### 廣告尺寸設置 Banner 廣告不允許直接設置樣式屬性，默認寬度為100%（width: 100%），高度會自動等比例計算，因此開發者可以設置廣告外層組件的寬度調整廣告的尺寸。 廣告外層組件的寬度不允許小于300px，當寬度小于300px時，Banner 廣告的寬度會強制調整為300px。 ~~~ /* 外層組件的寬度可設置成100%或具體數值 */ .adContainer { width: 100%; } ~~~ ~~~ <view class="adContainer"> <ad unit-id="xxxx"></ad> </view> ~~~ ### 廣告事件監聽 Banner 廣告在創建后會自動拉取廣告。開發者可以通過?[ad](https://www.w3cschool.cn/weixinapp/weixinapp-5kny38jp.html)?組件的?onload?和?onerror?事件監聽廣告拉取成功或失敗，可以通過?onclose?事件監聽廣告被關閉。 ~~~ <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 廣告關閉') } }) ~~~ ### 廣告定時刷新 開發者可以在創建 Banner 廣告時傳入?ad-intervals?參數實現廣告的定時刷新，ad-intervals?參數為數字類型，單位為秒。注意：自動刷新的間隔不能低于30秒，因此?ad-intervals?的參數值必須大于或等于30。 ~~~ <view class="adContainer"> <ad unit-id="xxxx" ad-intervals="30"></ad> </view> ~~~