Adrop Ads Example - React Native

Example applications demonstrating how to integrate Adrop Ads SDK in React Native.

!npm
!license
!platform
!typescript

Language: English | 한국어

Getting Started

- Adrop Console - Register your app and issue ad unit IDs
- Adrop Developer Docs - SDK integration and advanced features
- Test Ad Unit IDs - Use test IDs during development

Examples

$3

| | Example |
|----------------------|---------|
| Banner | BannerExample.tsx |
| Interstitial (Class) | InterstitialAdClassExample.tsx |
| Interstitial (Hook) | InterstitialAdHookExample.tsx |
| Rewarded (Class) | RewardedAdClassExample.tsx |
| Rewarded (Hook) | RewardedAdHookExample.tsx |
| Native | NativeAdExample.tsx |
| Popup | PopupAdClassExample.tsx |

$3

| | Example |
|------------------|---------|
| Property & Event | PropertyExample.tsx |

$3

> Note: Requires adrop-ads-backfill module.

| | Example |
|---------------------|---------|
| Consent (GDPR/CCPA) | ConsentExample.tsx |

How to Run

$3

``bash
git clone https://github.com/OpenRhapsody/adrop-ads-react-native.git
`

$3

`bash
cd adrop-ads-react-native
yarn install
`

$3

Download adrop_service.json from Adrop Console and place it in:

Android:
`
example/android/app/src/main/assets/adrop_service.json
`

iOS:

> Note: For iOS, you must add the configuration file through Xcode. Simply placing the file in the directory is not enough.

1. Open example/ios/AdropAdsExample.xcworkspace in Xcode
2. Drag and drop adrop_service.json into your project navigator
3. Make sure "Copy items if needed" is checked and the file is added to the target

$3

`bash


Android

cd example
yarn android

iOS

cd example/ios
pod install
cd ..
yarn ios
``