Adding AdMob to Your Ionic App with 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. 👌

[@galaxies_dev]

Wow thank you so much Alexis, appreciate it!!

[@hsa180]

Thank you for making all your videos free and understandable

[@galaxies_dev]

You are very welcome :)

[@beerisvictory]

Love your content and your positive style 😁

[@galaxies_dev]

Thank you Felix 🙌

[@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 ?

[@maximusmmax]

Any idea?

[@ABWMEDIA]

Searching the solution still not found

[@ShawnWeiland]

I am working on a custom plugin to use native ads with capacitor

[@maximusmmax]

@@ShawnWeiland Please let me know when you implement it

[@ABWMEDIA]

@@ShawnWeiland Any possibility to insert ads inside html component? Because sticky in top and bottom is not make sence i thought

[@paragbhide1695]

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

[@galaxies_dev]

Wow Parag, thank you so much for your kind words!! I'm happy to help the community and so far everything has worked out well for me. I hope you and your colleagues enjoy creating Ionic apps and are likewise successful :)

[@paragbhide1695]

@@galaxies_dev big fan :)

[@mattm3593]

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. Edit: github.com/capacitor-community/admob/pull/121 (link to the PR as i'm no longer listed as a contributor)

[@galaxies_dev]

Thanks for leaving all that information Matthew!!

[@kobydo2]

Thank you, very helpful. Great job.

[@ToanNguyen-zd9ij]

Does your package include video interstitials?

[@newtechnologies6076]

im always love brother, explained very good

[@galaxies_dev]

Glad to hear that

[@reacaosistemas5746]

Amazing video. Thanks Simon.

[@galaxies_dev]

Glad you enjoyed it!

[@curious_adidac]

Thankyou Simon for the most awaited video

[@galaxies_dev]

Happy to finally cover this topic!

[@hsa180]

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

[@vijaymewada-p2c]

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

[@jordanwillian9958]

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

[@aurelientrouble8818]

Same problem here, I'm following your guide, but with react capacitor (on android emulator, windows), followed all the steps : capacitor initialize (according to the console), but no ad appears (I tried everything : banner, interstitial, reward, same problem) but no error in the console either. I thought it might be because my admob account wasn't verified, I did it, no change... do we need to do other things to test on local (verify payment & tax info on admob for exemple ? publish a first version on the store to validate the ad on admob, to then be allowed to test on a local machine ?)

[@aurelientrouble8818]

I think I found the issue, on the gradle android emulator with vs code, it doesn't show, however, when I generate the APK and test on my real mobile, it works... with test banners/rewards...

[@andrel9820]

@@aurelientrouble8818 With isTest false or true?

[@AlekPiekarz]

Hey man! Will it work for normal web app?

[@milkywayinfotech4763]

how to remove lister in this plugin ?

[@minghweetoh2111]

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

[@jmv183]

Are native ads not supported?

[@marwansalem76]

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

[@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 "

[@galaxies_dev]

Hmm which class has a duplicate?

[@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

[@bF93712]

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.

[@azarudeen6054]

Hi Simon, Its possible to integrate metamask in ionic app

[@galaxies_dev]

Good question, I think it is but you might need additional cloud functions somewhere..think Josh Morony had a tutorial on that!

[@azarudeen6054]

@@galaxies_dev thank you

[@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

[@NitinKanade]

I am learning ionic capacitor with react , can I use this admob plugin with react

[@galaxies_dev]

You can use all Capacitor plugins with whatever JS framework you want!

[@dadawald6515]

Cannot find module '@capacitor-community/admob' or its corresponding type declarations.ts(2307)

[@dadawald6515]

I slave my problem to install this module npm install --save @capacitor-community/admob

[@andresflg]

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

[@ryananto7015]

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...

[@AGUNGKAYA]

Sir, so if we want to publish our app, we must set "isTesting" to "false"?

[@galaxies_dev]

Yes!

[@alanzitrozaid]

Hello, I have a question regarding when the application is released to production. Are "isTested" parameters set to false? What has to be modified to make it work once the application is uploaded to the app store

[@galaxies_dev]

Yes you need to change that, and use the real IDs of all your ads for production! But otherwise nothing really needs to change.

[@prashantmehta-d7i]

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

[@mansoorjahan]

why you make setting in android folder before you build your project? i am confused

[@galaxies_dev]

Because we need to add the variables to the native Android project - with Capacitor those files are never changed!

Gracias por este grandioso video, soy fiel seguidor de tu contenido. También sabrás cómo monetizar con Unity Ads, por favor sería de mucha ayuda. Gracias saludos desde República Dominicana.

[@Jerry-e7p]

thank you~~~

[@PabloGaraguso]

Excellent!

[@rn.s9]

Hey Simon could you make tutorial to open any file type let's say (PDFs, Tex files, img etc)to be opened by our custom ionic app

[@galaxies_dev]

You mean to open that kind of file from your Ionic app?

[@rn.s9]

@@galaxies_dev no, for every file type like pdf android shows up list of apps(Google drive, Adobe pdf) that can open it when trying to open from any file explorer, I want my ionic app to be on that list (this list shows to open this file type with this app once or always)

[@abbacartoons]

Yay, how to do ads in ionic. Thanks Simon.

[@galaxies_dev]

I've used the same process in my own app lately, it's really easy with Capacitor!

[@faqruddinmohammad1411]

Thanks Simon for your great learning videos. Could you please make one video for login Ionic using Microsoft graph apis..

[@galaxies_dev]

Actually never used that, but might check it out!

[@pacoperico1109]

YOU RULE CRACK, THANX

[@galaxies_dev]

Thank you Pedro!

[@prashantmehta-d7i]

Hi Simon, just love your all videos. Just want to ask you a question regarding admob ad in the app. I am able to see the ads but it comes below the tabbar. I have created a element in html file. But not able to insert ad into that element. Can you please help me out ..Thanks in advance!!! :)

[@simplexination9837]

banner ad covers content😭😭😭

[@dadawald6515]

we need to run admob in android not ios thanks

[@glenimal]

THE🐐

[@galaxies_dev]

🔥

[@Xmasparol]

This guy sound like jacksepticeye

[@galaxies_dev]

Lol that's an honour!

[@webtantras]

add iOS only in your title it will save time for others who are going to try with Android.