스마트 배너 설정

스마트 배너는 앱, 세일 이벤트 또는 특정 상품을 홍보하기 위해 모바일 웹사이트에 추가할 수 있는 배너입니다. 스마트 배너는 사용자가 앱을 이미 설치한 경우 웹페이지에서 바로 앱으로 이동시키고, 아직 앱을 설치하지 않은 경우에는 앱 스토어로 이동시킵니다.

스마트 배너는 매끄러운 사용자 경험을 제공하며, 웹 사용자 트래픽을 앱으로 유도할 수 있도록 도와줍니다. 이를 통해 고객님께서 원하는 앱 내 특정 지점부터 사용자가 앱 여정을 시작할 수 있습니다.

참고:

스마트 배너는 추가 기능으로 제공됩니다. 이 기능을 사용하려면 sales@adjust.com 으로 연락주시기 바랍니다.

시작에 앞서

시작하기 전에 알아야 할 사항은 다음과 같습니다.

요구 사항

  • 관리자 및 편집자 권한
  • (선택 사항) Adjust SDK에서 딥링크 구성 - iOS | Android

스페이스 생성

스페이스는 스마트 배너를 위한 채널 수준의 컨테이너입니다. 스페이스의 모든 배너는 동일한 앱으로 연결되고, 동일한 웹사이트에 나타납니다. 또한 어트리뷰션 설정을 공유하며, 동일한 SDK를 사용합니다. Adjust는 단일 플랫폼 앱의 모든 버전을 스페이스에 선택하는 것을 권장드립니다. 스페이스는 1개의 배너 또는 디자인, 언어, 게재 위치에 있어 다양한 배너를 포함할 수 있습니다.

  1. Campaign Labs 에서 스마트 배너 를 선택합니다.
  2. 새 스페이스 를 선택합니다.
  3. 사용자를 적절한 플랫폼으로 이동시키기 위해 앱 선택 화면에서 앱의 모든 버전을 선택합니다. 플랫폼 당 1개의 앱만 선택할 수 있으며, 스페이스 생성 이후에는 앱을 변경할 수 없습니다. 다음 을 선택합니다.
  4. 스페이스 세부 정보 화면에서 스페이스 이름 을 입력합니다. 스페이스 이름은 리포트에서 링크 구조의 채널 수준으로 나타납니다. 캠페인 구조에서 채널 이름에 smart banners 를 추가하여 리포트에서 스마트 배너 데이터를 쉽게 필터링할 수 있습니다.
  5. 대부분의 사용자가 UTM 파라미터를 가진 소스에서 웹사이트를 방문한 경우, 캠페인 파라미터 아래에 웹 캠페인의 UTM 파라미터를 추가합니다. campaign 와 adgroup 파라미터 옆의 를 선택하여 다음의 플레이스홀더 중 하나를 추가합니다.
    • {banner_language} - 권장됨. 이를 사용하여 어느 언어의 배너의 성과가 더 높은지에 대한 리포트 인사이트를 확보할 수 있습니다.
    • {utm_source}
    • {utm_campaign}
    • {utm_medium}
    • {utm_term}
    • {utm_content}
    • {banner_name}

UTM 파라미터가 없는 경우, 다음의 캠페인 파라미터에 대해 정적 파라미터가 사용됩니다.

  • 캠페인 - {banner_name}
  • 광고그룹 - {banner_language}

  1. (선택 사항) 어트리뷰션 설정 화면에서 신규 및 기존 사용자에 대해 커스텀 어트리뷰션 설정을 선택할 수 있습니다. 어트리뷰션 설정은 클릭에만 적용됩니다.

  2. 유료 캠페인 사용자 에서 배너를 클릭하기 전에 광고와 인게이지먼트를 이룬 사용자를 어트리뷰션하는 방식을 선택합니다. 다음 을 선택합니다.

    • 이전 광고에 어트리뷰션
    • 스마트 배너에 어트리뷰션

    사용자를 이전 광고 에 어트리뷰션하도록 선택하면 fallback_click 파라미터가 링크에 추가됩니다. Adjust는 fallback_click 파라미터가 있는 링크가 다른 링크가 없는 경우에만 어트리뷰션에 고려합니다. 이에 따라 오가닉 사용자들은 fallback_click 링크로 어트리뷰션 됩니다. 본 설정에 관한 자세한 정보는 유료 캠페인 사용자가 어트리뷰션되는 방식을 참조하시기 바랍니다.

  3. 선택 내용을 재확인합니다. 다음 내용은 변경이 가능합니다.

    • 스페이스 이름
    • 선택한 앱
    • 어트리뷰션 설정

  4. 스페이스 생성 을 선택합니다.

스마트 배너 SDK 연동

이제 스마트 배너 SDK를 연동해야 합니다. 이는 스페이스당 1회 필요하며, 모든 배너에 적용됩니다. 개발자에게 SDK 연동 설명서 를 공유하시기 바랍니다.

동적 딥링크 설정

단일 페이지 웹사이트에 대해 스마트 배너 SDK에서 동적 딥링크를 설정하시기 바랍니다. 이 경우 사용자가 다른 곳으로 이동되면 현재 페이지 URL이 변경됩니다. 동적 딥링크가 구성되면 SDK는 새로운 웹 페이지에 적절한 배너를 찾을 수 있습니다. 사용자가 현재 보고 있는 페이지에 따라 딥링크를 사용하도록 SDK를 구성할 수도 있습니다. 예를 들어, 사용자가 웹사이트에서 특정 제품을 보는 경우, 앱 내에서도 동일한 제품으로 사용자를 유도할 수 있습니다.

서드파티 플랫폼을 통한 SDK 배포

Adjust 스마트 배너 SDK를 다음의 플랫폼에 연동하여 플랫폼의 태그를 통해 스마트 배너를 배포할 수 있습니다.

배너 추가

스페이스에 여러 개의 스마트 배너를 추가할 수 있습니다.

배너 세부 정보 제공

  1. 배너 이름 필드에 배너 이름을 입력합니다. 이 이름은 리포트에서 링크 구조의 캠페인 수준으로 나타납니다.

  2. 배너 위치 지정 에서 웹사이트의 모든 페이지 특정 페이지에 게재할지 선택합니다. 다음의 선택 사항은 SDK를 설치한 도메인에 적용됩니다. 조건부 페이지 를 선택한 경우, 페이지를 필터링할 여러 조건을 지정할 수 있으며, And 또는 Or 를 사용하여 해당 조건을 추가로 그룹화할 수 있습니다.

    • Domain is , Domain is not -유효한 도메인. 예: subdomain.example.com
    • Domain contains - 유효한 도메인 또는 유효한 도메인의 일부.
    • URL path is , URL path is not , URL path starts with - 값이 반드시 / 으로 시작되어야 합니다. 예: /product/detail
    • URL path contains - 값은 도메인으로 시작할 수 없습니다.
    • URL에 파라미터 포함 , URL 에 파라미터 미포함 - 유효한 URL 파라미터. 즉, 이 값은 ? 나 & 로 시작할 수 없습니다. 예: utm_source=google
    • URL 정규 표현식 - 정규 표현식.

  3. Dismissal period 필드에 사용자가 배너를 무시한 뒤 배너가 다시 표시되기까지의 시간을 입력합니다. 기본값은 1일(사용자가 배너를 닫은 시점으로부터 24시간)입니다.

  4. 사용자 이동 위치 정의 에서 배너를 클릭한 사용자를 이동시키려는 목적지를 선택합니다. 기본 설정에 따라 사용자는 적절한 앱 스토어로 이동됩니다. 사용자가 앱을 설치한 이후 특정 인앱 화면으로 사용자를 이동시키려면 인앱 화면 을 선택하고 다음의 정보를 제공하시기 바랍니다.

    • (iOS 앱) iOS 앱 스킴 과 iOS 앱 화면 을 입력합니다.
    • (Android 앱) Android 앱 스킴 과 Android 앱 스크린 을 입력합니다. 이러한 값을 가져오는 방법에 대한 자세한 내용은 딥링크 설정을 참조하시기 바랍니다.

  5. 다음 을 선택합니다.

참고:

