Adding AdMob to Your Ionic App with Capacitor

Make more money from your Ionic app by integrating AdMob ads using Capacitor!

#############################

👨‍💻 Want to read instead of watch?

⚡️ NEW: 46 Pages Ionic QUICKSTART GUIDE

➡️ Take my famous 7 Day Ionic Crash Course

🤷‍♂️ Want more Ionic tutorials?

#############################

❤️ You can also find me on:

Or join our Facebook group:

#############################

00:00 Intro
01:18 Capacitor Admob setup
06:08 Displaying banner ads
14:09 Interstitial and reward video ads
18:30 Teardown

#ionic #admob #capacitor

[AlexisDessard]

I'm watching your videos since I started programming with Ionic about 6 years ago.

You really made my life easier many times and you're without doubt the one that promotes the best this awesome framework.

It ain't much (donation) but whenever I earn money thanks to my app i'll be more generous, please continue what you do, you're helping thousands of programmers to get better. 👌

[mattm]

Hi Simon, just wanted to add a few things as I wrote the code for the SSV callback feature that may have been missed.

- With regards to the SSV notice within the documentation, this is showing you how to simulate a mock response to your SSV callback endpoint, and should not be used to accurately track whether or not the actual ad has been rewarded. In our production grade application, we assume the ad has been rewarded when the rewarded callback function is fired, and update the UI accordingly, but we don't actually reward the user from the front end, all of this is done in a cloud function that can only be hit by AdMob.

- I wrote the notice that only production adverts can trigger the endpoint but no where in the docs does it say that it's the case. I only assumed it was and therefore could be wrong. I never reached out to google to confirm this, so if it is possible to simulate on a staging ad then please update the docs accordingly.

- If firing a staging callback the way i wrote on the docs, PLEASE add the endpoint to an environmental variable as people can read the source code from these apps and if they find your endpoint path, you may open yourself up to a vulnerability where people can just constantly reward themselves without watching ads.

[maximusmmax]

Is it possible to create native ads with this plugin? And I want banners to be displayed inside certain div not on top, bottom, or center of the screen.How can I achieve that ?

[hsa]

If you don't mind, can you make a video about payments?

[ToanNguyen-zdij]

Does your package include video interstitials?

[vijaymewada-pc]

hey simon, can you tell me why "no fill" error comes when i try to show ad

[minghweetoh]

where should we place this in our app? on every page of the application?

[pg.idrees]

I want to say thanks for this video,
I followed your steps it's working on ios, but i get error for android in android studio while deploying project to apk it says
" class duplicated "

[hsa]

Thank you for making all your videos free and understandable

[milkywayinfotech]

how to remove lister in this plugin ?

[AlekPiekarz]

Hey man! Will it work for normal web app?

[bF]

Great video, one question.
If you have content ( for example a long text ), and that text appear under the banner in the bottom center ( the banner doesn´t look like it appear right at the bottom but a little bit close to the bottom ) I think that will be an infraction in apple.

[akwasipixels]

i found it difficult to show the ads on android please any help? since i don't use ionic i just wants to convert my html, css, js file to apk and also displays ads

[jordanwillian]

For me the ads don't appear and it also doesn't show any error message

[andresflg]

Help please!, in the RewardAdPluginEvents.Rewarded event this function not call others functions :(

[prashantmehta-di]

It works fine with both ios and android. I can see real ads on both android live app and ios testflight app. But after submitting to apple it says App store rejection due to App Tracking Transparency Framework. Can you explain this in your upcoming video. I am using ionic 7, capacitor 5 and error comes for iOS 15.6.1

[FrandyTube]

i tried VideoReward and it worked, but there is one problem.
when requesting for the first time, console.log shows 1 output, if it is run repeatedly it will show 2, 3, 4 and so on.
how to fix it?
sorry my english bad

[paragbhide]

love you Simon -- if you weren't there I wouldn't have gone for IONIC at all. you are the reason, I survived my development career in office. I have told all my office colleagues to watch your videos for any ionic/capacitor/angular related help. and also get paid subscription to all its courses. Again I cant thank you enough. I guess if you weren't there IONIC as a language wouldn't be that popular. ( i really feel the IONIC team must give some credits to you or some rewards for this awesome work you have been doing. In short, I would like to summarize may god bless you :) and keep making such awesome content..love you #IONICPRO #angularPro #ionicGOD

[ryananto]

Mr. Simon, I found bug ionic on xiaomi device. Bug on not dark mode but ionic on dark mode. I use Redmi Note 8 Pro...

[marwansalem]

Hi Simon, Thank for the video! how it would be in production?
Thank in advance