ngCordova AdMob插件实现

时间:2015-01-05 07:55:54

标签: cordova admob ionic-framework cordova-plugins

我想在离子项目中实施adMob。

因此,我正在看一下包含adMob plugin的ngCordova项目。 但是还没有任何实施样本......

有没有人已经使用过ngCordova的插件并向我展示一个有效的代码示例?

2 个答案:

答案 0 :(得分:4)

将Admob与Ionic框架一起使用的步骤如下:

  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广告:

  4. -

    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

答案 1 :(得分:3)

我使用了https://blog.nraboy.com/2014/06/using-admob-ionicframework/中的教程来实现admob。 这在我的项目中没有用。

因此,在实施admob网络之前,我开始了一个全新的(干净的)工作空间  而这只是做到了!