단일 페이지 웹사이트에 대해 스마트 배너 SDK에서 동적 딥링크를 설정하시기 바랍니다. 이 경우 사용자가 다른 곳으로 이동하면 현재 페이지 URL이 변경됩니다. 동적 딥링크가 구성되면 SDK는 새로운 웹 페이지에 적절한 배너를 찾을 수 있습니다. 배너 내 동적 딥링크는 특정 제품 페이지를 보고 있는 사용자를 앱 내에서 동일한 제품으로 바로 이동시킬 수 있습니다.

배너 커스텀 설정

웹페이지의 레이아웃을 고려하여 배너를 커스텀하시기 바랍니다.

  • 작은 배너 + 상단 위치의 경우 페이지 내용이 아래로 밀려 표시됩니다.
  • 이외의 배너 크기와 화면 위치 조합의 경우 웹 페이지 콘텐츠에 배너가 오버레이됩니다.

배너를 커스텀하려면 다음의 단계를 수행하시기 바랍니다.

  1. 배너 크기 목록에서 배너 크기를 선택합니다.

    • Small
    • Medium
    • Full screen

  2. 화면 내 위치 에서 웹페이지에서의 배너 위치를 선택합니다.

    • 상단 - 배너가 상단 정렬되면 페이지 내용이 아래로 밀려납니다.
    • 하단 - 스마트 배너를 하단 정렬하면 페이지 내용 위에 스마트 배너가 겹쳐 게재됩니다. 사용자는 페이지 스크롤 다운을 통해 가려진 페이지 내용을 확인할 수 있습니다.

  3. 디바이스 미리보기 를 선택하여 배너가 디바이스에서 어떻게 보이는지 확인합니다. 배너를 맞춤화하면 배너 미리보기가 자동으로 업데이트됩니다.

  4. 제목 필드에 배너에 표시할 헤드라인을 입력합니다.

  5. 설명 필드에 배너에 표시할 설명을 입력합니다.

  6. 버튼 필드에 버튼에 나타나는 텍스트를 입력합니다.

  7. 앱 이미지 에서 배너에 표시하고자 하는 이미지를 선택합니다.

    • 앱 아이콘 - 앱 스토어에 있는 앱의 아이콘을 사용합니다.
    • 커스텀 이미지 - 배너에 표시할 JPG/PNG 형식 이미지의 액세스 가능한 URL. 이미지는 168 x 168 px, 최대 1MB여야 합니다.

  8. 이제 제목, 설명, 버튼을 맞춤 설정합니다.

    • 색상 - 16진법의 색상 코드를 입력합니다.
    • 글꼴 - 목록에서 글꼴 스타일을 선택합니다.
    • 글꼴 크기 - 목록에서 글꼴 크기를 선택합니다.

  9. 배경 색상 필드에 배경의 16진법 색상 코드를 입력합니다. 또는 배경 이미지 필드에 액세스할 수 있는 JPG 또는 PNG 형식의 이미지 URL을 제공합니다. 이미지는 1080x240 픽셀, 최대 1MB이어야 합니다.

  10. 배너 미리보기가 마음에 들면 다음 을 선택합니다.

배너 로컬라이제이션

사용자에게 나타나는 배너는 사용자의 브라우저 언어에 따라 달라집니다. 브라우저 언어와 일치하는 번역본이 없는 경우, 원본 배너가 게재됩니다. 사용자가 브라우저가 아닌 웹사이트 도메인의 언어로 배너를 보도록 하려면 스마트 배너 SDK에서 다음의 단계를 수행하시기 바랍니다.

  1. 언어 추가 를 선택한 뒤, 목록에서 언어를 선택합니다.
  2. 제목 , 설명 및 버튼 필드에 세부 정보를 입력합니다.
  3. 번역된 콘텐츠를 추가한 후 다음 을 선택합니다.

배너 검토

  1. 선택 내용을 재확인합니다. 뒤로 가기 옵션을 선택하면 다음의 내용을 변경할 수 있습니다.

    • 배너 세부 정보
    • 배너 내용
    • 번역된 콘텐츠

  2. 스마트 배너 생성 을 선택하여 생성한 스페이스에 배너를 게시합니다.

배너 퍼블리시

배너를 저장하면, 기존에 생성한 스페이스 아래에 표시됩니다. 배너를 퍼블리시하려면 퍼블리시 아래의 토글을 활성화합니다. 퍼블리시된 배너는 개발자가 스마트 배너 SDK를 연동한 이후에만 라이브로 게재됩니다.