react-native-facebook-audience

Implementation React Native bridge for Facebook Audience

💫 Features

• [x] TypeScript
• [x] Android
  • [x] Banner
  • [x] Interstitial
• [ ] iOS
  • [ ] Banner
  • [ ] Interstitial

📃 How to use

Some where inside yout initialization step add configuration for testing purposes:

import { AdSettingsBridge } from 'react-native-facebook-audience'

const testDevices = ["DEVICE_ID"] // your device id will be printed in terminal log by facebook sdk
AdSettingsBridge.setDebugBuild(__DEV__)
AdSettingsBridge.setTestMode(__DEV__)
AdSettingsBridge.addTestDevices(testDevices)

Find your own PLACEMENT_ID for each ad type, that will be shown in app and then use library like samples below

Interstitial

import { InterstitialBridge } from 'react-native-facebook-audience'

// load Interstitial ad
await InterstitialBridge.load({
  placementId: PLACEMENT_ID,
  caches: [CacheFlag.ICON, CacheFlag.IMAGE, CacheFlag.VIDEO],
})

// show loaded Interstitial (args is optional)
await InterstitialBridge.show({
  setOnDisplayed: ad => {
    console.warn('setOnDisplayed ad =', ad)
  },
  setOnClicked: ad => {
    console.warn('On clicked', ad)
  },
  setOnDismissed: ad => {
    console.warn('On dismissed', ad)
  },
  setOnLoggingImpression: ad => {
    console.warn('On logging impression', ad)
  },
  setOnError: (ad, error) => {
    console.warn('setOnError ad = ', ad, error)
  },
})

BannerView

import { BannerView } from 'react-native-facebook-audience'

<BannerView
  bannerStyle={{
    viewHeight: 50, // 50 | 100 | 120
  }}
  style={{
    position: 'absolute',
    bottom: 0,
    start: 0,
    end: 0,
    height: 50, // container size, any int
  }}
  placementId={PLACEMENT_ID}
/>

🚀 Try example

git clone https://codewizard.dev/whalemare/react-native-facebook-audience
cd react-native-facebook-audience
yarn install
cd example
yarn install
yarn android