adrop-ads-react-native

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.

• Open example/ios/AdropAdsExample.xcworkspace in Xcode
• Drag and drop adrop_service.json into your project navigator
• 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