Adrop Ads Example - React Native

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

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

Adrop Ads

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

Targeting

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

Consent (UMP)

Note: Requires adrop-ads-backfill module.

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

How to Run

1. Clone the repository

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

2. Install dependencies

cd adrop-ads-react-native
yarn install

3. Add configuration file

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

4. Build and run

# Android
cd example
yarn android

# iOS
cd example/ios
pod install
cd ..
yarn ios