본문으로 건너뛰기

uni-app

최근 업데이트 2026. 10. 05.
팁

연동하기 전에 먼저 연동 전 준비를 읽어 주십시오.

uni-app SDK 지원 플랫폼: iOS, Android, HarmonyOS, Web, 위챗 미니 프로그램, Baidu 미니 프로그램, ByteDance 미니 프로그램, Alipay 미니 프로그램, DingTalk 미니 프로그램, Kuaishou 미니 프로그램, QQ 미니 프로그램, JD 미니 프로그램, 360 미니 프로그램.

최신 버전: 3.6.0 다운로드

업데이트 시간: 2026-04-14

리소스 다운로드: 소스 코드

주의

이 문서는 v3.0.0 이상 버전에 적용됩니다. 과거 버전은 uni-app 연동 가이드(V1), SDK 다운로드(V1)를 참고하십시오

1. SDK 통합​

uni-app SDK를 다운로드하고 압축을 해제합니다

tdanalytics.uniapp.js TDAnalytics.uts를 프로젝트에 직접 넣고, uni_modules에서 td-analytics를 불러온 다음 소스 코드에서 참조할 수 있습니다:

import TDAnalytics from './tdanalytics.uniapp.js'

2. 초기화​

AE SDK를 불러온 후 코드에서 TDAnalytics를 사용할 수 있습니다:

var config = {
    appId: "YOUR_APPID", 
    serverUrl: "YOUR_SERVER_URL",
    autoTrack: {
        appLaunch: true, // ta_mp_launch 자동 수집
        appShow: true, // ta_mp_show 자동 수집
        appHide: true, // ta_mp_hide 자동 수집
    }
};
// 초기화
TDAnalytics.init(config)

AE 설정 객체의 파라미터 설명은 다음과 같습니다:

  • appId: 프로젝트의 APP ID로, 필수입니다. AE 백엔드의 프로젝트 관리 페이지에서 확인할 수 있습니다

  • serverUrl: 데이터 전송 URL로, 필수입니다

    • 클라우드 서비스를 사용하는 경우 다음을 입력합니다: https://global-receiver-ta.thinkingdata.cn
    • 프라이빗 배포 버전을 사용하는 경우 운영 담당자에게 전송 주소를 확인하십시오

  • autoTrack: 선택 사항으로, 자동 수집 기능 활성화 여부를 나타냅니다. 각 요소는 다음 자동 수집 이벤트를 나타내며, 기본값은 모두 비활성화입니다:

    • appLaunch: 미니 프로그램 초기화 자동 수집
    • appShow: 미니 프로그램 시작 또는 백그라운드에서 포그라운드 진입 자동 수집
    • appHide: 미니 프로그램의 포그라운드에서 백그라운드 진입 자동 수집
주의

데이터를 전송하기 전에 WeChat Official Accounts Platform 또는 기타 플랫폼의 개발 설정에서 데이터 전송 URL을 서버 도메인의 request 목록에 추가하십시오.

3. 자주 사용하는 기능​

자주 사용하는 기능을 사용하기 전에 먼저 유저 식별 규칙을 이해하는 것을 권장합니다. SDK는 기본적으로 난수를 생성하여 게스트 ID로 사용하고, 게스트 ID를 로컬에 영구 저장합니다. 유저가 로그인하기 전에는 게스트 ID가 신원 식별 ID로 사용됩니다. 참고: 게스트 ID는 유저가 캐시를 삭제하거나 디바이스를 변경하면 바뀝니다.

3.1 계정 ID 설정​

유저가 로그인할 때 login을 호출하여 유저의 계정 ID를 설정할 수 있습니다. AE 플랫폼은 계정 ID를 신원 식별 ID로 사용하며, 설정한 계정 ID는 logout을 호출하기 전까지 계속 유지됩니다. login을 여러 번 호출하면 이전 계정 ID를 덮어씁니다.

// 유저의 로그인 고유 식별자로, 전송 데이터의 #account_id에 해당합니다. 이때 #account_id의 값은 TA입니다
TDAnalytics.login("TA");

이 메서드는 로그인 이벤트를 전송하지 않습니다

3.2 공통 이벤트 속성 설정​

