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

April·2021년 11월 4일

FBsdk deeplink react native 딥링크 페이스북

React-native🚀

목록 보기

3/8

앱 광고에 딥 링크 추가

✔️ 딥 링크(deepLink)란?

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

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

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

딥 링크 설정하기

0. 시작하기 전에

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

1. 딥 링크 설정 추가

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

https://developers.facebook.com/ 접속 ➡️ 오른쪽 상단 [내 앱] ➡️ 앱 선택 ➡️ 앱 대시보드

2-1. Android 설정

AndroidManifest.xml 파일 열기
코드 추가
- 참고: developer.android.com

// 앱에 맞게 코드 수정하기
    <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>