혹시 expo에서 adMob 적용시

Question

강의 내용은 아니고 지금 실제 앱을 만들고 있는데 거의 다 만들었는데 adMob 적용해서 막혔습니다.

아무리 해결하려고 해도 해결이 안되는데 혹시나 조언을 구할수 있을까 여쭤봅니다

expo 앱에 google admob을 추가할 때 expo-ads-admob 라이브러리를 사용하려 했지만, Expo SDK 46을 기준으로 더 이상 지원하지 않는 것 같습니다.

https://docs.page/invertase/react-native-google-mobile-ads

이걸 사용해 넣으려고 했지만 계속 어떤 방법을 해도 해결이 되지 않아서 구글링도 했고

혹시 이게 해결가능한 문제인데 제가 못하는건지 아니면 이 플러그인을 사용하기가 어려운건지expo에서

궁금합니다...!

Kyo · Answer

admob은 저도 아직 사용해보지않아서 답변이 어려운점 양해부탁드립니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 주현님.

Expo 환경에서 AdMob을 적용하는 것은 여러 개의 조건이 따라 붙어서 어려울 수 있는 점 이해합니다. 최근 Expo에서는 expo-ads-admob 모듈을 지원하지 않게 됐고, 대신 react-native-google-mobile-ads 모듈을 직접 사용하는 것을 권장합니다. 다음과 같은 방향으로 접근해보시길 추천드립니다:

해결 방법

Custom Development Client 사용:
- react-native-google-mobile-ads는 네이티브 라이브러리를 포함하므로, 이를 사용하려면 Expo Managed Workflow 대신 Custom Workflow로 전환하는 것이 필요합니다.
- expo prebuild 명령어를 사용하여 네이티브 폴더를 생성한 후, 필요시 Eject합니다.
설치 및 설정:
- react-native-google-mobile-ads 라이브러리를 설치합니다.
- npx pod-install 명령어를 실행하여 iOS 종속성을 설정합니다.
iOS/Android 설정:
- 각각의 플랫폼 설정 파일을 열어서 advertiser ID와 관련 permissions을 명시적으로 추가해야 합니다. 예로, iOS의 경우 Info.plist에 광고 ID 관련 키를 추가해야 합니다.
환경 설정 확인:
- 최신 Expo SDK와 패키지 버전 호환성을 항상 유지하시고, Invalid Packages를 체크하고 버전을 맞추도록 합니다.
디버깅:
- 콘솔이나 여러 디버깅 툴을 사용하여 로그를 살펴보고 발생하는 오류의 원인을 구체적으로 분석하세요.

참고 자료 및 추가 도움

문제를 해결하기 위한 각각의 단계를 명확히 하고, 필요한 경우에는 Expo 환경을 Custom으로 설정하여 native 코드를 조합하는 것을 고려해 보시는 게 좋을 것 같습니다. 만약 문제 해결이 계속 어렵다면, 구체적인 오류 로그 공유도 함께 하시면 더 정밀한 지원이 가능할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변