uniapp 小程序 加载显示激励视频广告

article/2025/9/11 6:28:10

uniapp激励广告文档:uni-app官网https://uniapp.dcloud.io/api/a-d/rewarded-video微信官网激励广告文档:激励视频广告 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html

封装激励视频广告代码,在根目录创建common => Utils.js

Utils.js代码


// 在页面中定义激励视频广告
var videoAd = null;
let rewarded = {//id就是传入的广告位idload(id) {if (uni.createRewardedVideoAd) {videoAd = uni.createRewardedVideoAd({adUnitId: id})videoAd.onLoad(() => {console.log('激励视频 广告加载成功')})videoAd.onError((err) => {console.log('onError event emit')})videoAd.onClose((res) => {// 用户点击了【关闭广告】按钮if (res && res.isEnded) {// 正常播放结束,可以下发游戏奖励videoAd.offClose()} else {// 播放中途退出,不下发游戏奖励}})}},show() {if (videoAd) {videoAd.show().catch(() => {// 失败重试videoAd.load().then(() => videoAd.show()).catch(err => {console.log('激励视频 广告显示失败')})})}}
}module.exports = {rewarded
};

在需要调用激励视频的页面中,调用Utils.js

import Utils from '../../common/Utils.js'

在onLoad()方法中进行加载激励视频

激励视频广告位id:需要在小程序公众平台=》推广=》流量主=》广告管理 去创建

onLoad(){//加载激励广告Utils.rewarded.load('激励视频广告位id');
}

在methods写点击事件showAd(),例如点击某个按钮,触发点击事件,显示激励视频

showAd(){			//显示激励视频Utils.rewarded.show();
}


http://chatgpt.dhexx.cn/article/QI2ivadV.shtml

相关文章

微信 小游戏/小程序 广告组件被驳回 审核不通过

最近做微信小游戏开发,接入广告时遇到一些问题,被驳回了好几次。 相信大家接过微信小游戏或者小程序广告都晓得,接入很简单,不论是banner广告还是激励视频广告只要在合适的位置合适的时机去展示广告,都会顺利审核通过…

微信小程序添加激励式广告

目录 微信小程序创建项目配置底部导航栏 微信小程序滚动播放内容 微信小程序功能中心模块开发 微信小程序个人中心页面开发 微信小程序获取电话号码 微信小程序显示列表数据 微信小程序显示分页列表 微信小程序添加插屏广告 微信小程序添加激励式广告 最终效果可扫码查看 遇…

微信小程序添加插屏广告

目录 微信小程序创建项目配置底部导航栏 微信小程序滚动播放内容 微信小程序功能中心模块开发 微信小程序个人中心页面开发 微信小程序获取电话号码 微信小程序显示列表数据 微信小程序显示分页列表 微信小程序添加插屏广告 微信小程序添加激励式广告 最终效果可扫码查看 遇…

小程序banner广告和激励广告

小程序banner广告和激励广告 1、小程序banner广告 1.1、先要在小程序公众后台获取广告位ID 代码片 <view class"empty"><ad unit-id"广告id"></ad></view>注意事项&#xff1a; Banner 广告不允许直接设置样式属性&#xff0c;…

小程序也能接广告了,微信小程序广告位投放指南!

小程序也能接广告了&#xff0c;微信小程序广告位投放指南! 3月15日消息&#xff0c;据爆料&#xff0c;微信已经开始秘密测试在小程序中投放广告&#xff0c;并且流传出了一份《微信小程序广告位投放指引》&#xff0c;意味着微信小程序已经准备开启广告投放权限。面向10亿用户…

做了个小程序,广告收益2.60元广告费

呜呜呜&#xff0c;做了个小程序&#xff0c;广告收益好少啊&#xff01; 第一天投放&#xff0c;曝光了一千多&#xff0c;只有两块的收益ecmp好低&#xff01;&#xff01;&#xff01; 这收入实在太低了&#xff0c;一千多的曝光量才两块哎 用的banner和视频广告两个 视频…

小程序流量主申请,如何增加小程序广告的点击率?

小程序开发者千千万&#xff0c;真正赚$的却没有多少&#xff0c;尤其是像我这种个人业余开发者。不过&#xff0c;有想法不去实现一把总会觉得心有不甘&#xff0c;送大家一句话&#xff1a;为道者&#xff0c;虽千万人吾往矣&#xff01; 相信大多数小程序开发者和我一样&am…

小程序设置激励广告

1、申请好广告&#xff0c;获取广告代码 2、在要放广告的wxml页面&#xff0c;放入点击弹出激励广告按钮 <view wx:if"{{isshow 0}}" bindtap"adshow" style"text-align: center;background-color: #F8F8F8;height: 70rpx;margin-top: 34rpx;lin…

