 
  
   简体中文 
 开发者可以使用 ad 组件创建 Grid 广告组件,Grid 广告组件在创建后会自动拉取广告数据并显示。
平台差异说明
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 抖音小程序、飞书小程序 | QQ小程序 | 快应用 | 360小程序 | 快手小程序 | 京东小程序 | 
|---|---|---|---|---|---|---|---|---|---|---|
| x | x | √ 3.5.1+ | x | x | x | x | x | x | x | x | 
开通配置广告
属性说明
| 属性名 | 类型 | 默认值 | 说明 | 
|---|---|---|---|
| adpid | String | uni-ad 广告位id,在uni-ad官网申请广告位 | |
| @load | EventHandle | 广告加载成功的回调 | |
| @error | EventHandle | 广告加载失败的回调,event.detail = {errCode: xxx} | 
Grid 广告在创建后会自动拉取广告。开发者可以通过 ad 组件的 load 和 error 事件监听广告拉取成功或失败,可以通过 close 事件监听广告被关闭。
<template>
  <view class="adContainer">
    <ad adpid="xxxx" @load="adLoad" @error="adError"></ad>
  </view>
</template>
<script>
  export default {
    data() {
      return {
      }
    },
    methods: {
      adLoad() {
        console.log("adLoad");
      },
      adError(e) {
        console.log("adError",e);
      }
    }
  }
</script>