微信小程序广告-原生模板广告-木庄网络博客

本文整理自网络，侵删。

原生模板广告

小程序广告流量主操作指引：文档地址

开发者可以使用 ad-custom 组件创建原生模板广告组件，原生模板广告组件在创建后会自动拉取广告数据并显示。

原生模板广告不允许直接设置样式属性，默认宽度为100%（width: 100%），高度会自动等比例计算，因此开发者可以设置广告外层组件的宽度调整广告的尺寸。广告外层组件的宽度和具体模板相关，具体可以参考模板编辑器文档。

/* 外层组件的宽度可设置成100%或具体数值 */
.adContainer {
  width: 100%;
}

<view class="adContainer">
  <ad-custom unit-id="xxxx"></ad-custom>
</view>

原生模板广告在创建后会自动拉取广告。开发者可以通过 ad-custom 组件的 onload 和 onerror 事件监听广告拉取成功或失败。

<view class="adContainer">
  <ad-custom unit-id="xxxx" bindload="adLoad" binderror="adError"></ad-custom>
</view>

Page({
  adLoad() {
    console.log('原生模板广告加载成功')
  },
  adError(err) {
    console.log('原生模板广告加载失败', err)
  }
})

开发者可以在创建原生模板广告时传入 ad-intervals 参数实现广告的定时刷新，ad-intervals 参数为数字类型，单位为秒。注意：自动刷新的间隔不能低于30秒，因此 ad-intervals 的参数值必须大于或等于30。

<view class="adContainer">
  <ad-custom unit-id="xxxx" ad-intervals="30"></ad-custom>
</view>

标签：微信小程序

相关阅读 >>

更多相关阅读请进入《微信小程序》频道 >>

书籍

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者