Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Native Ads In React Native

How do you implement AdMob's Native Ads in React Native? The best I've found is react-native-admob, but it only does fixed banners and full screen interstitials. How could I implement native ads inside my React Native app with AdMob or any other native ad provider?

like image 668
sr3 Avatar asked Aug 03 '16 02:08

sr3


People also ask

What is native ads app?

Native ads are ad assets that are presented to users via UI components that are native to the platform. They're shown using the same types of views with which you're already building your layouts, and can be formatted to match the visual design of the user experience in which they live.

What is native ads in AdMob?

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


1 Answers

There's also react native facebook ads Have a look: React Native Facebook Ads

This plugin allows you to implement native ads, only downside is that the installation process is a bit of a handful but it does work. It also requires react-native-fbsdk to be installed too so that your ads produce relevant ads to your users once they've logged in.

At this moment react-native-admob doesn't support native ads just yet, but you can implement it in a way that it's not fixed like so:

<ScrollView>
 <View>
  <Text>Add some content here</Text>
  <AdMobBanner
   bannerSize="smartBannerPortrait"
   adUnitID="you-ad-unit-id"
   testDeviceID="EMULATOR"
   didFailToReceiveAdWithError={this.bannerError} />
 </View>
</ScrollView>
like image 85
A-Man Avatar answered Oct 02 '22 07:10

A-Man