Monetize Your React Native & Expo Mobile Apps With Google Admob | Full Set Up Project Tutorial | JS

[@the-code-provider]

Everytime I have some technical issue, a Indian guy on KZbin suddenly appear to save my case Great community of life savers ! Thank you my bro 😀

[@cyb3rhunt3r097]

Bro , ive been getting errors since but after following your tutorial it finally works!! Thanks a lot man , God bless you !

[@BugNinza]

Glad I could help

[@lrajoo11]

just what we needed, and so updated. thank you!

[@BugNinza]

I'm glad it helped

[@calebcadainoo]

Thanks a lot bro. It really helped me

[@BugNinza]

Happy coding 🤜🤛

[@phillip6746]

Perfect explained. The ad displayed in the app as expected. Thanks :)

[@BugNinza]

Glad it was helpful! Keep Supporting

[@thomasyost8665]

Excellent advice man! Best tutorial I've seen on this.

[@BugNinza]

Glad it was helpful!

[@PabloDoebber]

Thank you very much for this video. I wish much success with the channel and as a programmer. I hadn't found any Brazilian videos teaching this.

[@BugNinza]

Thanks a lot! By the way, I like Brazil's game in this World Cup😉

[@luisedwards3534]

Ty for the video man, is way easier to see it thant to read all the documentation

[@BugNinza]

Happy coding 🤜🏻🤛🏻

[@SoapCS2]

Nicely Explained bro Good Work

[@BugNinza]

Glad it helped! Keep supporting!!

[@muhammadrabbi2211]

Awesome Video 😍 Thanks for this

[@BugNinza]

Glad you liked it!

[@Windowsalerti]

@@BugNinza where i can clone this code? Please upload to git

[@Windowsalerti]

@@BugNinza bottom tabs not working i dont know why

[@ody3666]

Do you have any estimates of how much we can earn per view depending on the type of ad?

[@BugNinza]

Yes! Go to the official website of Google AdMob: admob.google.com/home/ Scroll down Go the to section "See how much you could earn from AdMob" Select your region, select devices, select ad type. And BOOM!!!!

[@ody3666]

@@BugNinza thanks!

[@SalmanShah95]

Please also make admob integration video for react native cli.

[@TechForSkillsEarning]

Thanks Sir, Finally it's work ❤ Please Make videos "How to publish Our App On Plystore? "

[@BugNinza]

Ok soon

[@verawat]

Today I will implement your tutorial with Expo SDK51 (Refer latest @ Oct 9, 2024) My objective is need to test that still work or not after update from SDK 46 to SDK 51 The result after I finished test I will update to everyone here.

[@verawat]

Test results with Expo SDK 51 are successful and can actually be used. But I had to adjust something slightly different when referring to this video clip because the Official Document has some update. Try it, it's definitely not too difficult. And in the end it went well. Worth my effort. Thank for your best tutorial.

[@SadeceOyun4444]

@@verawat I have expo 52.0.17 and it doesn't work I've been trying for 10 hours and it turns out that it's a version error.

[@verawat]

today or tomorrow i will test it with Expo 52 . You may ask me again uf i forgot repirt result 😊for the result if change to Expi 52 ​@@SadeceOyun4444

[@LikeLaviesLouis]

Thanks for your video. It's very useful for me. But I have a question for you. When public on play store. I need to change android_app_id and adUnitId for possible as on admob account?

[@BugNinza]

Yes, you need to add a valid adUnitId

[@LikeLaviesLouis]

@@BugNinza Thanks pro. I did it.

[@crashereryolo8310]

I have to publish an android app but for now I am in the “internal testing” process. Test ads are working fine but in this process if I set the adunit id the ad wont show. Do I have to publish the app for the ads to work?

[@BugNinza]

Your app may not be approved for production yet. If your app is still in the review process, it won't be able to show ads.

[@crashereryolo8310]

