# Admob ads not display

**URL:** <https://forum.ionicframework.com/t/admob-ads-not-display/138227>\
**Category:** ionic-v3\
**Created:** [August 13, 2018, 11:49am UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227 "2018-08-13T11:49:14Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![vishal14](https://avatars.discourse-cdn.com/v4/letter/v/dec6dc/32.png) [@vishal14](https://forum.ionicframework.com/u/vishal14)\
**Post date:** [August 13, 2018, 11:49am UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/1 "2018-08-13T11:49:14Z")

</div>

**Admob ads, not display**

I have created a new application and added below add code but ads not display I have done a small change in id= ‘ca-app-pub-9304661536848605/4466219588’ to id: ‘ca-app-pub-9304661536848605/4466219588’ because build time getting error.

**app.module.ts**

```auto
import { AdMobFree } from '@ionic-native/admob-free';

providers: [
    StatusBar,
    SplashScreen,
    AdMobFree,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]

```

**Homepage code** I have 8 pages but added coded the only homepage because of testing.

```auto
import { AdMobFree , AdMobFreeBannerConfig } from '@ionic-native/admob-free';

export class HomePage {

  constructor(public navCtrl: NavController, private admobFree: AdMobFree) {
  	this.loadBanner();
  }

  loadBanner(){

  	const addConfig: AdMobFreeBannerConfig = {
	 id: 'ca-app-pub-9304661536848605/4466219588',
	 isTesting: false,
	 autoShow: true
	};
	this.admobFree.banner.config(addConfig);

	this.admobFree.banner.prepare()
	  .then(() => {
	    console.log("Banner Is desplayed");
	  })
	  .catch(e => console.log(e));
  }
}

```

---

<div class="post-metadata">

**Author:** ![mekhti](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@mekhti](https://forum.ionicframework.com/u/mekhti)\
**Post date:** [August 13, 2018, 11:56am UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/2 "2018-08-13T11:56:55Z")

</div>

```auto
.then(()=>{
        this.admob.banner.show();
})

```

---

<div class="post-metadata">

**Author:** ![vishal14](https://avatars.discourse-cdn.com/v4/letter/v/dec6dc/32.png) [@vishal14](https://forum.ionicframework.com/u/vishal14)\
**Post date:** [August 13, 2018, 12:00pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/4 "2018-08-13T12:00:18Z")

</div>

> [@mekhti](#):
>
> .then(()=\>{ this.admob.banner.show(); })

Where should I add this code?

---

<div class="post-metadata">

**Author:** ![mekhti](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@mekhti](https://forum.ionicframework.com/u/mekhti)\
**Post date:** [August 13, 2018, 12:01pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/5 "2018-08-13T12:01:16Z")

</div>

HomePage.ts

```auto
...
loadBanner(){
...
this.admobFree.banner.prepare()
	  .then(() => {
	    this.admob.banner.show();
	  })
	  .catch(e => console.log(e))
}

```

and if this doesn’t work , add error here

---

<div class="post-metadata">

**Author:** ![vishal14](https://avatars.discourse-cdn.com/v4/letter/v/dec6dc/32.png) [@vishal14](https://forum.ionicframework.com/u/vishal14)\
**Post date:** [August 13, 2018, 12:14pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/6 "2018-08-13T12:14:47Z")

</div>

> [@mekhti](#):
>
> and if this doesn’t work , add error here

Getting this error when I run build commond

```auto
            Property 'admob' does not exist on type 'HomePage'.

      L29: .then(() => {
      L30: this.admob.banner.show();
      L31: console.log("Banner Is desplayed");

```

---

<div class="post-metadata">

**Author:** ![mekhti](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@mekhti](https://forum.ionicframework.com/u/mekhti)\
**Post date:** [August 13, 2018, 12:27pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/7 "2018-08-13T12:27:29Z")

</div>

HomePage.ts

```auto
import { Component } from '@angular/core';
import { NavController,Platform } from 'ionic-angular';

import { AdMobFree, AdMobFreeRewardVideoConfig , AdMobFreeBannerConfig, AdMobFreeInterstitialConfig } from '@ionic-native/admob-free';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController,
              private admob: AdMobFree,
              private platform: Platform
                ) 
            showBanner();
 }
  showBanner() {
    if(this.platform.is('cordova')){
		const bannerConfig: AdMobFreeBannerConfig = {
			id: 'your ad id',
			isTesting: false,
			autoShow: true,
                };

  		this.admob.banner.config(bannerConfig);

		this.admob.banner.prepare()
                .then(()=>{
                       this.admob.banner.show();
                  })
               .catch(e => console.log(e));
}
}

```

this is my code and it is working on phone . But it did not work on browser as i remember . i exported apk and uploaded to my phone then it worked

---

<div class="post-metadata">

**Author:** ![mekhti](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@mekhti](https://forum.ionicframework.com/u/mekhti)\
**Post date:** [August 13, 2018, 12:30pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/8 "2018-08-13T12:30:02Z")

</div>

sorry my fault .

```auto
.then(() => {
	    this.admobFree.banner.show();
	  })

```

---

<div class="post-metadata">

**Author:** ![vishal14](https://avatars.discourse-cdn.com/v4/letter/v/dec6dc/32.png) [@vishal14](https://forum.ionicframework.com/u/vishal14)\
**Post date:** [August 13, 2018, 12:51pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/9 "2018-08-13T12:51:52Z")

</div>

Right now showing just dark gray color strip but no ads.

---

<div class="post-metadata">

**Author:** ![mekhti](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@mekhti](https://forum.ionicframework.com/u/mekhti)\
**Post date:** [August 13, 2018, 1:00pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/10 "2018-08-13T13:00:08Z")

</div>

did you try it on phone?

---

<div class="post-metadata">

**Author:** ![vishal14](https://avatars.discourse-cdn.com/v4/letter/v/dec6dc/32.png) [@vishal14](https://forum.ionicframework.com/u/vishal14)\
**Post date:** [August 13, 2018, 1:04pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/11 "2018-08-13T13:04:20Z")

</div>

yes i try on my both phone same gray strip come

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:25pm UTC](https://forum.ionicframework.com/t/admob-ads-not-display/138227/12 "2021-07-19T21:25:39Z")

</div>