Cordova 加入AdMob的Plugin

Cordova版本:5.1.1
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);



Windows 11安裝時跳過網路連線