Skip to content

vtr0n/react-native-yandex-mobile-ads

Repository files navigation

react-native-yandex-mobile-ads

Unofficial implementation Yandex Mobile Ads SDK for react native

Installation

Add the package to your project using either yarn:

yarn add react-native-yandex-mobile-ads

or npm:

npm install --save react-native-yandex-mobile-ads

Linking

React Native >= 0.60

CLI autolink feature links the module while building the app.

Note: for iOS make sure to install Pods through CocoaPods by running this command in your project's root directory: cd ios && pod install

For React-Native < 0.60 Link the native dependencies:
$ react-native link react-native-yandex-mobile-ads

Usage

import { MobileAds, BannerView, InterstitialAdManager, RewardedAdManager } from 'react-native-yandex-mobile-ads';

// Initialize this at application startup
MobileAds.initialize({ userConsent: true, locationConsent: true });

<BannerView
  adUnitId={'R-M-DEMO-300x250'}
  size="BANNER_300x250"
  onLoad={() => console.log('onLoad')}
  onLeftApplication={() => console.log('onLeftApplication')}
  onReturnedToApplication={() => console.log('onReturnedToApplication')}
  onError={(err: any) => console.log('error', err)}
/>

InterstitialAdManager.showAd('R-M-DEMO-interstitial')
  .then((didClick: boolean) => {
    console.log('clicked: ' + didClick);
  })
  .catch((error: any) => {
    console.log('error: ' + error);
  });

RewardedAdManager.showAd('R-M-DEMO-rewarded-client-side-rtb')
  .then((resp) => {
    const amount = resp.amount;
    const type = resp.type;
    const clicked = resp.click;
    console.log(
      `amount: ${amount}, type: ${type}, clicked: ${clicked}`
    );
  })
  .catch((error: any) => {
    console.log('error: ' + error);
  });
}}

Contributing

Mobile Ads SDK documentation You can look at alternative implementations react-native-admob, react-native-fbads and implement similar code

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT