## 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>
~~~
- 惠惠軟件-開發自助學習系統
- 一.微信公眾號(服務號)申請流程
- 二.申請所需提前準備資料
- 三.認證微信公眾號:申請微信小程序流程
- 四.微信小程序安裝和開發環境
- 五.微信小程序如何上傳、提交審核、發布操作
- 六.微信小程序開發教程手冊
- 0.1微信小程序 小程序簡介
- 0.2微信小程序 開始第一步
- 0.3微信小程序 小程序代碼構成
- 0.4微信小程序 小程序宿主環境
- 0.5微信小程序 小程序協同工作和發布
- 0.6微信小程序 目錄結構
- 0.7微信小程序 全局配置
- 0.8微信小程序 頁面配置
- 0.9微信小程序 sitemap配置
- 0.10微信小程序 場景值
- 0.11微信小程序 注冊小程序
- 0.12微信小程序 注冊頁面
- 0.13微信小程序 頁面生命周期
- 0.14微信小程序 頁面路由
- 0.15微信小程序 模塊化
- 0.16微信小程序 API
- 0.17微信小程序 運行環境
- 0.18微信小程序 JavaScript支持情況
- 0.19微信小程序 運行機制
- 0.20微信小程序 更新機制
- 0.21微信小程序 廣告·Banner 廣告
- 0.22微信小程序 安全指引·開發原則與注意事項
- 0.23微信小程序 調試
- 0.24微信小程序 啟動性能
- 0.25微信小程序 運行時性能
- 0.26微信小程序 性能分析工具
- 0.27微信小程序 體驗評分
- 八.小程序的美工
- 8.1圖片大小
- 8.2顏色代碼
- 8.3小程序的美工技巧
- 九.微信小程序-定制開發
- 十.微信支付申請流程
- 十一.小程序支付對接流程
- 十二.微信小程序使用中常見問題匯總
- 十二.小程序開發中遇到的問題—匯總
- 十四.小程序問題及解決
- 十五.網站開發定制
- 1.開發定制流程
- 2.搭建網站的過程
- 3.做網站基本費用
- 4.服務器選什么系統更好?
- 十六.常用工具、軟件網站推薦