uniapp使用uni-AD 发布到微信小程序总结

425 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

首先先去 uni-AD去申请 开通微信小程序广告

在这里插入图片描述

然后再去 微信公众平台 设置 插件管理里去申请这两个插件

在这里插入图片描述

然后我试了很多次 使用api方法去 创建广告,但总是报错,使用标签通过点击事件去显示,就可以创建成功,说明广告是对的,但是可能微信小程序的广告只能通过标签点击事件去创建吧

 //要使用adpid  把需要点击内容包裹起来,不会有任何影响 比如button
<ad-rewarded-video adpid="" :loadnext="true" v-slot:default="{loading, error}"
						@load="onadload" @close="onadclose" @error="onaderror">
						<button  @tap="saveImgs" :data-avatar="item.avatar"
						:data-card="item.card" style="width: 100%;" class="cu-btn bg-pink margin-tb-sm lg" :disabled="loading"
							:loading="loading">下载套图</button>
						<view v-if="error">{{error}}</view>
					</ad-rewarded-video>

	onadload(e) {
				console.log('广告数据加载成功');
			},
			onadclose(e) {
				const detail = e.detail
				// 用户点击了【关闭广告】按钮
				if (detail && detail.isEnded) {
					// 正常播放结束 之后再做一些操作 
					console.log("正常播放结束 " + detail.isEnded);
					this.saveImg(this.copeN)
				} else {
					// 播放中途退出
					console.log("播放中途退出 " + detail.isEnded);
				}
			},
			onaderror(e) {
				// 广告加载失败
				console.log("onaderror: ", e.detail);
		}

附上小程序参考

在这里插入图片描述