@@BugNinza my android app is currently ready to show ads but still can’t load them, does it have to be necessarily on production?

[@Usuario_jejeje]

Incredible tutorial. Thanks!!

[@BugNinza]

Glad it helped! Keep Supporting

[@Usuario_jejeje]

@@BugNinza can you do a video with the AdsConsent library for de Europe Union Users??

[@geovanesilva1110]

Hi friend, good evening! All good? I hope so. I'm a newbie in the field of programming and I saw your tutorial that clarified a lot of things for me. But I would like to ask what actually changes between adding ads to my project with expo using the development build for a project with expo go, I don't know if there is any difference or if it changes something?, if you can give a direction I would be very grateful, thank you .

[@BugNinza]

First, they began using Expo and created individual packages for Expo components. However, the team eventually realized that the basic React Native approach was more dependable and strong. To enhance this strength, they figured out how to include React Native package code within Expo. But these changes weren't compatible with Expo Go. To make these adjustments, you'll require Android Studio, correct? As a solution, they introduced a development build and preview mode to test the Expo code.

[@igorito01]

So this Invariant Violation error is coming back: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.

[@BugNinza]

Don't test your code in the expo go app

[@harmonyhaven01]

my test ad is not showing! [googleMobileAds/error-code-internal-error] Something happened internally; for instance, an invalid response was received from the ad server. at node_modules eact-native-google-mobile-ads\src\ads\BaseAd.tsx:null in onNativeEvent at node_modules eact-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in invokeGuardedCallbackProd - ... 7 more stack frames from framework internals getting this error ? any update how to fix it ?

[@BugNinza]

Follow the video properly and don't test your code in the expo go app. It won't work. Because for ads, I am using the native code.( As per latest expo SDK updates)

[@rkcoder]

when publishing these ads to a real app, do I need to get user consent? Does it matter which countries the users are from for consent?

[@BugNinza]

Yes, when using AdMob to serve ads in your app, you may need to obtain user consent for the collection, sharing, and use of personal data for ads personalization.

[@rkcoder]

@@BugNinza can you please make a tutorial for this?

[@ElderDesignConcepts]

This is great information! I've built several apps this same way. Do you happen to have any information on how to fill out Google Play's Data Safety questions to release an app using Expo and AdMob?

[@BugNinza]

You are right in place. Check this out: kzbin.info/www/bejne/ppOZgKmsiM5rh80

[@wofan1000]

Hi, so i followed the totorial and no mater what I do I keep getting "This property name is not allowed by the Scheme" when I add the react-native-google-moble-ads. How do I fix it?

[@BugNinza]

This app won't work on expo go. So, what build you are using?

[@wofan1000]

@@BugNinza the package.json file says expo: 47.0.6 and expo dev client:2.0.0

[@ing.armandocampos5437]

Brother, is it still working today? because I really can't get it to work

[@piotrrodzen772]

Thank you so much for it!

[@BugNinza]

You're welcome!

[@TechForSkillsEarning]

Sir can I follow this process without Android studio using, actual device android phone

[@BugNinza]

I'm not using Android studio in this video

[@TechForSkillsEarning]

@Bug Ninza वो क्यो कहता है git install करने ? Why does he say ? to install git ? Can I not work without git?

[@LucasPereira-fz9of]

Thank you for the great video! Work, but when i build for AAB or APK, return: ERROR Invariant Violation: requireNativeComponent: "RNGoogleMobileAdsBannerView" was not found in the UIManager.

[@BugNinza]

It seems that the RNGoogleMobileAdsBannerView component is not available in your production build. To resolve this issue, you need to make sure that the necessary native modules are properly linked in your app's production build. If you wanna know how to build the APK and AAB for production then check this video: kzbin.info/www/bejne/ppOZgKmsiM5rh80

[@ClaudiaTenorio-ic2xs]

Hi Lucas! Did you solve the problem? I have the same.

