Blog

Blog

PHODAL

Ionic Google Admob集成

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

Application

Get it on Google Play

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

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

Google Admob
Google Admob

其他

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

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签

最近的一些事

  • 最近我和我的同事们,一起在创建一个新的编程语言:Charj 。它是一个使用 Rust 编写的描述式、中间编程语言。GitHub: https://github.com/datum-lang/datum

    Nov. 14, 2020, 9:27 p.m. | China