Plugin:http://plugins.cordova.io/#/package/com.admob.admobplugin
GitHub:https://github.com/admob-google/admob-cordova
授權:免費(Apache 2.0)
1、加入AdMob plugin,在命令列下鍵入:
cordova plugin add com.admob.plugin
2、初始化參數,在JS中指定Admob的廣告ID。
ID的格式為ca-app-pub-xxxxxxxxxxxxxxxxxxx/xxxxxxxxxx,
必需先在AdMob上新增廣告單元後就可以取得廣告的ID,
依類型可分為banner(橫幅)與interstitial(換頁),
所以也會有不同的ID值
admob.initAdmob("admob banner ID","admob interstitial ID");
3、顯示廣告並指定廣告的地址
讓廣告顯示在APP的最上面
admob.showBanner(admob.BannerSize.BANNER,admob.Position.TOP_APP);
讓廣告顯示在APP的最下面
admob.showBanner(admob.BannerSize.BANNER,admob.Position.BOTTOM_APP);
指定廣告的顯示的座標值(x:50、y:150)
admob.showBannerAbsolute(admob.BannerSize.BANNER,50,150);
其他的位置(這部份我有試過TOP_CENTER、BOTTOM_CENTER)
資料是由其他的地方找到的,沒有全部測試過
admob.Position.TOP_LEFT
admob.Position.TOP_CENTER
admob.Position.TOP_RIGHT
admob.Position.LEFT
admob.Position.CENTER
admob.Position.RIGHT
admob.Position.BOTTOM_LEFT
admob.Position.BOTTOM_CENTER
admob.Position.BOTTOM_RIGHT
4、測試廣告
因為AdMob有嚴格的規定不能自己點擊廣告,就算是誤點也不行,
這樣對於測試程式有很大的風險,為此AdMob有提供測試的方法。
所以plugin也有提供測試廣告的方法,讓開發人員不用膽顫心驚。
5、簡單的範例
下面是一個簡單的廣告範例,可以讓AdMob顯示在APP的最下面
<script>
admob.initAdmob("ca-app-pub-12345678/1234","");
var admobParam=new admob.Params();
admobParam.isTesting=true;
admob.showBanner(admob.BannerSize.BANNER,admob.Position.BOTTOM_APP,admobParam);
<script>
程式說明:
初始化,需指定Admob橫幅的ID與換頁的ID,如下列語法,只有橫幅ID,換頁ID為空白
admob.initAdmob("ca-app-pub-12345678/1234","");
var admobParam=new admob.Params();
啟用admob的測試模式,以免點擊到自己的廣告
admobParam.isTesting=true;
指定廣告顯示在APP的下面,並且指定admobParam的參數值,也就是測試模式
admob.showBanner(admob.BannerSize.BANNER,admob.Position.BOTTOM_APP,admobParam);