IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> uni-app 微信小程序 销毁激励视频广告 -> 正文阅读

[移动开发]uni-app 微信小程序 销毁激励视频广告

?查看文档icon-default.png?t=LA92https://ad.weixin.qq.com/pdf.html?id=1379

微信基础库版本对应微信app的版本:

微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/client-lib/version.html--------------------------------------------------------------开始-------------------------------------------------------------

封装激励视频-videAd.js

/*
 *在页面中定义激励视频广告
 */
let videoAd = null;
let rewarded = {
	//id就是传入的广告位id 
	load(id) {
		if (uni.createRewardedVideoAd) {
			videoAd = uni.createRewardedVideoAd({
				adUnitId: id,
				multiton: true // 是否启用多例模式,默认为 false,该参数仅在基础库 2.8.0 或以上的版本支持
			})
			videoAd.onLoad(() => {
				console.log('激励视频 广告加载成功');
			})
			videoAd.onError((err) => {
				console.log("激励视频 广告加载失败", err)				
			})
			videoAd.onClose((res) => {
				if (res && res.isEnded || res === undefined) {
					videoAd.offClose();
				} else { // 播放中途退出,不下发游戏奖励
					console.log("播放中途退出")
				}
			})
		}
	},
	show() {
		if (videoAd) {
			console.log("激励视频 显示中...")
			videoAd.show().catch(() => {
				// 失败重试
				videoAd.load()
					.then(() => {
						videoAd.show()
					})
					.catch(err => {
						console.log('激励视频 广告显示失败')
					})
			})
		}
	},
	destroy() {
		if (videoAd.destroy) {
			videoAd.destroy();
			console.log("销毁激励视频实例")
		}
	}
}

module.exports = {
	rewarded,
};

?在A页面加载激励视频广告--->显示激励视频

必须在onLoad里面加载激励视频广告;在需要触发广告的时候直接显示广告就行了,在一个页面最好只调用一次加载,其他时候直接显示就可以;每次显示的是不同的广告,不比担心广告相同问题;

调用上面写的方法:

//调用videAd.js

import videoAd from '../../common/videoAd.js'

onLoad加载:

videoAd.rewarded.load("激励视频广告id");

点击事件触发显示激励视频广告:

videoAd.rewarded.show();?

点击A页面的按钮跳转到B页面,如果B页面也有加载激励视频广告;

业务场景是:从B页面返回A页面就加载显示激励视频广告;

那么B页面的激励视频广告必须销毁?;在onUnload()方法中写销毁;

B页面:

onUnload() {
?? ??? ??? ?videoAd.rewarded.destroy();

? ? ? ? ? ? ?getApp().globalData.pageIndex = “B”;//这是我定义的全局变量,在app.vue中定义的
?? ??? ?},

?A页面在onShow()方法检测上个页面是不是B页面,如果是的话:

onShow() {
?? ??? ??? ?console.log("onShow")
?? ??? ??? ?//关于 上个页面返回当前页面----播放激励视频广告
?? ??? ??? ?if (getApp().globalData.pageIndex == "B" ) {
?? ??? ??? ??? ?videoAd.rewarded.load("激励视频广告id");

????????????????videoAd.rewarded.show();?
?? ??? ??? ?}

?? ??? ?},

?如果只是单页面进行加载显示,不做返回加载显示,其实不用销毁的;

因为激励视频广告加载成功后,其实是隐藏的,同个页面只需要调用显示就行了,不用一直加载,每次点击关闭广告后,下一次的广告也会是不同的;

官方文档:

激励视频广告 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

?

?

?

?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-11-18 11:17:50  更:2021-11-18 11:18:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 4:04:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码