React Native - Facebook Audience 광고 적용하기 (react-native-fbads)

React Native - Facebook Audience 광고 적용하기 (react-native-fbads)

https://github.com/callstack/react-native-fbads#installation

1. Facebook SDK 설치

https://github.com/facebook/react-native-fbsdk

페이스북 로그인을 적용했다면, 건너뛰어도 됩니다.

2. Facebook Audience 설치

1. 패키지 설치 및 링크

    yarn add react-native-fbads

    react-native link react-native-fbads

2. 네이티브 프로젝트에 추가

   • IOS

     iOS/Podfile

      pod 'FBAudienceNetwork', '~> 5.1.0'

      pod install

   • ANDROID

     MainApplication.java

     CTK Native Ad Manager tried to override link에 의한 패키지 중복 에러 발생시 FBAdsPackage() 는 추가 안해도 됨.

        @Override
        protected List<ReactPackage> getPackages() {
          return Arrays.<ReactPackage>asList(
                new FBAdsPackage()   // <-- 에러발생시 추가 X (Link로 추가됨)
          );
        }

        public void onCreate() {
          super.onCreate();
          AudienceNetworkAds.initialize(this); // <-- 필수 추가
        }

3. Audience Network 설정

https://www.facebook.com/help/publisher/1195459597167215

1. 수익 관리자 설정

   아래 페이지를 따라서 진행하면 된다.

2. 자산 만들기

   1번 설정을 완료 하면 자동으로 자산이 생성된다.

3. 플랫폼 및 앱 정보 추가

   https://business.facebook.com/pub/home

   추가 버튼을 눌러 앱 정보를 추가해줍니다.

4. 첫 노출 위치 만들기

   3.플랫폼 및 앱 정보 추가 에 이어서 노출위치를 만들어줍니다.

5. 통합 테스트

   왼쪽 사이드 메뉴 통합/테스트

   • 테스트 활성화

   • 테스트 디바이스 추가(Add test devices)

     추가를 위해서는 기기 ID(IDFA, AAID) 가 필요함

     • IOS : Appstore - My TUNE Device 다운 - IFA 확인

     • ANDROID : 설정 - Google - 광고 - 하단 내 광고 ID