更新记录

1.0.0(2025-12-01)

  1. 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广告插件

  1. 支持横幅广告、插页试广告、激励广告、开屏广告
  2. 支持广告事件回调
  3. 刷卡打开app应用

集成步骤

  1. 参考官网https://support.google.com/admanager/answer/1656921?hl=zh-Hans生成app ID和广告adUnitID
  2. 下载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;
    }
})
  • 横幅广告,横幅广告有两种展示方式
  1. 直接调用接口

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))
})
  1. 嵌入到组件里,页面要用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))
})
  • 在app声明周期回到前台的时候展示开屏广告

UTSAdManager.showAppOpenAdIfAvailable()

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。