[#React-Native] React-native-admob 광고 게재

 

 

 

 

 

독학으로 React-native 채팅 어플을 만드는 중이다

수월하진 않지만 진행 도중 쉬워보였던 admob 연동에 애를 먹어서 이렇게 블로그 개설 후 글을 작성하게 됐다...!

 

 

 

 

 

① admob 설치

 

 

 

 

 

 

② gradle 파일과 XML 세팅

 

https://developers.google.com/admob/android/quick-start#update_your_androidmanifestxml

이 페이지를 참고하면 된다

 

시작하기  |  Android  |  Google Developers

Java 프로젝트가 아니기 때문에 이 중 세팅한 건 이렇게 세 가지이다...!

 

 

 

 

 

build.gradle(project)

 

allprojects {
    repositories {
        google()
        jcenter()
    }
}

 

 

build.gradle(app)

 

dependencies {
    implementation 'com.google.android.gms:play-services-ads:18.3.0'
}

 

 

AndroidManifest.xml

 

<manifest>
    <application>
      <meta-data
         android:name="com.google.android.gms.ads.APPLICATION_ID"
         android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    </application>
</manifest>

 

 

 

 

 

③ 광고 게재할 페이지 세팅

 

 

adUnitID에는 테스트 ID를 사용했다

ca-app-pub-3940256099942544/6300978111

 

Admob에서 발급받은 내 ID를 넣으니 아직 플레이 스토어에 올리기 전이라

에뮬레이터에서도 apk 파일에서도 뜨지 않기 때문에 일단 테스트 ID로 진행했다...!

 

 

 

 

 

④ 테스트 광고 확인