Skip to content

Commit 6c186c7

Browse files
committed
docs(readme): available ad formats
1 parent 1c2e565 commit 6c186c7

File tree

1 file changed

+83
-0
lines changed

1 file changed

+83
-0
lines changed

README.md

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,89 @@ React Native Google Mobile Ads is built with three key principals in mind;
3030
- 📄 **Well documented**
3131
- full reference & installation documentation alongside detailed guides and FAQs
3232

33+
## Ad formats
34+
35+
### App open
36+
37+
App open ads are a special ad format intended for publishers wishing to monetize their app load screens.
38+
39+
<img width="200" src="https://developers.google.com/static/admob/images/app-open-ad.png" alt="App open ad">
40+
41+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#app-open-ads)
42+
43+
### Banner
44+
45+
Banner ad units display rectangular ads that occupy a portion of an app's layout.
46+
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.
47+
Banner ads can refresh automatically after a certain period of time.
48+
49+
#### Anchored adaptive
50+
51+
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.
52+
53+
<img width="200" src="https://developers.google.com/static/admob/images/Android_adaptive.png" alt="Anchored adaptive">
54+
55+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
56+
57+
#### Inline adaptive
58+
59+
Inline adaptive banners are larger, taller banners compared to anchored adaptive banners.
60+
They are of variable height, and can be as tall as the device screen.
61+
They are intended to be placed in scrolling content.
62+
63+
<img width="600" src="https://developers.google.com/static/admob/images/inline-adaptive.png" alt="Inline adaptive">
64+
65+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
66+
67+
#### Collapsible
68+
69+
Collapsible banner ads are intended to improve performance of anchored ads that are otherwise a smaller size.
70+
71+
<img width="400" src="https://developers.google.com/static/admob/images/collapsible-banner.png" alt="Collapsible banner">
72+
73+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#collapsible-banner-ads)
74+
75+
#### Fixed size (legacy)
76+
77+
The Google Mobile Ads SDK supports fixed ad sizes for situations where adaptive banners ads don't meet your needs.
78+
Banner (320x50), Large banner (320x100), Medium rectangle (300x250), full banner (468x60) and leaderboard (728x90).
79+
80+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#banner-ads-component)
81+
82+
### Native
83+
84+
Native ads allow you to customize the look and feel of the ads that appear in your app.
85+
You decide how and where they're placed, so the layout is more consistent your app's design.
86+
87+
<img width="300" src="https://developers.google.com/static/admob/images/format-native.svg" alt="Native">
88+
89+
[Work In Progress](https://github.com/invertase/react-native-google-mobile-ads/pull/650)
90+
91+
### Interstitial
92+
93+
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.
94+
95+
<img width="300" src="https://developers.google.com/static/admob/images/format-interstitial.svg" alt="Interstitial">
96+
97+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#interstitial-ads)
98+
99+
### Rewarded
100+
101+
AdMob rewarded ad units allow you to reward users with in-app items for interacting with video ads, playable ads, and surveys.
102+
103+
<img width="300" src="https://developers.google.com/static/admob/images/format-rewarded.svg" alt="Rewarded">
104+
105+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#rewarded-ads)
106+
107+
### Rewarded Interstitial
108+
109+
Rewarded interstitial is a type of incentivized ad format that allows you offer rewards for ads that appear automatically during natural app transitions.
110+
Unlike rewarded ads, users aren't required to opt-in to view a rewarded interstitial.
111+
112+
<img width="300" src="https://developers.google.com/static/admob/images/format-rewarded-interstitial.svg" alt="Rewarded interstitial">
113+
114+
[Learn More](https://docs.page/invertase/react-native-google-mobile-ads/displaying-ads#rewarded-interstitial-ads)
115+
33116
## Migrating to the New Architecture Status (backwards compatible)
34117

35118
This package can be used in both The Old and [The New Architecture](https://reactnative.dev/docs/the-new-architecture/landing-page).

0 commit comments

Comments
 (0)