|
| 1 | +## 요약 |
| 2 | + |
| 3 | +웹 앱을 위한 Adjust™ Javascript SDK용 가이드입니다. [adjust.com] 에서 Adjust™에 대한 정보를 더 자세히 알아보세요. |
| 4 | + |
| 5 | +## 목차 |
| 6 | + |
| 7 | +* [예시 앱](#example-app) |
| 8 | +* [기본 연동](#basic-integration) |
| 9 | + * [권장 사항](#recommendations) |
| 10 | + * [기본 설정](#basic-setup) |
| 11 | +* [부가 기능](#additional-features) |
| 12 | + * [이벤트 트래킹](#event-tracking) |
| 13 | + * [매출 트래킹](#revenue-tracking) |
| 14 | + * [콜백 파라미터](#callback-parameters) |
| 15 | + * [파트너 파라미터](#partner-parameters) |
| 16 | +* [라이센스](#license) |
| 17 | + |
| 18 | +## <a id="example-app"></a>예시 앱 |
| 19 | + |
| 20 | +이 리포지토리의 [예시 앱][example-app]을 확인하여 SDK가 웹 앱에서 어떻게 사용되는지 확인할 수 있습니다. |
| 21 | + |
| 22 | +## <a id="basic-integration"></a>기본 연동 |
| 23 | + |
| 24 | +이 SDK는 설치, 세션 및 이벤트 트래킹에 사용될 수 있습니다. Adjust JS SDK를 웹 앱에 추가하기만 하면 됩니다. |
| 25 | + |
| 26 | +### <a id="recommendations"></a>권장 사항 |
| 27 | + |
| 28 | +웹 앱에 대한 광고 캠페인을 진행하지 않는 경우 네이티브 앱을 통해 유입되는 사용자와 웹 앱을 통해 유입되는 사용자를 구분할 수 있는 두 가지 방법이 있습니다. |
| 29 | + |
| 30 | +- 웹 앱에 대한 Adjust 대시보드에서 새로운 앱을 만들고 생성 과정에서 지원되는 플랫폼 중 하나를 선택한 다음 이 앱 토큰을 Adjust SDK에서 사용하여 초기화합니다. 네이티브 앱과 마찬가지로, Adjust 대시보드에서 앱을 통해 유입된 오가닉 트래픽에 `오가닉` 트래커 레이블이 지정됩니다. |
| 31 | +- 기존 앱 중 하나를 사용하여 Adjust SDK에서 사전 설치된 트래커 토큰을 하드코드합니다. Adjust 대시보드에서 앱을 통해 유입되는 모든 트래픽에 하드코드된 트래커 레이블이 지정됩니다. |
| 32 | + |
| 33 | +### <a id="basic-setup"></a>기본 설정 |
| 34 | + |
| 35 | +JS SDK 구현 시 유의사항: |
| 36 | + |
| 37 | +- SDK가 플랫폼을 읽을 수 없으므로 동적 방식으로 전달하거나 `os_name` 파라미터로 하드코드해야 합니다. |
| 38 | +- 앱이 `gps_adid`, `idfa` 또는 `win_adid`와 같은 광고 ID에 액세스하거나 이를 각각의 파라미터로 전달할 수 없는 경우, 유사하게 빌드된 iOS 및 Android용 UUID 및 유사한 기기 ID를 Windows용 `win_adid`로 전달하는 것이 좋습니다. 이러한 ID는 앱에서 생성되어야 합니다. |
| 39 | + |
| 40 | +이러한 점을 바탕으로 Adjust JS SDK의 초기화는 웹 앱 내에서 다음과 같이 실행됩니다. |
| 41 | + |
| 42 | +```js |
| 43 | +var _adjust = new Adjust({ |
| 44 | + app_token: 'YourAppToken', |
| 45 | + environment: 'production', // or 'sandbox' in case you are testing SDK locally with your web app |
| 46 | + os_name: 'android', |
| 47 | + device_ids: { |
| 48 | + gps_adid: '5056e23a-dc1d-418f-b5a2-4ab3e75daab2' // each web app user needs to have unique identifier |
| 49 | + } |
| 50 | +}); |
| 51 | + |
| 52 | +_adjust.trackSession(function (result) { |
| 53 | + console.log(result); |
| 54 | + }, function (errorMsg, error) { |
| 55 | + console.log(errorMsg, error); |
| 56 | + } |
| 57 | +); |
| 58 | +``` |
| 59 | + |
| 60 | +## <a id="additional-features"></a>부가 기능 |
| 61 | + |
| 62 | +Adjust JS SDK를 웹 앱으로 통합하면 다음과 같은 기능의 이점을 활용할 수 있습니다. |
| 63 | + |
| 64 | +### <a id="event-tracking"></a>이벤트 트래킹 |
| 65 | + |
| 66 | +Adjust를 사용하여 이벤트를 트래킹할 수 있습니다. 특정 버튼에 대한 모든 탭을 트래킹하려는 경우를 가정해 보겠습니다. `abc123`과 같은 관련 이벤트 토큰이 있는 [대시보드](http://adjust.com)에서 새 이벤트 토큰을 만들 수 있습니다. 웹 앱에서 이 이벤트를 트래킹하려면 다음을 수행해야 합니다. |
| 67 | + |
| 68 | +```js |
| 69 | +var _eventConfig = { |
| 70 | + event_token: 'EventToken' |
| 71 | +}; |
| 72 | + |
| 73 | +_adjust.trackEvent(_eventConfig, function (result) { |
| 74 | + successCb(result, 'event'); |
| 75 | +}, function (errorMsg, error) { |
| 76 | + errorCb(errorMsg, error, 'event'); |
| 77 | +}); |
| 78 | +``` |
| 79 | + |
| 80 | +### <a id="revenue-tracking"></a>매출 트래킹 |
| 81 | + |
| 82 | +웹 앱에서 발생한 구매를 트래킹하려는 경우 Adjust JS SDK로 트래킹되는 이벤트에 매출을 추가할 수 있습니다. 이렇게 하려면 이벤트 트래킹 시 `revenue` 및 `currency` 파라미터를 추가해야 합니다. |
| 83 | + |
| 84 | +```js |
| 85 | +var _eventConfig = { |
| 86 | + event_token: 'EventToken', |
| 87 | + revenue: 10, |
| 88 | + currency: 'EUR' |
| 89 | +}; |
| 90 | + |
| 91 | +_adjust.trackEvent(_eventConfig, function (result) { |
| 92 | + console.log(result); |
| 93 | +}, function (errorMsg, error) { |
| 94 | + console.log(errorMsg, error); |
| 95 | +}); |
| 96 | +``` |
| 97 | + |
| 98 | +사용자가 통화 토큰을 설정하면 Adjust는 사용자의 선택에 따라 발생 매출을 보고 매출로 자동 전환합니다. [여기][currency-conversion] 에서 통화 전환에 대해 자세히 알아보세요. |
| 99 | + |
| 100 | +[이벤트 트래킹 가이드](https://docs.adjust.com/en/event-tracking/#tracking-purchases-and-revenues)에서 매출 및 이벤트 트래킹에 대해 자세히 알아볼 수 있습니다. |
| 101 | + |
| 102 | +### <a id="callback-parameters"></a>콜백 파라미터 |
| 103 | + |
| 104 | +[대시보드][dashboard] 에서 이벤트를 위한 콜백 URL을 등록할 수 있습니다. 그러면 Adjust는 이벤트가 트래킹될 때마다 해당 URL에 GET 요청을 보냅니다. `callback_params` 파라미터를 `trackEvent` 메서드로 전달된 맵 객체에 추가하여 해당 이벤트에 콜백 파라미터를 추가할 수 있습니다. 그런 다음 Adjust는 이러한 파라미터를 사용자의 콜백 URL에 추가합니다. |
| 105 | + |
| 106 | +예를 들어, 사용자가 `http://www.mydomain.com/callback` URL을 등록했으며 다음과 같은 이벤트를 트래킹한다고 가정해 보겠습니다. |
| 107 | + |
| 108 | +```js |
| 109 | +var _eventConfig = { |
| 110 | + event_token: 'EventToken', |
| 111 | + callback_params: [{ |
| 112 | + key: 'key', |
| 113 | + value: 'value' |
| 114 | + }, { |
| 115 | + key: 'foo', |
| 116 | + value: 'bar' |
| 117 | + }], |
| 118 | +}; |
| 119 | + |
| 120 | +_adjust.trackEvent(_eventConfig, function (result) { |
| 121 | + console.log(result); |
| 122 | +}, function (errorMsg, error) { |
| 123 | + console.log(errorMsg, error); |
| 124 | +}); |
| 125 | +``` |
| 126 | + |
| 127 | +이 경우, Adjust가 이벤트를 트래킹하여 다음으로 요청을 전송합니다. |
| 128 | + |
| 129 | + http://www.mydomain.com/callback?key=value&foo=bar |
| 130 | + |
| 131 | +Adjust는 `{gps_adid}` 등 파라미터 값으로 사용될 수 있는 다양한 placeholder를 지원합니다. 결과 콜백에서 이 placeholder는 현재 기기의 광고주 ID로 대체될 수 있습니다. Adjust는 커스텀 파라미터를 보관하지 않으며 콜백에 추가하기만 하기 때문에 콜백 없이는 커스텀 파라미터가 저장되거나 사용자에게 전송되지 않습니다. |
| 132 | + |
| 133 | +Adjust [콜백 가이드](https://docs.adjust.com/en/callbacks)에서 사용 가능한 값의 전체 목록을 비롯하여 URL 콜백을 사용하는 방법을 자세히 알아보실 수 있습니다. |
| 134 | + |
| 135 | +### <a id="partner-parameters"></a>파트너 파라미터 |
| 136 | + |
| 137 | +Adjust 대시보드에서 활성화된 네트워크 파트너로 전송될 파라미터를 추가할 수도 있습니다. |
| 138 | + |
| 139 | +이는 앞서 언급한 콜백 파라미터와 유사하게 작동하지만, `partner_params` 파라미터를 `trackEvent` 메서드로 전달된 map object에 추가하는 방식이 있습니다. |
| 140 | + |
| 141 | +```js |
| 142 | +var _eventConfig = { |
| 143 | + event_token: 'EventToken', |
| 144 | + partner_params: [{ |
| 145 | + key: 'key', |
| 146 | + value: 'value' |
| 147 | + }, { |
| 148 | + key: 'foo', |
| 149 | + value: 'bar' |
| 150 | + }], |
| 151 | +}; |
| 152 | + |
| 153 | +_adjust.trackEvent(_eventConfig, function (result) { |
| 154 | + console.log(result); |
| 155 | +}, function (errorMsg, error) { |
| 156 | + console.log(errorMsg, error); |
| 157 | +}); |
| 158 | +``` |
| 159 | + |
| 160 | +[특별 파트너 가이드][special-partners] 에서 특별 파트너와 연동 방법에 대한 자세한 내용을 알아보실 수 있습니다. |
| 161 | + |
| 162 | +## <a id="license"></a>라이센스 |
| 163 | + |
| 164 | +Adjust SDK는 MIT 라이센스하에 사용이 허가됩니다. |
| 165 | + |
| 166 | +Copyright (c) 2018 Adjust GmbH, http://www.adjust.com |
| 167 | + |
| 168 | +다음 조건하에 본 소프트웨어와 관련 문서 파일(이하 "소프트웨어")의 사본을 보유한 제3자에게 |
| 169 | +소프트웨어의 사용, 복사, 수정, 병합, 게시, 배포, 재실시권 및/또는 사본의 판매 등을 포함하여 |
| 170 | +소프트웨어를 제한 없이 사용할 수 있는 권한을 |
| 171 | +무료로 부여하며, |
| 172 | +소프트웨어를 보유한 이는 다음 조건에 따라 |
| 173 | +이러한 이용을 허가할 수 있습니다. |
| 174 | + |
| 175 | +본 소프트웨어의 모든 사본 또는 상당 부분에 |
| 176 | +위 저작권 공고와 본 권한 공고를 포함해야 합니다. |
| 177 | + |
| 178 | +소프트웨어는 "있는 그대로" 제공되며, |
| 179 | +소프트웨어의 상품성과 특정 목적에의 적합성 및 비 침해성에 대해 명시적이거나 묵시적인 일체의 보증을 하지 않습니다. |
| 180 | +저자 또는 저작권자는 본 소프트웨어나 이의 사용 또는 |
| 181 | +기타 소프트웨어 관련 거래로 인해 발생하는 |
| 182 | +모든 클레임, 손해 또는 기타 법적 책임에 있어서 |
| 183 | +계약 또는 불법 행위와 관련된 소송에 대해 |
| 184 | +어떠한 책임도 부담하지 않습니다. |
| 185 | + |
| 186 | +[adjust.com]: https://adjust.com |
| 187 | +[dashboard]: http://adjust.com |
| 188 | +[example-app]: index.js |
| 189 | + |
| 190 | +[callbacks-guide]: https://docs.adjust.com/en/callbacks |
| 191 | +[special-partners]: https://docs.adjust.com/en/special-partners |
| 192 | +[currency-conversion]: https://docs.adjust.com/en/event-tracking/#tracking-purchases-in-different-currencies |
0 commit comments