React Native의 배너 통합

필수 조건

• 레벨플레이 React Native SDK를 앱에 올바르게 통합했는지 확인합니다. 통합은 여기 설명되어 있습니다.
• 레벨플레이 초기화 API 사용하여 SDK를 초기화해야 합니다.
• 레벨플레이 대시보드에서 AdUnitID를 찾습니다.

배너 광고 오브젝트 생성 및 크기 설정

import {  LevelPlayBannerAdView,  LevelPlayAdSize,  type LevelPlayBannerAdViewMethods,  type LevelPlayBannerAdViewListener,} from 'Mediationconst bannerAdViewRef = useRef<LevelPlayBannerAdViewMethods>(null);const adSize = LevelPlayAdSize.BANNER; // or await LevelPlayAdSize.createAdaptiveAdSize() for adaptiveconst listener = { /* LevelPlayBannerAdViewListener */ };const loadAd = useCallback(() => {    bannerAdViewRef.current?.loadAd();}, []);return (    <LevelPlayBannerAdView        ref={bannerAdViewRef}        adUnitId="YOUR_AD_UNIT_ID"        adSize={adSize}        placementName="YOUR_PLACEMENT"        listener={listener}        style={{ width: adSize.width, height: adSize.height }}    />);

배너 크기

let adSize = await LevelPlayAdSize.createAdaptiveAdSize();

let adSize = await LevelPlayAdSize.createAdaptiveAdSize(400);

let adSize = LevelPlayAdSize.MEDIUM_RECTANGLE;

Placements

배너 리스너 설정

• 배너 광고를 로드하기 전에 리스너를 설정하는 것이 좋습니다.
• 각 배너 광고에는 자체 리스너 구현이 있어야 합니다.
• 콜백은 메인 스레드 실행됩니다.

const 리스너: LevelPlayBannerAdViewListener = {    onAdLoaded: (adInfo: LevelPlayAdInfo) => {      // Invoked each time a banner was loaded. 새로 고침 또는 매뉴얼 로드.    },    onAdLoadFailed: (error: LevelPlayAdError) => {     // Invoked when the banner loading process has failed.     // This callback will be sent both for manual load and refreshed banner failures.    },    onAdDisplayed: (adInfo: LevelPlayAdInfo) => {     // Notifies the screen is displayed.    },    onAdDisplayFailed: (adInfo: LevelPlayAdInfo, error: LevelPlayAdError) => {     // Notifies the screen failed to display.    },    onAdClicked: (adInfo: LevelPlayAdInfo) => {     // Invoked when end user clicks on the banner ad.    },    onAdExpanded: (adInfo: LevelPlayAdInfo) => {     // Ad is opened on full screen    },    onAdCollapsed: (adInfo: LevelPlayAdInfo) => {     // Ad is restored to its original size    },    onAdLeftApplication: (adInfo: LevelPlayAdInfo) => {     // Invoked when the user left the app.    },};

배너 광고 로드

// Load the banner adbannerAdViewRef.current?.loadAd();

배너 새로고침 일시 정지 및 재개

• pauseAutoRefresh – 배너 광고의 자동 새로고침을 일시 중지합니다.
• resumeAutoRefresh – 배너 광고가 일시 중지된 후 배너 광고의 자동 새로고침을 재개합니다.

// Pause refresh bannerAdViewRef.current?.pauseAutoRefresh(); // Resume refreshbannerAdViewRef.current?.resumeAutoRefresh();

배너 광고 삭제

bannerAdViewRef.current?.destroy();

배너 광고의 전체 구현 예시

import {  LevelPlayBannerAdView,  LevelPlayAdSize,  type LevelPlayBannerAdViewMethods,  type LevelPlayBannerAdViewListener,  type LevelPlayAdInfo,  type LevelPlayAdError,} from 'Mediation// Start of some component ...const bannerAdViewRef = useRef<LevelPlayBannerAdViewMethods>(null);const adSize = LevelPlayAdSize.BANNERconst 리스너: LevelPlayBannerAdViewListener = {    onAdLoaded: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },    onAdLoadFailed: (error: LevelPlayAdError) => {        // Implement your logic here    },    onAdDisplayed: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },    onAdDisplayFailed: (adInfo: LevelPlayAdInfo, error: LevelPlayAdError) => {        // Implement your logic here    },    onAdClicked: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },    onAdExpanded: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },    onAdCollapsed: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },    onAdLeftApplication: (adInfo: LevelPlayAdInfo) => {        // Implement your logic here    },};return (    <LevelPlayBannerAdView         ref={bannerAdViewRef}        adUnitId={'YOUR_AD_UNIT_ID'}        adSize={adSize}        placementName={'YOUR_PLACEMENT'}        listener={listener}        onLayout={(_) => bannerAdViewRef.current?.loadAd()}        style={width: adSize.width, height: adSize.height}} // 실제 배너 레이아웃 크기를 가져옵니다.      />);  // End of component ... 

레벨플레이 Mediation 데모 앱

다음 단계

• Mediation Networks 추가
• 보상형 광고
• 인터스티셜 광고
• 네이티브 광고