小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请教和位神，有没办法让这个原生广告适配不同的机型，始终保持在底部啊？
const customAd = wx.createCustomAd({
adUnitId: 'adUnit-xxxx',
left: 10,
top: 10,
fixed: false
})
customAd.show()
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
调用wx.getSystemInfoSync()获取当前机型的screenWidth和screenHeight，然后把广告位的top设置为screenHeight-控件高度即可
打个比方，你的原生广告位是单行，缩放100%，要把它放在屏幕的下方正中间位置
已知单行原生广告100%缩放（五个格子）的长宽为360*106（其他比例同等缩放）
所以布局为：
const customAd = wx.createBannerAd({
adUnitId: 'xxxxxxxxxx',
style: {
left: screenWidth / 2 - 180,
top: screenHeight - 106
}
这样广告位就会固定在下方正中间，不管什么机型都是。需要注意的是iphoneX的返回键也在屏幕正下方，如果广告位贴的太近有可能会被审核打回，我一般是设置screenHeight - 110，给下面稍微留点空白。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
调用wx.getSystemInfoSync()获取当前机型的screenWidth和screenHeight，然后把广告位的top设置为screenHeight-控件高度即可
打个比方，你的原生广告位是单行，缩放100%，要把它放在屏幕的下方正中间位置
已知单行原生广告100%缩放（五个格子）的长宽为360*106（其他比例同等缩放）
所以布局为：
const customAd = wx.createBannerAd({
adUnitId: 'xxxxxxxxxx',
style: {
left: screenWidth / 2 - 180,
top: screenHeight - 106
}
})
这样广告位就会固定在下方正中间，不管什么机型都是。需要注意的是iphoneX的返回键也在屏幕正下方，如果广告位贴的太近有可能会被审核打回，我一般是设置screenHeight - 110，给下面稍微留点空白。