更新记录
1.0.0(2025-12-01)
- Google Ad manager 广告插件 横幅广告、插页试广告、激励广告、开屏广告
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| - |
- |
- |
- |
√ |
√ |
6.0 |
12 |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(3.6.15)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
6.0 |
12 |
- |
- |
其他
Google Ad manager广告插件
- 支持横幅广告、插页试广告、激励广告、开屏广告
- 支持广告事件回调
- 刷卡打开app应用
集成步骤
- 参考官网https://support.google.com/admanager/answer/1656921?hl=zh-Hans生成app ID和广告adUnitID
- 下载demo示例,拷贝demo里的AndroidManifest.xml、Info.plist到项目里面,并替换 AndroidManifest.xml里的APPLICATION_ID 和 Info.plist里的GADApplicationIdentifier分别对应的值
接口
import {UTSAdManager} from "@/uni_modules/wrs-uts-admanager"
UTSAdManager.setCallback((resp) => {
let opt = resp.opt
let adUnitID = resp.adUnitID
console.log("callback resp:" + JSON.stringify(resp))
// 横幅广告事件
switch (opt) {
case "onAdLoaded":
break;
case "onAdFailedToLoad":
break;
case "onAdLoaded":
break;
case "onAdImpression":
break;
case "onAdOpened":
break;
case "onAdClosed":
break;
// 插页广告事件
case "onFullScreenRecordImpressio":
break;
case "onFullScreenRecordClick":
break;
case "onFullScreenFailToPresentFullScreenContent":
break;
case "onFullScreenWillPresentFullScreenContent":
break;
case "onFullScreenWillDismissFullScreenContent":
break;
case "onFullScreenDismissFullScreenContent":
break;
// 激励广告事件
case "onRewardRecordImpressio":
break;
case "onRewardRecordClick":
break;
case "onRewardFailToPresentFullScreenContent":
break;
case "onRewardWillPresentFullScreenContent":
break;
case "onRewardWillDismissFullScreenContent":
break;
case "onRewardDismissFullScreenContent":
break;
// 开屏广告事件
case "onAppOpenRecordImpressio":
break;
case "onAppOpenRecordClick":
break;
case "onAppOpenFailToPresentFullScreenContent":
break;
case "onAppOpenWillPresentFullScreenContent":
break;
case "onAppOpenWillDismissFullScreenContent":
break;
case "onAppOpenDismissFullScreenContent":
break;
default:
break;
}
})
- 直接调用接口
let params = {}
params.adUnitID = this.adUnitID
params.adSize = 375 // 设置广告尺寸
params.centerXOffset = 0 // 正数往右移动,负数往左,单位:iOS是dp, Android是px
params.bottomOffset = 0 // 正数往上移动,负数往下
UTSAdManager.showBannerView(params, (resp) => {
console.log("showBannerView resp:" + JSON.stringify(resp))
})
- 嵌入到组件里,页面要用nvue
<wrs-uts-ad :params="params" :style="'width:'+width+'px;height:'+height+'px;'"></wrs-uts-ad>
data() {
let adUnitID = "ca-app-pub-3940256099942544/2435281174"
const {
windowWidth,
windowHeight,
statusBarHeight
} = uni.getSystemInfoSync();
let height = 100
let params = {}
params.businessArray = [{
business: "loadAd", //
params: { // 业务参数
adUnitID: adUnitID,
adSize: 375 // 设置广告尺寸
}
}]
return {
params: JSON.stringify(params),
width: windowWidth,
height: height,
title: 'Hello',
adUnitID: adUnitID
}
},
let params = {}
params.adUnitID = "/21775744923/example/interstitial"
UTSAdManager.showPageView(params, (resp) => {
console.log("showPageView resp:" + JSON.stringify(resp))
})
let params = {}
params.adUnitID = "/21775744923/example/rewarded"
UTSAdManager.showRewardedAdView(params, (resp) => {
console.log("showRewardedAdView resp:" + JSON.stringify(resp))
})
let params = {}
params.adUnitID = "/21775744923/example/app-open"
UTSAdManager.loadAppOpenAd(params, (resp) => {
console.log("loadAppOpenAd resp:" + JSON.stringify(resp))
})
UTSAdManager.showAppOpenAdIfAvailable()