小程序廣告流量主操作指引:文檔地址
開發者可以使用 ad-custom 組件創建 原生模板 廣告組件,原生模板 廣告組件在創建後會自動拉取廣告數據並顯示。
廣告尺寸設置原生模板 廣告不允許直接設置樣式屬性,默認寬度為100%(width: 100%),高度會自動等比例計算,因此開發者可以設置廣告外層組件的寬度調整廣告的尺寸。廣告外層組件的寬度和具體模板相關,具體可以參考模板編輯器文檔。
/* 外層組件的寬度可設置成100%或具體數值 */
.adContainer {
width: 100%;
}
<view class="adContainer">
<ad-custom unit-id="xxxx"></ad-custom>
</view>
原生模板 廣告在創建後會自動拉取廣告。開發者可以通過 ad-custom 組件的 onload 和 onerror 事件監聽廣告拉取成功或失敗。
<view class="adContainer">
<ad-custom unit-id="xxxx" bindload="adLoad" binderror="adError"></ad-custom>
</view>
Page({
adLoad() {
console.log('原生模板廣告加載成功')
},
adError(err) {
console.log('原生模板廣告加載失敗', err)
}
})
開發者可以在創建 原生模板 廣告時傳入 ad-intervals 參數實現廣告的定時刷新,ad-intervals 參數為數字類型,單位為秒。注意:自動刷新的間隔不能低於30秒,因此 ad-intervals 的參數值必須大於或等於30。
<view class="adContainer">
<ad-custom unit-id="xxxx" ad-intervals="30"></ad-custom>
</view>