admob html5,admob移动广告phonegap插件使用教程

桓宜
2023-12-01

admob移动广告phonegap插件使用教程

admob phonegap(cordova)插件,能很方便的在html5 hybrid应用(如cordova,xdk,appcan,webx5,jqmobile、sencha touch,ionic)中接入admob,支持ios和android平台。基于phonegap 3.4或cordova 3.5编译

怎么在html5应用中加入admob广告呢?可以使用cordova命令行远程或者本地方式安装本admob插件

在命令行中输入

cordovaplugin add https://github.com/admob-google/admob-cordova.git

或者把插件下载到本地解压后输入命令

cordovaplugin add c:\admob-cordova

在phonegap类的html5应用中展示admob横幅类型广告

测试前把appID和bannerID替换为你在admob申请到的真实的参数

admob.initAdmob("admob banner ID","admobinterstitial ID");//初始化banner广告

admob.showBanner(admob.BannerSize.BANNER,admob.Position.TOP_APP);

在phonegap类型的html5应用中展示admob插屏广告:

在cordova应用中展示admob全屏插屏广告

document.addEventListener(admob.Event.onInterstitialReceive,onInterstitialReceive, false);//show in ad receive event fun need add receivelistener

admob.cacheInterstitial();// load admobInterstitial

function onInterstitialReceive(message){//show in ad receive event fun

admob.showInterstitial();

}

function onGameOver(){//call this fun to showwhen game over

admob.isInterstitialReady(function(isReady){

if(isReady){

admob.showInterstitial();

}

});

}

admob广告事件的处理

监听处理广告中的事件,例如监听广告接收成功事件例子参考上面展示全屏广告,事件类型定义在AdEvent中

更多接口admob.hideBanner()admob.isInterstitialReady(function(isReady){

if(isReady){

alert("admob Interstitial loaded");

}

});

接口的完整使用方式参考demo下代码

admob移动广告phonegap插件官方网址:https://github.com/admob-google/admob-cordovaadmob广告官方网站apps.admob.com

 类似资料: