Admob Plugin shows white box

cordova
1

I have implemented admob in my ionic app, Now When keyboard is visible in chat screen at that time admob view which i have implemented in bottom will be hidden and show only white space in between my page content and keyboard.

Is there any way to hide the admob for that chat page?

2

What “Admob plugin” are you talking about?
Does it have a hide function?

3

I’m Talking about following plugin.
Nd not it certainly doesn’t have hide function.
It only has create and destroy method.
Which i can not use because i only need to hide it when keyboard is open when keyboard is hidden at that time i need to show ad.
<plugin name="cordova-plugin-admob" spec="^3.2.4" />

4

Would you be so nice an post a link to its documentation?

5

yah you can find document from https://github.com/floatinghotpot/cordova-plugin-admob.

6

In the code you can see that you can not only show, but also hide the ad:

7

Following is my code help me to solve it.

if (window.plugins && window.plugins.AdMob) {
var ad_units = {
ios: {
banner: ‘ca-app-pub-6162421274523237/9547760304’
},
android: {
banner: ‘ca-app-pub-6162421274523237/7786982302’,
},

            };
            var admobid = "";
            if (/(android)/i.test(navigator.userAgent)) {
                admobid = ad_units.android;
            } else if (/(iphone|ipad)/i.test(navigator.userAgent)) {
                admobid = ad_units.ios;
            }
            window.plugins.AdMob.setOptions({
                publisherId: admobid.banner,
                bannerAtTop: false, // set to true, to put banner at top
                overlap: false, // set to true, to allow banner overlap webview
                offsetTopBar: false, // set to true to avoid ios7 status bar overlap
                isTesting: false, // receiving test ad
                autoShow: true // auto show interstitial ad when loaded
            });
            window.plugins.AdMob.createBannerView();

        } else {
            console.log('admob plugin not ready');
        }