微信小程序——添加广告

微信小程序——添加广告 要想在微信小程序中加入广告&#xff0c;首先要在微信小程序后台开通流量主 流量主需要满足&#xff1a;1、累计独立访问&#xff08;uv)不低于1000&#xff1b;2、有严重违规的小程序不与开通。 广告主要有&#xff1a;banner广告、激励视频广告、卡…

微信小程序广告接入

个人推荐: &#x1f4e2;&#x1f4e2;&#x1f4e2; 前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下 "通俗易懂&#xff0c;风趣幽默"&#xff0c;感觉非常有意思,忍不住分享一下给大家。点击跳转到教程。 1.广告接入 前天看了看以前写的微信小程序&am…

小程序中插入广告

一、小程序广告种类简介&#xff1a; 小程序流量主可开通广告位包括&#xff1a;小程序Banner广告位、激励式广告位、视频前贴广告位&#xff08;仅限非游类目小程序&#xff09;、视频广告&#xff08;仅限非游类目小程序&#xff09;、小程序格子广告、小程序原生模板广告。…

微信小程序的广告方式有哪些

之前小木和大家介绍了小程序的朋友圈广告功能&#xff0c;紧接着就收到小伙伴的咨询&#xff1a;除了朋友圈广告&#xff0c;小程序在微信中还有其他广告入口吗&#xff1f;答案是肯定的&#xff0c;今天接着来和大家介绍小程序在微信生态中的广告方式都有哪些。 微信小程序的广…

微信小程序广告位有哪几种

目前&#xff0c;微信小程序广告有五种广告位&#xff0c;分别是小程序Banner&#xff08;导航&#xff09;广告、小程序激励广告、插屏广告、封面广告和格子广告等。1.小程序Banner广告 其实小程序Banner广告位就在小程序页面出现&#xff0c;广告位置由微信小程序流量主来决…

【敏捷开发】Scrum框架介绍

Scrum框架介绍 - 敏捷开发的实施方案 什么是Scrum Scrum是一个团队管理框架。Scrum应用了“敏捷”的原则&#xff0c;提供了一套具体的工作、实践和角色来实施敏捷概念。 Scrum生命周期 下图揭示了Scrum生命周期的各个环节。 Scrum的生命周期都是一个固定长度的时间段&am…

Scrum敏捷项目管理

敏捷的背景与动机 软件危机及软件工程的出现 速度是企业竞争致胜的关键因素&#xff0c;软件项目的最大挑战在于 一方面要应付变动中的需求 一方面要在紧缩的时程内完成项目 传统的软件工程难以满足这些要求 所以软件团队除了在技术上必须日益精进&#xff0c;更需要运用…

Scrum敏捷开发简介

Scrum是一种灵活的敏捷软件开发管理过程。这个名词来源于英式橄榄球。Scrum方法由Ken Schwaber和 Jeff Sutherland 提出&#xff0c;它将软件开发团队比作橄榄球队&#xff0c;全队有明确的最高目标&#xff1a;发布产品的重要性高于一切。团队高度自治&#xff0c;队员们熟悉开…

敏捷方法论—scrum

敏捷方法论—scrum 敏捷方法scrum,相对于传统的瀑布式开发&#xff0c;的核心观念除了增量和迭代两个核心词外&#xff0c;核心的观念差异基本就是敏捷宣言的理念&#xff1a; 1.通过迭代式增量应对产品需求变化和开发技术变化。 2.注重个体和互动&#xff0c;以团队个体的主观…

软件工程实践: 敏捷开发流程图(scrum)

软件开发模式之敏捷开发&#xff08;scrum&#xff09; [原文]https://blog.csdn.net/xiajun2356033/article/details/81513957 [RbY本文转发时已对原文适当整理并纠错;] 转载说明: 敏捷开发&#xff08;scrum&#xff09;, 从上世纪90年代开始在国外提出, 2010年以后逐渐引…

敏捷开发框架—Scrum

Scrum 1 什么是Scrum&#xff1f;2 Scrum的3种角色3 Scrum 敏捷开发流程 1 什么是Scrum&#xff1f; Scrum是一个敏捷开发框架&#xff0c;是一个增量的&#xff0c;迭代的开发过程。在这个开发框架中&#xff0c;整个开发周期包括若干个小的迭代周期&#xff0c;每个小的迭代…

敏捷开发scrum详解 敏捷项目管理流程

随着互联网的兴起,用户对线上软件的依赖度越来越高,从而导致用户对软件的需求越来越多,所以软件的更新迭代速度越来越快。对于互联网公司来说,速度成了企业竞争制胜的关键因素,一方面用户的需求在不断变化,另一方面采用传统开发模式的互联网哦你公司难以满足这些需求,所…