2015-01-05 84 views
2

我想在離子項目中實施adMob。ngCordova AdMob插件實施

因此,我正在看看ngCordova projet,它包括一個adMob plugin。 但是還沒有任何可用的實現示例...

有沒有人已經使用ngCordova的插件並向我展示了一個可用的代碼示例?

+1

這項工作適合你嗎? https://blog.nraboy.com/2014/06/using-admob-ionicframework/ –

回答

4

使用AdMob中使用離子型框架的步驟將是:

  1. 添加com.admob.google插件:

    ionic plugin add com.admob.google

  2. 添加下面的腳本www/index.html(你將不會找到開發中的angular-admob.js文件,因爲它是在準備好每個平臺之後添加的):

    <script src="lib/angular-admob/angular-admob.js"></script>

  3. 顯示AdMob廣告:

-

angular.module('myApp', ['admobModule']) 
.run(['admobSvc', function (admobSvc) { 
    admobSvc.createBannerView({ publisherId: "YOUR_PUBLISHER_ID" }); 

    // Handle events: 
    $rootScope.$on('admob:' + admobSvc.events.onAdOpened, function onAdOpened(evt, e) { 
    console.log('adOpened: type of ad:' + e.adType); 
    }); 
}]); 

在這裏你可以找到完整的例子:admob with ionic framework