웹 온 보딩 가이드

싱귤러의 웹 온보딩 가이드에 오신 것을 환영합니다. 싱귤러는 자바스크립트 태그 기반 웹사이트 SDK를 사용하여 웹사이트의 전환을 측정합니다. 웹사이트에 태그가 구현되면, 싱귤러는 브라우저로 식별된 사용자가 웹사이트를 처음 방문했는지 또는 웹 캠페인 이후 웹사이트를 다시 방문했는지를 확인할 수 있습니다.

여기에 설명된 프로세스는 모바일 앱 어트리뷰션의 프로세스와 다릅니다.

 

단계별 절차

1

웹사이트를 싱귤러에 '앱'으로 추가하기

싱귤러 보고서를 사용하려면, 웹사이트를 싱귤러의 앱 페이지에 추가해야 합니다.

  1. 싱귤러 > 설정> 앱으로 이동합니다.
  2. 해당 모바일 앱이 이미 추가되어 있는 경우 해당 모바일 앱을 선택합니다. 그렇지 않은 경우 새 앱 추가를클릭하고 앱의 이름을 지정합니다.
  3. 새 사이트 아래에서 웹을 선택합니다.
  4. "다음을 사용하여 앱 추가"에서 스토어 URL을 선택하고 웹사이트 URL을 입력합니다.
  5. 번들 ID를 설정하고 저장을 클릭합니다. 이 번들 ID(또는 제품 ID)는 SDK 초기화에서 사용됩니다.

web_bundleid.png

팁: 번들 ID는 웹사이트의 이름입니다. "com.example.site"와 같은 역방향 DNS 표기를 사용하는 것이 좋습니다. 이는 싱귤러 플랫폼 전체에서 웹사이트를 식별하는 데 사용됩니다.

2

웹사이트에 SDK 통합

싱귤러 웹사이트 SDK를 사용하면 사용자 활동을 마케팅 터치포인트에 어트리뷰션하고 웹사이트 내에서 사용자 이벤트를 추적할 수 있습니다.

가이드에 따라 다음 방법 중 하나로 SDK를 통합하세요:

:

  • SDK 초기화 코드는 모든 웹페이지가 로드될 때마다 호출되어야 합니다.
  • 로그인 또는 기타 활동 후에만 Singular SDK를 로드하는 것은 권장하지 않습니다. 이렇게 하면 싱귤러가 일부 사용자 데이터를 추적할 수 없게 됩니다.
  • 웹사이트에 로그인, 평가판 시작, 구매, 구독 등의 이벤트를 추가하여 설치 후 사용자 활동을 추적할 수 있습니다.
  • 사용자 ID 추적(custom_user_id)을 구현하는 것이 좋습니다. 이렇게 하면 사용자 수준에서 데이터를 분석하는 데 도움이 됩니다.
3

SDK 연동 기본 기능 확인

Chrome의 개발자 도구를 사용하여 웹사이트 SDK 연동을 확인하려면 다음과 같이 하세요:

  1. 웹사이트로 이동합니다.
  2. Ctrl+Shift+I(Windows) 또는 Cmd+Option+I (Mac)를 입력하여 개발자 도구를 엽니다.
  3. 개발자 도구의 네트워크 탭에서 필터 상자에 '단수'를 입력합니다. 웹사이트 SDK가 올바르게 구현되었다면 "__PAGE_VISIT__" 이벤트가 표시됩니다.
  4. 개발자 도구 > 테스트 콘솔에서 웹 SDK 연동을 테스트하는 데 사용할 수 있는 SDID를 확인할 수 있습니다.

check_integration.png

4

싱귤러 테스트 콘솔에서 연동 테스트하기

  1. 싱귤러에서 DEVELOPER TOOLS > Testing Console로 이동합니다.
  2. Add Device(파란 버튼)를 클릭합니다.
  3. 플랫폼을 선택하고 키스페이스 Singular Device ID(SDID)를 선택합니다.
  4. 이전 단계에서 검색한 SDID를 입력하고 추가를 클릭합니다.
  5. SDID가 추가되면 웹 페이지를 다시 로드하고 이벤트를 트리거할 수 있습니다. "__PAGE_VISIT__" 및 기타 이벤트(트리거된 경우)가 테스트 콘솔에 표시됩니다.

testing_sdk.png

참고:

  • 테스트 콘솔은 사용자가 페이지 내에 있는 동안에만 데이터를 기록합니다. 콘솔이 오프라인 상태인 동안 트리거된 이벤트는 표시되지 않습니다.
  • 어트리뷰션 > 로그 내보내기에서 사용자 수준 데이터(User-level data)를 내보내기를 통해 테스트 데이터를 확인할 수 있습니다. 이 페이지에서는 전환(인스톨), 이벤트 등과 같은 사용자 수준 데이터를 다운로드할 수 있습니다.
5

웹-투-앱 링크 구현