공통 이벤트 속성은 모든 이벤트에 포함되는 속성입니다. setSuperProperties를 호출하여 공통 이벤트 속성을 설정할 수 있으며, 이벤트를 보내기 전에 먼저 공통 이벤트 속성을 설정하는 것을 권장합니다. 유저의 회원 등급, 유입 채널 등 일부 중요한 속성은 모든 이벤트에 설정해야 하므로, 이러한 속성은 공통 이벤트 속성으로 설정할 수 있습니다.

TDAnalytics.setSuperProperties({
    channel : "ta", //문자열
    age : 1,//숫자
    isSuccess : true,//불리언
    birthday :  new Date(),//시간
    object : { key : "value" },//객체
    object_arr : [ { key : "value" } ],//객체 그룹
    arr : [ "value" ]//배열
});//공통 이벤트 속성 설정

공통 이벤트 속성은 캐시에 저장되므로 시작할 때마다 호출할 필요가 없습니다. setSuperProperties를 호출하여 이전에 설정한 공통 이벤트 속성을 다시 업로드하면 이전 속성을 덮어씁니다.

  • Key는 해당 속성의 이름으로 문자열 타입입니다. 영문자로 시작해야 하며 숫자, 영문자, 밑줄 "_"을 포함할 수 있고, 최대 길이는 50자입니다. 대소문자를 구분하지 않으며 AE에서 모두 소문자로 변환합니다
  • Value는 해당 속성의 값으로 문자열, 숫자, 불리언, 시간, 객체, 객체 그룹, 배열을 지원합니다

이벤트 속성과 유저 속성의 요구 사항은 공통 이벤트 속성과 같습니다

3.3 이벤트 전송​

track을 호출하여 이벤트를 전송할 수 있습니다. 앞서 정리한 트래킹 문서에 따라 이벤트 속성과 정보 전송 조건을 설정하는 것을 권장합니다. 여기서는 유저가 어떤 상품을 구매하는 경우를 예로 듭니다.

TDAnalytics.track("product_buy", // 이벤트 이름
    {
        product_name: "상품명"
    } //이벤트 속성
);

이벤트 이름은 문자열 타입이며, 영문자로 시작해야 하고 숫자, 영문자, 밑줄 "_"을 포함할 수 있으며, 최대 길이는 50자입니다.

3.4 유저 속성 설정​

일반적인 유저 속성은 userSet을 호출하여 설정할 수 있습니다. 이 인터페이스로 전송한 속성은 원래 속성 값을 덮어쓰며, 이전에 해당 유저 속성이 없었다면 새로 생성하고 타입은 전달된 속성의 타입과 같습니다. 여기서는 사용자 이름 설정을 예로 듭니다:

//이때 username은 TA입니다
TDAnalytics.userSet({
    username: "TA"
})
//이때 username은 AE입니다
TDAnalytics.userSet({
    username: "AE"
})

4. 모범 사례​

다음 예시 코드에는 위의 모든 작업이 포함되어 있으며, 다음 단계에 따라 사용하는 것을 권장합니다.

var config = {
  appId: "YOUR_APPID", // 프로젝트 APP ID
  serverUrl: "YOUR_SERVER_URL", // 수집 주소
  autoTrack: {
    appLaunch: true, // ta_mp_launch 자동 수집
    appShow: true, // ta_mp_show 자동 수집
    appHide: true, // ta_mp_hide 자동 수집
  }
};
// AE 인스턴스 생성
TDAnalytics.init(config);
// 유저의 로그인 고유 식별자로, 전송 데이터의 #account_id에 해당합니다. 이때 #account_id의 값은 TA입니다
TDAnalytics.login("TA");
//공통 이벤트 속성 설정
TDAnalytics.setSuperProperties({
    channel : "ta", //문자열
    age : 1,//숫자
    isSuccess : true,//불리언
    birthday :  new Date(),//시간
    object : { key : "value" },//객체
    object_arr : [ { key : "value" } ],//객체 그룹
    arr : [ "value" ]//배열
});
//이벤트 전송
TDAnalytics.track("product_buy", // 이벤트 이름
    {
        product_name: "상품명"
    } //이벤트 속성
);
//유저 속성 설정
TDAnalytics.userSet({
    username: "AE" 
});
이 문서가 도움이 되었나요?
이 페이지의 내용