react-native-adtech

Onemobile (ADTech) Android and iOS SDKs wrapper for react native

Usage no npm install needed!

<script type="module">
  import reactNativeAdtech from 'https://cdn.skypack.dev/react-native-adtech';
</script>

README

react-native-adtech

Getting started

$ npm install react-native-adtech --save

or

$ yarn add react-native-adtech

Installation

You can use npm or Yarn to install the latest beta version:

npm:

npm i --save react-native-adtech

Yarn:

yarn add react-native-adtech

In order to use this library, you have to link it to your project first. There's excellent documentation on how to do this in the React Native Docs.

$ react-native link react-native-adtech

Specifique installation installation

iOS

Add MMAdSDK to iOS project. Download iOS SDK

Manual installation

iOS

  1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
  2. Go to node_modules ➜ react-native-adtech and add RNAdTech.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNAdTech.a to your project's Build Phases ➜ Link Binary With Libraries
  4. Run your project (Cmd+R)<

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import com.clintagency.adtech.RNAdTechPackage; to the imports at the top of the file
  • Add new RNAdTechPackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':react-native-adtech'
project(':react-native-adtech').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-adtech/android')
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      implementation project(':react-native-adtech')

Usage

Inline Ad

import { ADTechInline } from 'react-native-adtech';

<ADTechInline
  options={{
    identifier: 'identifier',
    placementId: '123456',
    size: 0,
  }}
/>

Props

Value Description
options An object of InlineAd Options
options
Value Description
identifier for reuse cell. With this identifier, if an InlineAd is recreated, no impression is sent to statistics
placementId ADTech placement id
size size identifier:

  • 0: Banner (350x50)

  • 1: Large Banner (320x100)

  • 2: Medium Rectangle (300x250)

  • 3: Full Banner (468x60)

  • 4: Leaderboard (728x90)

Interstitial

import RNAdTech from 'react-native-adtech';

RNAdTech.hideInterstitial();
RNAdTech.showInterstitial(placementId);

GDPR

import { ConsentString } from 'consent-string';
import RNAdTech from 'react-native-adtech';
import vendorList from 'path/to/vendorList.json';

const consentData = new ConsentString();

consentData.setGlobalVendorList(vendorList);
consentData.setCmpId(1);
consentData.setCmpVersion(1);
consentData.setConsentScreen(1);
consentData.setConsentLanguage('fr');

RNAdTech.setGDPR(true, consentData.getConsentString());