微信小程序 广告·Banner 广告
作者: --时间: 2025-05-18 23:46:37 阅读量:

提高企业曝光率:微信小程序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广告来吸引更多潜在的客户吧!

一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
B2B2C多用户商城系统

类天猫&京东模式系统

了解更多
B2B2B电商交易系统

全渠道订货/采购及经销商管
理数字化系统

了解更多
S2B2B电商交易系统

上下游资源整合数字化解决方

了解更多
企业集采商城系统

中大型企业数字化采购与交易
系统

了解更多
员工福利商城系统

集福利管理、发放于一体的员
工福利商城

了解更多

电话咨询 微信咨询 0元开店