React Native

npm install nbase-ad-react-native-sdk
# 또는
yarn add nbase-ad-react-native-sdk
 
# iOS의 경우 추가로
cd ios && pod install

import { AdStageSDK } from 'nbase-ad-react-native-sdk';
import { Linking } from 'react-native';
 
const showPromotion = async () => {
	try {
		const result = await AdStageSDK.openPromotion({
			bannerType: 'NATIVE',           // 배너 타입: NATIVE, POPUP, BANNER
			targetAudience: 'new_user',     // 타겟 오디언스
			showTodayButton: true,          // "오늘 하루 보지 않기" 버튼 표시
		});
    
		if (result.success && result.url) {
			console.log('프로모션 URL:', result.url);
			// 외부 브라우저로 프로모션 페이지 열기
			await Linking.openURL(result.url);
      
			// 프로모션 오픈 이벤트 추적(선택)
			AdStageSDK.trackEvent('promotion_opened', {
				url: result.url,
				promotionId: result.promotionId,
				timestamp: new Date().toISOString(),
			});
		} else {
			console.log('표시할 프로모션이 없습니다.');
		}
    
	} catch (error) {
		console.error('프로모션 열기 실패:', error);
	}
};
 
// 다양한 배너 타입으로 프로모션 열기
const showPopupPromotion = async () => {
	const result = await AdStageSDK.openPromotion({
		bannerType: 'POPUP',
		targetAudience: 'all',
		showTodayButton: true,
	});
	if (result.success && result.url) {
		await Linking.openURL(result.url);
	}
};
 
const showBannerPromotion = async () => {
	const result = await AdStageSDK.openPromotion({
		bannerType: 'BANNER',
		targetAudience: 'returning_user',
		showTodayButton: false,
	});
	if (result.success && result.url) {
		await Linking.openURL(result.url);
	}
};

import { AdStageSDK } from 'nbase-ad-react-native-sdk';
 
const loadPromotionList = async () => {
	try {
		const result = await AdStageSDK.getPromotionList({
			bannerType: 'BANNER',    // 배너 타입 필터
			limit: 10,               // 최대 조회 개수
		});
    
		console.log(`총 ${result.promotions.length}개의 프로모션 발견`);
    
		result.promotions.forEach((promotion, index) => {
			console.log(`프로모션 ${index + 1}:`);
			console.log(`   ID: ${promotion.id}`);
			console.log(`   제목: ${promotion.title}`);
			console.log(`   설명: ${promotion.description}`);
			console.log(`   이미지 URL: ${promotion.imageUrl}`);
			console.log(`   링크 URL: ${promotion.linkUrl}`);
			console.log(`   시작일: ${promotion.startDate}`);
			console.log(`   종료일: ${promotion.endDate}`);
			console.log('---');
		});
    
		return result.promotions;
    
	} catch (error) {
		console.error('프로모션 목록 로드 실패:', error);
		return [];
	}
};
 
// 배너 타입별 조회 예시
const loadBannerPromotions = async () => {
	return await AdStageSDK.getPromotionList({
		bannerType: 'BANNER',
		limit: 5,
	});
};
 
const loadPopupPromotions = async () => {
	return await AdStageSDK.getPromotionList({
		bannerType: 'POPUP',
		limit: 3,
	});
};
 
const loadNativePromotions = async () => {
	return await AdStageSDK.getPromotionList({
		bannerType: 'NATIVE',
		limit: 10,
	});
};