[FBsdk] 페이스북 딥 링크 추가

April·2021년 11월 4일
1

React-native🚀

목록 보기
3/8
post-thumbnail

앱 광고에 딥 링크 추가

✔️ 딥 링크(deepLink)란?

  • 딥 링크는 앱뿐만 아니라 앱 내의 특정한 콘텐츠(페이지)로 연결되는 링크
    • 모바일 딥링크는 scheme://path의 형태.
      • scheme: 특정 고유 앱을 나타냄 예시) youtube://
  • 딥 링크를 사용하면 사람들이 처음으로 앱을 열 때 평소에 관심이 있던 정보에 직접 연결할 수 있다

✔️ 딥 링크(deepLink)를 사용하면,

  • 앱 광고에 딥 링크를 사용하면 광고를 클릭해서 앱을 열고자 하는 계기가 된 콘텐츠로 이동하는 추가 단계가 제거되고
  • 더욱 매끄러운 고객 경험을 제공할 수 있다
  • 딥 링크가 없는 경우에는 앱에서 원하는 콘텐츠를 검색해야 한다 😨


딥 링크 설정하기

0. 시작하기 전에

  • Facebook SDK가 구현되어 있어야 하고
  • 설치 추적이 활성화되어 있어야 한다


1. 딥 링크 설정 추가

앱 대시보드에서 앱의 딥 링크 정보를 추가할 수 있다


2-1. Android 설정

// 앱에 맞게 코드 수정하기
    <activity
        android:name="com.example.android.GizmosActivity"
        android:label="@string/title_gizmos" >
        <intent-filter android:label="@string/filter_view_http_gizmos">
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <!-- Accepts URIs that begin with "http://www.example.com/gizmos” -->
            <data android:scheme="http"
                  android:host="www.example.com"
                  android:pathPrefix="/gizmos" />
            <!-- note that the leading "/" is required for pathPrefix-->
        </intent-filter>
        <intent-filter android:label="@string/filter_view_example_gizmos">
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <!-- Accepts URIs that begin with "example://gizmos” -->
            <data android:scheme="example"
                  android:host="gizmos" />
        </intent-filter>
    </activity>
    

2-2. iOS 설정



✔️ iOS 딥 링크 연결 + 플랫폼 추가[iOS]

[빠른 시작] 메뉴로 플랫폼 추가하기

  • info.plist 파일에 코드 추가
    • iOS ← 참고해서 추가하기
  • AppDelegate.m 파일에 아래 코드 추가


  • Xcode 에서 URL Types 추가하기
    • info 하단에서 추가할 수 있다


  • 딥 링크 테스트에 [iOS에 보내기]가 추가 됨. 테스트 진행.



3. 딥 링크 테스트

앱 광고 지원 도구 페이지 하단에서 테스트 링크 확인

  • 딥 링크를 테스트하려면 이용 중인 기기에서 Facebook 앱에 로그인해야 한다
    • 안드로이드와 아이폰에서 페이스북 어플 설치 후 로그인 후 테스트 진행

✔️ Android/iOS 테스트

  • example://gizmos 입력후 [Android에 보내기] 클릭

    • 앱이 설치되었을 경우 앱 호출

✔️ iOS 테스트

  • example://gizmos 입력후 [iOS에 보내기] 클릭

    • 앱 미설치 시 설치 화면(App store) 호출




profile
🚀 내가 보려고 쓰는 기술블로그

0개의 댓글