웹-투-앱 링크를 사용하면 사용자가 유입된 웹 광고로 앱 설치를 추적할 수 있습니다.

  1. 기본 웹-투-앱 링크는 싱귤러 솔루션 엔지니어가 생성할 수 있습니다. SE에 문의하기 전에 안드로이드 및 iOS 딥링크 스키마를 추가했는지 확인하세요. 확인하려면 설정 > 앱으로 이동하여 앱을 선택하고 플랫폼을 선택한 다음 고급 설정 표시(Show Advanced Settings)를 클릭합니다.

    webtoapp_implemenetation.png

    딥링크를 사용하면 사용자를 앱 내의 특정 페이지나 경험으로 직접 연결할 수 있으므로 더 나은 웹-투-앱 사용자 경험을 제공할 수 있습니다. 딥링크를 사용하지 않으려면 싱귤러 솔루션 엔지니어에게 알려주세요.

  2. 기본 링크를 확보한 후에는 어트리뷰션 > 링크 관리로 이동하여 필요한 경우 변경할 수 있습니다.

중요: 웹투앱이 작동하려면 웹사이트의 모든 "앱 다운로드" 버튼에 웹투앱 추적 링크가 태그되어야 합니다.

구현에 대한 자세한 내용은 모바일 웹용 웹사이트-앱 어트리뷰션 전달을참조하세요.

6

웹 캠페인 추적 시작

웹 캠페인을 실행하는 동안 URL의 목적지에 추적 파라미터를 포함해야 합니다. 이미 UTM 파라미터를 사용하고 있다면 계속 사용할 수 있습니다. 그렇지 않은 경우 웹 링크 만들기 기능을 사용하여 추적 파라미터가 포함된 대상 URL을 만들 수 있습니다.

웹 링크 만들기

Facebook 및 Google 광고를 위한 특별 지침

Facebook을 설정하려면
#
  1. 캠페인광고 세트 수준에서 정보를 입력한 후 광고 수준으로 이동하여 URL 매개변수를 설정합니다.
  2. 광고 수준에서 웹사이트 URL 아래의 URL 파라미터 작성을 클릭합니다.
  3. 단수의 추적 링크 생성 페이지에서 추적 링크 도구로 생성된 URL을 복사하여 웹사이트 URL에 추가합니다.
  4. 자세한 내용은 이 Facebook 문서를참조하세요.

web_fb_link.png

Google 광고(애드워즈)를 설정하려면 다음과 같이 하세요:
#
  1. Google 애널리틱스를 사용하지 않는 경우 다른 파트너와 유사하게 추적 템플릿을 설정해야 합니다.
  2. 이렇게 하려면 추적 링크 생성 페이지에서 기본 도메인을 제외하고 추적 링크 도구에서 생성된 URL 매개변수를 복사합니다.
  3. 애드워즈에서 광고를 설정할 때 'URL 옵션' 섹션으로 이동하여 '최종 URL 접미사' 필드에 URL 매개변수를 붙여넣습니다.
    참고: 이 작업은 계정, 캠페인, 애드그룹 또는 광고 수준에서 원하는 대로 수행할 수 있습니다.
  4. 자세한 내용은 Google 문서를 참조하세요.

web_adwords_link.png

참고:

  • 단수를 사용하여 웹사이트 링크를 생성할 때는 기존 보고서가 변경되지 않도록 UTM 매개변수 명명 규칙을 그대로 유지하세요.
  • 생성된 추적 링크에서 Singular는 "wp" 접두사로 식별되는 고유한 매개 변수 집합을 추가합니다. "wp" 매개변수의 값에는 광고를 게재하는 동안 네트워크에 의해 대체되는 네트워크 매크로가 포함됩니다.
  • 추적 링크에 "wp" 파라미터와 UTM 파라미터가 모두 있는 경우, 싱글 어트리뷰션의 목적에 따라 wp 파라미터가 우선합니다.
  • 싱귤러의 "wp" 파라미터를 사용하지 않는 경우, 싱귤러는 정확한 데이터 조인(웹 전환 및 매출과 같은 트래커 데이터와 비용/광고 지출과 같은 네트워크 데이터의 매칭)을 보장할 수 없습니다.
7

싱귤러에서 이벤트 설정

SDK를 통합하는 동안 추적할 이벤트를 정의했습니다. 집계된 보고서에서 이러한 이벤트를 보려면 설정 > 이벤트에서 이벤트를 매핑해야 합니다. 보고서에는 이벤트를 매핑한 후에 발생한 이벤트만 표시됩니다.

8

캠페인 보고서 실행

SDK 통합과 이벤트 매핑을 완료하면 데이터가 유입되기 시작합니다. 데이터를 예상할 수 있는 시기는 데이터 새로 고침 빈도 및 업데이트 시간을참조하세요.

집계된 데이터에 대한 보고서를 실행하려면 애널리틱스 > 보고서로 이동합니다. 보고서에서 보려는 차원 및 지표를 선택하고 실행을 클릭합니다.

웹 데이터와 앱 데이터를 구분하려면 플랫폼 차원을 선택해야 합니다.

web_report.png