微信小游戏加广告

     let winSize = wx. getSystemInfoSync();

        

console. log(winSize);

let bannerHeight = 80;

let bannerWidth = 300;

this._bannerAd = wx. createBannerAd({

adUnitId: '', //填写广告id

style: {

left: (winSize.windowWidth -bannerWidth) / 2,

top: winSize.windowHeight - bannerHeight,

width: bannerWidth,

}

});

         this._bannerAd. show(); //banner 默认隐藏(hide) 要打开

        //微信缩放后得到banner的真实高度，从新设置banner的top 属性

         this._bannerAd. onResize( res => {

             this._bannerAd.style.top = winSize.windowHeight - this._bannerAd.style.realHeight;

         })

Banner 广告组件的尺寸会根据开发者设置的宽度，即 style.width 进行等比缩放，缩放的范围是 300 到 屏幕宽度。屏幕宽度是以逻辑像素为单位的宽度，通过 wx.getSystemInfoSync() 可以获取到。这里的size和cc里边的visibleSize是两个概念，visibleSize是屏幕设计的分辨率，而这里的是获得的设备的size，通过模拟器改变不同的机型在控制台打印会有不同的值。微信广告条最短是300。banner条的style有四个参数，left,top,width,height，广告条的锚点在左上角，四个属性分别设置banner到顶部的距离，左边的距离，banner的宽高。

this._bannerAd. destroy();

注意这个广告条要释放，官方说法：如果不对废弃的 BannerAd 进行销毁，则会导致其上的事件监听器无法释放。当没有释放的 BannerAd 积累过多时，将会产生性能问题。所以我们在生成新的banner的时候对旧的进行释放。

总体来说微信加广告对开发者还是很和谐的，要注意的点就是广告条位置的设置，不能使用设计分辨率计算。还有广告条的宽度是在300 到屏幕宽度之间，设置300以下的width系统也会再置为300.