[@LucasPereira-fz9of]

@@ClaudiaTenorio-ic2xs Hi Claudia! Yes, i maked a new project follow the instructions in this video and the other video (link: kzbin.info/www/bejne/ppOZgKmsiM5rh80) and work! 😁

[@LucasPereira-fz9of]

@@ClaudiaTenorio-ic2xs My app is short, that's why i achieved make a new project. Copied the files, and work

[@ClaudiaTenorio-ic2xs]

@@LucasPereira-fz9of Thank you Lucas! I'm trying with the video but I can't find what's happening to me :'(

[@dev_M-ahmed]

If I deploy app in playstore any change in admob account is needed ?

[@BugNinza]

setup your app for production. check rules and upgrade it

[@jeffk388]

How to resolve build error of:: Android build failed: Gradle build failed with unknown error. See logs for the "... This happens at the end of development build.

[@BugNinza]

Check your app.json , if everything is good then retry. Make sure to follow the video carefully

[@arte_de_ouvir]

same error Did you found any solution? I get your same error generating the build and I got " 'RNGoogleMobileAdsModule' could not be found." when testing in my expo

[@theDayisToday01]

After putting Ads , what next , (I have to reupload up) which command to use

[@BugNinza]

Follow the video and test the ad (use your own ad unit id)

[@theDayisToday01]

@@BugNinza after everything in the video , what next

[@BugNinza]

If your ad is running fine (real ad not test ad). Then use it in your application. Make AAB or APK. Publish it in playstore or app store. Make fortune

[@theDayisToday01]

thank you bro

[@meandmydodge]

Hi Bro, i know how to develop ios and android apps also how to submit in App store, Playstore successfully. already done. (newly entered in mobile apps development dimension) Simple Question ... how to receive money from customers in my account ? when they buy my app the money should come in my PayPal account. This is the area which i have't try yet ... Thanks in advance

[@musameric8671]

hi bro , im challenging with this error for 2 days : ERROR Invariant Violation: requireNativeComponent: "RNGoogleMobileAdsBannerView" was not found in the UIManager. i did all things in the video. How can i solve it?

[@BugNinza]

This error usually occurs in React Native when the required native module is not properly linked or installed. Start fresh and follow the video properly

[@southredmondtoxik1885]

Bro I have the same issue. I app was already published in play store. so I can't start a new project. How can I solve this issue for the current project?

[@phongnguyentrung6219]

Thank you for the great video !

[@BugNinza]

My pleasure!

[@phongnguyentrung6219]

@@BugNinza I have a problem using expo-dev-client. When I add the library it doesn't run. For example, adding the expo-clipboard library will display an error when using it. Help me please

[@kvanca2330]

Cant we try this with expo app?

[@BugNinza]

But it won't work on expo go app

[@kvanca2330]

@@BugNinza so we have to use emulator right?

[@vishalchincholi4490]

I have followed everything correctly but no luck, ads are not being displayed at all, not even test ads, just a blank space there

[@BugNinza]

Use your Ad Unit Id properly. And revise your code once. Let me know if this works. Otherwise I will update this video.

[@anaturuchii1389]

Make sure you are not using an adBlocker or DNS service that blocks ads on your device that you are using to test. I deactivated my adBlocker DNS and it worked

[@LucasGabriel-q4s9i]

Now how do I generate the .apk of my app with the ads??

[@BugNinza]

follow the docs: docs.expo.dev/build/setup/

[@cairoribeiro1886]

muito obrigado! Que O SENHOR o abençoe!!!

[@BugNinza]

Fico feliz que tenha ajudado!

[@ahmedparbes]

great. Its work

[@BugNinza]

Enjoy. Keep supporting

[@zerodegreecoder]

Thanks Man

[@BugNinza]

Happy to help

[@simuladosetecaplicativo6090]

I love it

[@ShortLife2645N]

How to add react native cli

[@BugNinza]

The process is the same. But you have to customize a little bit for the bare react native code

[@sbmusic244]

Thaks Bor

[@potatostories]

thank you!

[@BugNinza]

You're welcome!

[@muhammadrabbi2211]

I face a problem, when i click on the button first time ad loaded successfully.. >> But, if i again press on the button then it's not working! >> If you have enough time then please make a new video about my problem.. NOTE: it's not only my problem but also many persons face the same problem.

[@BugNinza]

If you wanna show ads on button press. Then make an arrow function and pass the "ad" code to it.

[@faithesthersagbohan2305]

Thank u bro

[@idohan4513]

thank you🪄🪄

[@BugNinza]

Keep supporting..!!

[@rajeshkrchaudhary3245]

Bro that is showing only test ads not real

[@BugNinza]

For real ads you need to intialize your google admob account

[@rajeshkrchaudhary3245]

How to initialise admob account

[@devapk9555]

frustrating!

[@devapk9555]

thanks dear, i was wrong, thanks a lot! you saved my life

[@BugNinza]

Hihi😁 happy coding 🥳

[@celebritycloud3410]

i get this error when i try to build app after installing react-native-google-mobile-ads [stderr] FAILURE: Build completed with 2 failures. [stderr] 1: Task failed with an exception. [stderr] ----------- [stderr] * Where: [stderr] Build file '/home/expo/workingdir/build/node_modules/react-native-google-mobile-ads/android/build.gradle' line: 75 [stderr] * What went wrong: [stderr] A problem occurred evaluating project ':react-native-google-mobile-ads'. [stderr] > Cannot get property 'googleMobileAdsJson' on extra properties extension as it does not exist [stderr] * Try: [stderr] > Run with --stacktrace option to get the stack trace. [stderr] > Run with --info [stderr] or --debug option to get more log output. [stderr] > Run with [stderr] --scan [stderr] to get full insights. [stderr] ============================================================================== [stderr] 2: Task failed with an exception. [stderr] ----------- [stderr] * What went wrong: [stderr] A problem occurred configuring project ':react-native-google-mobile-ads'. [stderr] > compileSdkVersion is not specified. Please add it to build.gradle [stderr] * Try: [stderr] > Run with --stacktrace option to get the stack trace. [stderr] > Run with --info or --debug option to get more log output. [stderr] > Run with --scan to get full insights. [stderr] ============================================================================== [stderr] * Get more help at help.gradle.org Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. See docs.gradle.org/7.5.1/userguide/command_line_interface.html#sec:command_line_warnings 5 actionable tasks: 5 executed [stderr] BUILD FAILED in 2m 10s Error: Gradle build failed with unknown error. See logs for the "Run gradlew" phase for more information.

[@BugNinza]

Sometimes the build fails. Due to internet or internal issue. Retry.

[@nithinmon5416]

Hi Bro I have followed and done everything but how to change my test ads to production ads const adUnitId = __DEV__ ? TestIds.BANNER : 'ca-app-pub-****************/**********'; this is my adUnitId so should I remove __DEV__ ? TestIds.BANNER : to run my production ads

[@BugNinza]

If you have adUnitId then replace _DEV_ with your id.

[@nithinmon5416]

@@BugNinza adUnitId = 'ca-app-pub-****************/**********'; like this right ?

[@nithinmon5416]

Pls reply bro

[@rajeshkrchaudhary3245]

@@nithinmon5416bro it’s work or not

[@JessperTV]

@@nithinmon5416 hello dude, did you resolve the problem?

[@SurenPoghosyan-oi4og]

TypeError: null is not an object (evaluating 'RNAppModule.eventsNotifyReady') getting when rewarded.load()

[@BugNinza]

It's a type error. Check your code. Build your application correctly. You can send me a snap of your error on my social media handle.

@@BugNinza i got the same error. did you solve it?

[@cefasgarciapereira8490]

Same here! Any solution?