如何在離子應用程序中添加Admob？

Question

我試圖在我的應用程序中添加Admob，與Ionic配合。問題是橫幅沒有被替換。

要添加Admob我正在關注此sample，但不起作用，admob未顯示。

如何在離子應用程序中添加Admob？

Answer 1

我一直在使用this插件在我project.It是完美工作

1.創建一個admob_simple.js文件並將其放置在WWW/JS文件夾

admob_simple.js

var admobid = {}; 
if (/(android)/i.test(navigator.userAgent)) { 
    admobid = { // for Android 
     banner: 'ca-app-pub-1417132269349730/9915914608', 
     interstitial: 'ca-app-pub-1417132269349730/8159979806' 
    }; 
} else if (/(ipod|iphone|ipad)/i.test(navigator.userAgent)) { 
    admobid = { // for iOS 
     banner: 'ca-app-pub-6869992474017983/4806197152', 
     interstitial: 'ca-app-pub-6869992474017983/7563979554' 
    }; 
} else { 
    admobid = { // for Windows Phone 
     banner: 'ca-app-pub-6869992474017983/8878394753', 
     interstitial: 'ca-app-pub-6869992474017983/1355127956' 
    }; 
} 

if ((/(ipad|iphone|ipod|android|windows phone)/i.test(navigator.userAgent))) { 
    document.addEventListener('deviceready', initApp, false); 
} else { 
    initApp(); 
} 

function initApp() { 
    if (!window.AdMob) { 
     return; 
    } 
    window.AdMob.createBanner({ 
     adId: 'ca-app-pub-1417132269349730/9915914608', 
     position: window.AdMob.AD_POSITION.BOTTOM_CENTER, 
     autoShow: true 

    }); 

} 

使用了AdMob

NB：Please change banner & interstitial ids

2.添加下面一行在你index.html

<script src="js/admob_simple.js"></script> 

如果您有任何doubt.Please讓我know.Thanks