U

리액트 네이티브 구글 모바일 광고(React Native Google Mobile Ads)는 리액트 네이티브로 제작된 모바일 애플리케이션에 구글 애드몹 광고를 통합할 수 있는 리액트 네이티브용 라이브러리입니다. 이 라이브러리는 개발자가 배너 광고, 전면 광고, 보상형 동영상 광고, 네이티브 광고를 React Native 애플리케이션 내에 쉽게 표시할 수 있도록 포괄적인 API 세트를 제공합니다.

이 라이브러리가 현재 모습에 이르기 전, 기존에는 모바일 앱 개발자를 위한 공식 애드몹 SDK를 Google에서 개발했습니다. 하지만 2019년에 구글은 개발자가 안드로이드와 iOS 앱에 AdMob 광고를 통합할 수 있는 통합된 방법을 제공하는 구글 모바일 광고 SDK를 선호하는 대신 공식 SDK에 대한 지원을 중단한다고 발표했습니다.

개발자가 새로운 SDK로 마이그레이션할 수 있도록 React Native Google 모바일 광고 라이브러리가 개발되었으며, 현재 오픈 소스 커뮤니티에서 유지 관리하고 있습니다. 라이브러리는 npm을 통해 다운로드 할 수 있으며 표준 패키지 관리 도구를 사용하여 React Native 프로젝트에 쉽게 설치할 수 있습니다.

invertase/react-native-google-mobile-ads: React Native Google Mobile Ads enables you to monetize your app with AdMob.

리액트 네이티브 구글 모바일 광고(React Native Google Mobile Ads) 라이브러리를 Expo 환경에서 설치 및 개발을 진행하기 위해서는 expo-dev-client가 필요합니다.

BuildProperties - Expo Documentation

# For iOS
npx pod-install
npx react-native run-ios

# For Android
npx react-native run-android

# For expo users not using EAS
npx expo prebuild

# For expo users using EAS
npx eas-cli build --profile development
# eas build --profile development-simulator --platform ios

아래와 같은 애드몹 설정이 없는 경우 빌드시 에러가 발생하니 주의해야 합니다.

// <project-root>/app.json
{
  "expo": {
    // ...
  },
  "react-native-google-mobile-ads": {
    "android_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx",
    "ios_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx"
  }
}

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
http://bit.ly/3Y34pE0