> *)extraModulesForBridge:(RCTBridge *)bridge
{
// If you'd like to export some custom RCTBridgeModules, add them here!
DotReactBridge *dotReactBridge = [DotReactBridge alloc];
return @[dotReactBridge];
}
```
{% endtab %}
{% endtabs %}
***
### 초기화
{% hint style="info" %}
SDK가 정상적으로 초기화 되었을 때 아래와 같은 기본 분석이 가능합니다.
* 앱 실행 및 방문수, 일/주/월순수방문수 등 방문과 관련된 지표
* 통신사, 단말기, 국가 등 방문자의 단말기 환경으로 부터 추출될 수 있는 지표
{% endhint %}
* 초기화 방법은 `SceneDelegate` 가 **설정된 경우**와 **설정되지 않은 경우**에 따라 달라집니다.
* SceneDelegate를 사용하지 않으면 AppDelegate에서 초기화작업을 하고, 그렇지 않고 SceneDelegate를 사용하면 SceneDelegate에서 이 작업을 해야 합니다.
#### 1. iOS13 미만 (`SceneDelegate` 없음)
AppDelegate 파일을 열어 `didFinishLaunchingWithOptions` 를 검색하여, `didFinishLaunchingWithOptions` 함수에 SDK를 Intialization하기 위한 코드를 다음과 같이 적용합니다.
{% tabs %}
{% tab title="swift" %}
```swift
import DOT
import DotReactBridge
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// S: Wisetracker SDK init
DOT.initialization(launchOptions, application: application)
#if DEBUG
DOT.checkDebugMode(true)
#else
DOT.checkDebugMode(false)
#endif
// E: Wisetracker SDK init
}
```
{% endtab %}
{% tab title="Objective-C" %}
#import <DOT/DOT.h>
#import "DotReactBridge.h"
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
...
...
// S: Wisetracker SDK init
[DOT initialization:launchOptions application:application];
#ifdef DEBUG
[DOT checkDebugMode:true];
#else
[DOT checkDebugMode:false];
#endif
// E: Wisetracker SDK init
return YES;
}
{% endtab %}
{% endtabs %}
#### 2. iOS13 이상 (`SceneDelegate` 사용)
#### 👉 iOS13 이상이어도 SceneDelegate를 사용하지 않을 수도 있어요, 이 때에는 위의 SceneDelegate를 사용하지 않는 경우를 참조하세요.
`SceneDelegate`의 `sceneDidBecomeActive`함수에 SDK를 Initialization하기 위한 코드를 다음과 같이 적용합니다.
{% tabs %}
{% tab title="swift" %}
```swift
import DOT
class SceneDelegate: UIResponder, UIWindowSceneDelegate {
...
func sceneDidBecomeActive(_ scene: UIScene) {
// Start : Wisetracker SDK 호출
DOT.initialization(nil, application: UIApplication.shared)
#if DEBUG
DOT.checkDebugMode(true)
#else
DOT.checkDebugMode(false)
#endif
// E: Wisetracker SDK init
}
...
}
```
{% endtab %}
{% tab title="Objective-C" %}
```objectivec
#import
@implementation SceneDelegate
...
- (void)sceneDidBecomeActive:(UIScene *)scene {
// S: Wisetracker SDK init
[DOT initialization:nil application:[UIApplication sharedApplication]];
#ifdef DEBUG
[DOT checkDebugMode:true];
#else
[DOT checkDebugMode:false];
#endif
// E: Wisetracker SDK init
}
...
@end
```
{% endtab %}
{% endtabs %}
### 4. HybridApp을 위한 추가 설정
Hybrid App인 경우에만 적용하면 되는 설정으로, WebView로 표시한 웹페이지 내에서 발생하는 이벤트를 측정하기 위해 필요합니다. 웹뷰로 불러온 페이지를 감지할 수 있도록 webview 컴포넌트에 다음과 같이 `onLoadStart` 와 `onMessage` 를 설정 해 줍니다.
{% tabs %}
{% tab title="ReactNative Webview" %}
```javascript
import {WebView} from 'react-native-webview';
onLoadStart={(syntheticEvent)=>{
if( NativeModules.DotReactBridge != null ){
/**
웹 페이지가 로딩 시작될때, onStartPage 호출
**/
NativeModules.DotReactBridge.onStartPage();
}
}}
onMessage={(event) => {
if( event.nativeEvent.data !== undefined ){
// 데이터 수신은 string으로 전달되므로 json으로 변환
let webData = JSON.parse(event.nativeEvent.data);
if( webData.method ){
switch(webData.method){
// setUser call
case "setUser" :
NativeModules.DotReactBridge.setUser(JSON.stringify(webData.data));
break;
// logEvent call
case "logEvent" :
NativeModules.DotReactBridge.logEvent(JSON.stringify(webData.data));
break;
// logScreen call
case "logScreen" :
NativeModules.DotReactBridge.logScreen(JSON.stringify(webData.data));
break;
// logPurchase
case "logPurchase" :
NativeModules.DotReactBridge.logPurchase(JSON.stringify(webData.data));
break;
}
}
}
}}
```
{% endtab %}
{% endtabs %}
### Facebook 광고 성과 측정
{% hint style="warning" %} **Facebook에서 공식으로 지원하던 ReactNative 라이브러리는 더이상 업데이트 되지 않습니다.**
[Facebook SDK for React Native 확인](https://developers.facebook.com/docs/react-native)
[react-native-fbsdk-next](https://www.npmjs.com/package/react-native-fbsdk-next) 라이브러리를 통해 지원하고 있으나, 해당 라이브러리에서는 Facebook 지연된 딥링크에 대한 AppLinkData 는 확인되지 않아, RN 코드에서는 Facebook 지연된 앱 링크에 대한 데이터 확인이 불가함을 안내드리며, Facebook 지연된 딥링크 사용시 아래의 Native코드로 적용하셔야 함을 안내드립니다.
{% endhint %}
[**Android Facebook 광고 성과 측정 Native 설정 방법** ](https://document.wisetracker.co.kr/v/v2-developer/sdk/android/integration#facebook_ad_aos)[ ](https://document.wisetracker.co.kr/v/v2-developer/sdk/android/integration#facebook_ad_aos)
[**iOS Facebook 광고 성과 측정 Native 설정 방법**](https://document.wisetracker.co.kr/v/v2-developer/sdk/ios/integration#facebook_ad_ios)
### 이벤트 설정
앱을 사용하는 유저의 다양한 행동을 분석하기위해 인앱 이벤트 API를 앱에 적용합니다.
{% embed url="" %}
### \[추가] iOS 고급 설정
고급 설정의 경우, [해당 링크](https://document.wisetracker.co.kr/v/v2-developer/sdk/ios-sdk/ios-sdk-integration#2.)를 참고해 주시기 바랍니다.
### 설정 확인
모든 설정 완료 후 xcode의 console을 통해 log확인을 합니다. console 검색 시 아래 `"RES001"` 코드가 확인이 되신다면, 수신이 정상적으로 이루어졌으며, 와이즈트래커의 SDK를 호출할 준비가 완료되었습니다.
```
code = RES001;
msg = "Data Receive Success";
```
### 5. SampleCode 제공
☑️ReactNative SDK 설정을 도와드리기위한 샘플코드가 제작되어 있습니다.
해당 가이드 참고시 샘플 코드도 함께 참고 하신다면, SDK 적용을 수월하게 진행하실 수 있습니다.
{% embed url="" %}
