微信小程序 广告·Banner 广告
作者: --时间: 2025-06-10 22:38:01
阅读量:217
提高企业曝光率:微信小程序Banner广告
想要提高企业品牌曝光率和吸引更多用户,微信小程序Banner广告是个好选择。在创建后自动拉取广告数据并显示,这种广告形式十分简单易用。
1. 广告尺寸设置
Banner广告的默认宽度为100%,高度会等比例计算,但不允许直接设置样式属性。开发者可以调整广告外层组件的宽度以调整广告尺寸,但是广告外层组件的宽度不得小于300px。当宽度小于300px时,Banner广告的宽度会强制调整为300px,如下代码所示。
<view class="adContainer">
<ad unit-id="xxxx"></ad>
</view>
其中,“xxxx”是你所创建的Banner广告位ID。
2. 广告事件监听
通过onload和onerror事件,开发者可以监听Banner广告是否成功被拉取。同时,可以添加onclose事件来监听广告关闭的情况。代码实现如下:
<ad unit-id="xxxx" bindload="adLoad" binderror="adError" bindclose="adClose"></ad>
Page({
adLoad() {
console.log('Banner 广告加载成功')
},
adError(err) {
console.log('Banner 广告加载失败', err)
},
adClose() {
console.log('Banner 广告关闭')
}
})
3. 广告定时刷新
为了提高用户体验和广告效果,开发者可以使用ad-intervals参数实现Banner广告的定时刷新。该参数单位为秒且不能低于30秒,代码实现如下:
<ad unit-id="xxxx" ad-intervals="30"></ad>
以上就是使用微信小程序Banner广告的基本操作。试试使用Banner广告来吸引更多潜在的客户吧!
上一篇:微信小程序 即时配送接口是什么
下一篇:微信小程序 广告·激励视频广告