우리는 페이스북 광고를 사용하고 있다! 페이스북 앱 광고는 더 많은 사람이 앱을 설치할 수 있도록 유도를 한다.
Facebook 앱 광고 문서 바로가기 💃

위의 링크를 타고 가서 왼쪽에 아래와 같이 링크가 정리되어 있다.

앱등록 > sdk 구현 > set up app events > 딥 링크 추가 > 앱 광고 타게팅 > 최적화> Measure Your App Ad > Create Assets > FAQ > 자료

순서대로 차근차근 읽어보고 진행하면 될듯하다.
나는 그중 react native에 facebook sdk 심는 부분을 정리하려 한다.

---

fbsdk

Facebook SDK는 앱의 앱 이벤트 데이터를 Facebook에 전달합니다. 그 데이터를 바탕으로 사람들이 앱에서 취하는 행동을 추적하고 측정한다.

react native용 facebook SDK는
ios와 android용 facebook SDK를 둘러싸고 있는 Wrapper 개념이다.
그렇기 때문에 rn fbsdk 설치 후, 각 플랫폼 별로 sdk세팅을 추가로 해주어야 한다. 여기에서 react native SDK 설치에 대해 정리가 되어있다.

react-native-fbsdk를 잘 설치 했으면 다음으로 넘어가자.

android 셋업

여기로 가면 android SDK 설치 문서가 있다. 아래는 이를 정리한 것이다.

해당 페이지에 가면 두가지 파트로 나뉘어져 있다.

네이티브 android 프로젝트 활동 구성

이건 수동으로 라이브러리 연결하는 경우에 주의깊게 보면된다. 수동으로 연결하는 경우는 이곳에 더 자세히 나와있다. react-native link를 하면 자동으로 연결이 되니, 참고하자!

android용 facebook sdk 구성 (여기서 빠른시작으로 이동)

여기서는 빠른시작-android로 페이지가 유도된다.

1. 프로젝트에 Facebook SDK 추가

이 부분은 7단계가 있는데 기존 프로젝트에 Facebook SDK를 붙이는거면 3단계부터 시작하면 된다.
그 이후에 build.gradle에 추가해야하는 부분은 react-native link로 필요한 작업이 이미 되었을 것이다.

2. Facebook 앱 ID 추가

strings.xml AndroidManifest.xml 파일을 시키는데로 수정한다. 여기까지..

ios 셋업

여기로 가면 ios SDK 설치 문서가 있다. 아래는 이를 정리한 것이다.

ios셋업은 바로 빠른식작-ios로 이동하자. Xcode에서 프로젝트를 열고 따라해보자.

1. Facebook SDK 다운로드

다운로드 받은 Facebook SDK를 ~/Documents/FacebookSDK에 위치시킨다.
Documents는 숨겨진 파일인데 맥에서 숨겨진 파일은 command + shift + .으로 볼 수 있다.

2. facebook sdk를 xcode프로젝트에 추가

1) Xcode에서 Frameworks 폴더에 Bolts.framework, FBSDKCoreKit.Framework, FBSDKLoginKit.Framework, FBSDKShareKit.Framework를 끌어넣어 놓는다.

2) Xcode의 Build Settings > Search Paths > Framework Search Paths 에 Facebook SDK 폴더의 경로를 추가해 주어야한다.

🔥 Facebook SDK 폴더의 경로로 "~/Documents/FacebookSDK"로 추가하고 react-native run-ios로 빌드를 했더니 아래와 같은 에러 메시지가 떴다.

 warning: directory not found for option '-F~/Documents/FacebookSDK'

이게 아닌가보다. 다른식으로 경로를 추가해보자. "/Users/$(USER)/Documents/FacebookSDK" 로 대체하니까 되더라

3. info.plist 및 프로젝트 설정 구성

info.plist 수정, sdk와의 호환성을 위해 컴파일러 플래그 추가를 해야 한다.
이 부분은 빠른시작 부분에서 시키는 데로 쉽게 넣을 수 있기 때문에 설명은 패스 한다.

4. 앱 설치, 앱 실행 추적

앱 활성화 이벤트를 로깅하려면 Facebook SDK를 AppDelegate.m 파일로 가져와야 한다. 여기 또한 빠른시작의 앱 설치 및 앱 실행 추적 쪽에서 시키는 데로 했더니 수월하게 되었다! 아래 통합테스트는 나에게는 필요 없어서 패스!

에러

🔥 warning: directory not found for option '-F~/Documents/FacebookSDK'

Facebook SDK 경로를 "~/Documents/FacebookSDK"로 하면 발생.
"/Users/$(USER)/Documents/FacebookSDK" 로 대체하니까 성공.

🔥 992 duplicate symbols for architecture x86_64

ios setup doc를 보면 이런 안내문구가 있다.

ℹ️ Important: In the Quickstart Guide, skip the steps that instruct you to 
run pod install.

빠른시작 가이드로 진행할 경우, pod install을 건너뛰어야 한다는 소리
돌아다니는 글들을 읽어보고 판단하는건데, pod install을 해버리는 바람에 frameworks폴더로 드래그 로 옮긴 파일들과 충돌이 나서 그러한 것이라고 한다.

---

나는 이렇게 했다.. 이걸로 된건지 확신할 수 없다. 하지만 일단 빌드가 되었기 때문에 넘어가본다.
1. Xcode > Build Phase > Link Bibary With Libraries 삭제
2. Podfile.lock 삭제
3. pod install
4. command + shift + k (Clean Build Folder)

SDK가 잘 붙었냐?

Facebook SDK가 잘 붙었을까, 잘 안붙었을까를 어떻게 알 수 있을까? 이게 제일 궁금했다.
답에 대한 Facebook app-ads faq에서 힌트를 얻었다.

Q. SDK가 제대로 설정되고 설치를 보고하는지 확인하려면 어떻게 해야 하나요?
사용자가 SDK를 사용하여 앱을 처음으로 실행하면 "앱 설치" 아래의 앱 분석에 해당 설치가 로깅됩니다. "앱 이벤트" 탭 아래 앱 이벤트도 표시됩니다. 또한 앱을 선택한 후 앱 요약 페이지를 확인할 수 있습니다. 이 페이지에는 iOS 및 Android에 대한 "보고된 마지막 모바일 설치" 타임스탬프가 표시되므로 설치가 보고되는지 확인할 수 있습니다.