2016-01-13 82 views
0

我正在尝试在我的应用程序中显示admob,但它没有显示在屏幕上。AdMob未在设备上显示离子

我加入了插件: - 科尔多瓦插件添加com.rjfun.cordova.plugin.admob 科尔多瓦插件添加https://github.com/floatinghotpot/cordova-plugin-admob.git

这里是我的代码,我在app.js类下运行函数来完成: -

$ionicPlatform 
 
    .ready(function() { 
 

 
     if (window.plugins && window.plugins.AdMob) { 
 
     alert('inside'); 
 
     var admob_key = device.platform == "Android" ? "ca-app-pub-6869992474017983/4748283957" : "IOS_PUBLISHER_KEY"; 
 
     var admob = window.plugins.AdMob; 
 
     admob 
 
      .createBannerView({ 
 
       'adId': admob_key, 
 
       'position': admob.AD_POSITION.BOTTOM_CENTER, 
 
       'adSize': admob.AD_SIZE.BANNER, 
 
       'bannerAtTop': false 
 
      }, 
 
      function() { 
 
       admob 
 
       .requestAd({ 
 
        'isTesting': false 
 
        }, 
 
        function() { 
 
        admob 
 
         .showAd(true); 
 
        }, 
 
        function() { 
 
        alert("failed to request ad"); 
 
        console 
 
         .log('failed to request ad'); 
 
        }); 
 
      }, 
 
      function() { 
 
       alert("failed to create banner view"); 
 
       console 
 
       .log('failed to create banner view'); 
 
      }); 
 
     } else { 
 
     alert("AdMob plugin not available/ready."); 
 
     }

链接从我指上面的代码: -

1)https://blog.nraboy.com/2014/06/using-admob-ionicframework/

2)https://github.com/floatinghotpot/cordova-admob-pro

请提供它的任何建议。

感谢

+0

我已收到与admob一起工作,并遵循nraboy制作的博客。我认为他使用的是旧版本的admob,因为'bannerAtTop'不再是配置选项。如果你真的检查了admob的JavaScript,你会注意到它已经变成'position',所以试试''position:admob.AD_POSITION.BOTTOM_CENTER' –

+0

检查我的代码后,我也注意到'publisherId'选项现在是'adId',所以尝试更改为'adId:admob_key' –

+0

嗨Will.Harris,感谢您的回复..可以请您提供一个虚拟示例,我也更新了代码,正如您所提到的 – Siddharth

回答

2

有些事情的AdMob上的最新版本,并且在博客中通过nraboy改变。我注意到以下区别几个星期前,当我用这个插件后,我检查了插件.js文件找出变化:

  • AdMob联播不再window.plugins.Admob下位于我发现它window.Admob
  • 配置下选项publisherId现在adId
  • 配置选项bannerAtTop现在是position
  • admob.createBannerView()现在只是admob.createBanner()它做所有的工作适合你,当涉及到显示加(你不需要调用admob.requestAd())等

模板遵循

  if (window.AdMob) { 
       var admob = window.AdMob; 
       admob.createBanner({ 
        adId: admob_key, 
        adSize: admob.AD_SIZE.SMART_BANNER, 
        position: admob.AD_POSITION.BOTTOM_CENTER, 
        isTesting: false, //Live 
        //isTesting: true, //Test 
        autoShow: true 
       }, function (data) { 
        console.log('Banner created... ' + angular.toJson(data)); 
       }, function (err) { 
        console.log('Failed to create banner view... ' + angular.toJson(err)); 
       }); 
      } else { 
       //plugin not found 
      } 

附加信息

如果你不知道的其他AD_SIZE和AD_POSITION选项(从插件复制。 js文件)

.AD_POSITION = { 
    NO_CHANGE: 0, 
    TOP_LEFT: 1, 
    TOP_CENTER: 2, 
    TOP_RIGHT: 3, 
    LEFT: 4, 
    CENTER: 5, 
    RIGHT: 6, 
    BOTTOM_LEFT: 7, 
    BOTTOM_CENTER: 8, 
    BOTTOM_RIGHT: 9, 
    POS_XY: 10 
}; 

.AD_SIZE = { 
    SMART_BANNER: 'SMART_BANNER', 
    BANNER: 'BANNER', 
    MEDIUM_RECTANGLE: 'MEDIUM_RECTANGLE', 
    FULL_BANNER: 'FULL_BANNER', 
    LEADERBOARD: 'LEADERBOARD', 
    SKYSCRAPER: 'SKYSCRAPER' 
}; 
+0

好吧,以下代替adId:ids.banner我的admob_key的作品? – Siddharth

+0

是的,这就是你的admob_key去哪里我将更新答案 –

+0

非常感谢兄弟 – Siddharth