如何在 Ionic 应用程序中添加 Admob？

Question

我正在尝试在我使用 Ionic 制作的应用程序中添加 Admob。问题是不显示横幅。

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

Answer 1

我在我的 project.It 中使用了使用 this 插件的 admob，效果很好

1.Create 一个 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

    });

}

注意：请更改 banner & interstitial ID

2.Add 在您的 index.html

行下方

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

如果你有什么doubt.Please让我know.Thanks

如何在 Ionic 应用程序中添加 Admob？

How to add Admob in Ionic apps?

angularjs

cordova

ionic-framework

ionic