如何将Admob实施到离子?

时间:2016-06-21 20:48:11

标签: javascript ionic-framework admob cordova-admob

我按照这篇文章的说明: AdMob not loading ads in ionic/angular app

当我通过“离子生成ios&& ion emulate ios”运行应用程序时,我没有广告,也没有任何黑条。

我错过了什么?

由于

2 个答案:

答案 0 :(得分:1)

您可以按照https://github.com/appfeel/admob-google-cordova/wiki/Angular.js,-Ionic-apps上的说明操作:

  • 像往常一样安装插件(见这里):

    ionic plugin add cordova-admob
    
  • index.html中包含以下脚本(只需它,无需复制任何文件:插件负责在准备应用程序时复制脚本):

    <script src="lib/angular-admob/angular-admob.js"></script>
    
  • 从您的离子应用中调用AdMob。

这是一个简单的例子:

var app = angular.module('myApp', ['admobModule']);

app.config(['admobSvcProvider', function (admobSvcProvider) {
  // Optionally you can configure the options here:
  admobSvcProvider.setOptions({
    publisherId:          "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB",  // Required
    interstitialAdId:     "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII",  // Optional
  });
}]);


app.run(['admobSvc', function (admobSvc) {
  // Also you could configure the options here (or in any controller):
  // admobSvcProvider.setOptions({ ... });

  admobSvc.createBannerView();
  // You could also call admobSvc.createBannerView(options);


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

答案 1 :(得分:0)

请按照以下步骤操作:

  1. et.setText(""); //edit text will be reset
  2. ionic platform add android ionic platform add ios
  3. 将这些代码粘贴到app.js
  4. 的运行模块中

    代码:

    cordova plugin add com.rjfun.cordova.plugin.admob

    问候。