創(chuàng)建banner廣告的方法如下:
let bannerAd = qg.createBannerAd({
adUnitId: 'testw6vs28auh3',
style:{
top:20
left:20,
height:57,
width:360
}
})
其中width和height是廣告圖片本身的寬度與高度,單位dp,該值一般固定且提前可以獲取。Top和left是banner廣告左上角的坐標(biāo),是需要?jiǎng)討B(tài)設(shè)置的值。
由于每個(gè)手機(jī)自身的屏幕尺寸和分辨率大小不同,所以需要使用getSystemInfoSync獲取當(dāng)前手機(jī)屏幕的高度和寬度。
通過(guò)qg.getSystemInfoSync接口獲取safeArea,safeArea是object對(duì)象,safeArea.height是手機(jī)高度,數(shù)值大小是以dp為單位,正好和廣告高度單位匹配,使用safeArea.height減去廣告高度就等于要設(shè)置的top值。
詳細(xì)代碼如下:
createBannerAd() {
//獲取手機(jī)詳細(xì)參數(shù)
var sysInfo = qg.getSystemInfoSync();
console.log("on getSystemInfoSync: success =" + JSON.stringify(sysInfo));
//獲取當(dāng)前手機(jī)屏幕高度(dp)
let bannerTop = sysInfo.safeArea.height
let bannerAd = qg.createBannerAd({
adUnitId: 'testw6vs28auh3',
style:{
//top需要手機(jī)屏幕高度減去廣告本身高度
top:bannerTop-57
left:0,
height:57,
width:360
}
});
setTimeout(function () {
bannerAd.show()
}, 1000);
}
最終效果圖如下: