Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/invertase/react-native-google-mobile-ads
React Native Google Mobile Ads enables you to monetize your app with AdMob.
https://github.com/invertase/react-native-google-mobile-ads
admob android google ios mobile-ads react-native react-native-admob
Last synced: 6 days ago
JSON representation
React Native Google Mobile Ads enables you to monetize your app with AdMob.
- Host: GitHub
- URL: https://github.com/invertase/react-native-google-mobile-ads
- Owner: invertase
- License: other
- Created: 2021-04-20T12:33:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-22T10:01:47.000Z (8 months ago)
- Last Synced: 2024-05-23T01:06:04.118Z (8 months ago)
- Topics: admob, android, google, ios, mobile-ads, react-native, react-native-admob
- Language: TypeScript
- Homepage: https://docs.page/invertase/react-native-google-mobile-ads
- Size: 2.67 MB
- Stars: 611
- Watchers: 19
- Forks: 116
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
React Native Google Mobile Ads
---
**React Native Google Mobile Ads** allows you to monetize your app with AdMob; a React Native wrapper around the native Google-Mobile-Ads SDKs for both iOS and Android.
React Native Google Mobile Ads is built with three key principals in mind;
- 🧪 **Well tested**
- the module is extensively tested to >95% coverage (getting there after moving from react-native-firebase!)
- 👁 **Well typed**
- first class support for Typescript included
- 📄 **Well documented**
- full reference & installation documentation alongside detailed guides and FAQs
## Ad formats
### App open
App open ads are a special ad format intended for publishers wishing to monetize their app load screens.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#app-open-ads)
### Banner
Banner ad units display rectangular ads that occupy a portion of an app's layout.
They stay on screen while users are interacting with the app, either anchored at the top or bottom of the screen or inline with content as the user scrolls.
Banner ads can refresh automatically after a certain period of time.
#### Anchored adaptive
A dynamically sized banner that is full-width and auto-height. Anchored adaptive banners are expected to be always on-screen, locked to the screen’s top or bottom.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
#### Inline adaptive
Inline adaptive banners are larger, taller banners compared to anchored adaptive banners.
They are of variable height, and can be as tall as the device screen.
They are intended to be placed in scrolling content.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
#### Collapsible
Collapsible banner ads are intended to improve performance of anchored ads that are otherwise a smaller size.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#collapsible-banner-ads)
#### Fixed size (legacy)
The Google Mobile Ads SDK supports fixed ad sizes for situations where adaptive banners ads don't meet your needs.
Banner (320x50), Large banner (320x100), Medium rectangle (300x250), full banner (468x60) and leaderboard (728x90).
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
### Native
Native ads allow you to customize the look and feel of the ads that appear in your app.
You decide how and where they're placed, so the layout is more consistent your app's design.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/native-ads)
### Interstitial
Interstitial ad units show full-page ads in your app. Place them at natural breaks & transitions in your app's interface, such as after level completion in a gaming app.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#interstitial-ads)
### Rewarded
AdMob rewarded ad units allow you to reward users with in-app items for interacting with video ads, playable ads, and surveys.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#rewarded-ads)
### Rewarded Interstitial
Rewarded interstitial is a type of incentivized ad format that allows you offer rewards for ads that appear automatically during natural app transitions.
Unlike rewarded ads, users aren't required to opt-in to view a rewarded interstitial.
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#rewarded-interstitial-ads)
## Migrating to the New Architecture Status (backwards compatible)
This package can be used in both The Old and [The New Architecture](https://reactnative.dev/docs/the-new-architecture/landing-page).
When using The New Architecture, some legacy code will still be used though. See status below:
| Platform | Feature | Status |
| -------- |----------------------------------------------------------------------------------------------------------------------------------------------------------------| ----------- |
| iOS | Mobile Ads SDK Methods (Turbo Native Module) | ✅ Complete |
| iOS | Banners (Fabric Native Component) | ✅ Complete |
| iOS | Full Screen Ads (Turbo Native Module) | ✅ Complete |
| iOS | Native Ads (Turbo Native Module, Fabric Native Component) | ✅ Complete |
| iOS | User Messaging Platform (Turbo Native Module) | ✅ Complete |
| iOS | [EventEmitter](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/turbo-modules.md#add-event-emitting-capabilities) (Turbo Native Module) | ⏳ To-Do |
| iOS | Revenue Precision Constants (Turbo Native Module) | ✅ Complete |
| Android | Mobile Ads SDK Methods (Turbo Native Module) | ⏳ To-Do |
| Android | Banners (Fabric Native Component) | ⏳ To-Do |
| Android | Full Screen Ads (Turbo Native Module) | ⏳ To-Do |
| Android | Native Ads (Turbo Native Module, Fabric Native Component) | ✅ Complete |
| Android | User Messaging Platform (Turbo Native Module) | ⏳ To-Do |
| Android | [EventEmitter](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/turbo-modules.md#add-event-emitting-capabilities) (Turbo Native Module) | ⏳ To-Do |
| Android | Revenue Precision Constants (Turbo Native Module) | ⏳ To-Do |
## Documentation
- [Installation](https://docs.page/invertase/react-native-google-mobile-ads)
- [Displaying Ads](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads)
## Contributing
- [Issues](https://github.com/invertase/react-native-google-mobile-ads/issues)
- [PRs](https://github.com/invertase/react-native-google-mobile-ads/pulls)
- [Guidelines](https://github.com/invertase/react-native-google-mobile-ads/blob/main/CONTRIBUTING.md)
- [Code of Conduct](https://github.com/invertase/meta/blob/main/CODE_OF_CONDUCT.md)
## License
- See [LICENSE](/LICENSE)
---
Built and maintained by Invertase.