微信小游戏加广告

xiaoxiao2021-02-28  105

     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.

转载请注明原文地址: https://www.6miu.com/read-2350120.html

最新回复(0)