记录一下之前往《程序语言答人》中添加Google Admob的过程。

Ionic Google Admob

1.添加Cordova插件

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

2.配置

同样如: Ionic Google Anlytics集成一样，我们需要将其添加到初始化代码中。

  $ionicPlatform.ready(function() {
      if (typeof analytics !== 'undefined'){
          analytics.startTrackerWithId('UA-60917659-1');
          analytics.trackView('Screen Title')
      }
      if(window.plugins && window.plugins.AdMob) {
          var admob_key = device.platform == "Android" ? "ANDROID_PUBLISHER_KEY" : "IOS_PUBLISHER_KEY";
          var admob = window.plugins.AdMob;
          admob.createBannerView(
              {
                  'publisherId': 'ca-app-pub-3662578183051823/5276849408',
                  'adSize': admob.AD_SIZE.BANNER,
                  'bannerAtTop': false
              },
              function() {
                  admob.requestAd(
                      { 'isTesting': false },
                      function() {
                          admob.showAd(true);
                      },
                      function() { console.log('failed to request ad'); }
                  );
              },
              function() { console.log('failed to create banner view'); }
          );
      }
  });

3.Run

几天后我们就可以看到效果了~~

其他

代码: https://github.com/phodal/learning-ionic