코드 기반 경험 구성 code-based-configuration

환경을 구축하기 전에 응용 프로그램 내에서 콘텐츠가 전달되고 소비될 위치를 정의하는 코드 기반 경험 구성을 만들어야 합니다.

코드 기반 경험 구성은 기본적으로 변경 사항을 렌더링할 위치인 표면을 참조해야 합니다. 선택한 플랫폼에 따라 위치/경로 또는 전체 표면 URI를 입력해야 합니다. 자세히 알아보기

코드 기반 경험 구성 만들기 create-code-based-configuration

코드 기반 경험 채널 구성을 만들려면 다음 단계를 수행하십시오.

  1. 채널 > 일반 설정 > 채널 구성 메뉴에 액세스한 다음 채널 구성 만들기 ​를 클릭하십시오.

  2. 구성의 이름 및 설명(선택 사항)을 입력합니다.

    note note
    NOTE
    이름은 문자(A-Z)로 시작해야 합니다. 영숫자만 포함할 수 있습니다. 밑줄 _, 점. 및 하이픈 -자를 사용할 수도 있습니다.
  3. 구성에 사용자 지정 또는 핵심 데이터 사용 레이블을 할당하려면 액세스 관리 ​를 선택할 수 있습니다. OLAC(개체 수준 액세스 제어)에 대해 자세히 알아보기

  4. 이 구성을 사용하여 동의 정책을 메시지에 연결하려면 마케팅 액션 ​을 선택하십시오. 마케팅 액션과 관련된 모든 동의 정책은 고객의 선호도를 존중하기 위해 활용됩니다. 자세히 알아보기

  5. 코드 기반 경험 채널을 선택하십시오.

  6. 코드 기반 경험을 적용할 플랫폼을 선택합니다.

    note note
    NOTE
    여러 플랫폼을 선택할 수 있습니다. 여러 플랫폼을 선택하면 컨텐츠가 선택한 모든 페이지 또는 앱에 전달됩니다.
  7. 이 특정 위치에 대해 애플리케이션에서 예상하는 형식을 선택합니다. 이 템플릿은 캠페인 및 여정에서 코드 기반 경험을 작성할 때 사용됩니다.

  8. 변경 내용을 저장하려면 제출 ​을 클릭하세요.

이제 캠페인 및 여정에서 코드 기반 경험을 만들기할 때 이 구성을 선택할 수 있습니다.

NOTE
앱 구현 팀은 선택한 코드 기반 경험 구성에 정의된 표면에 대한 콘텐츠를 가져오기 위해 명시적인 API 또는 SDK 호출을 수행할 책임이 있습니다. 이 섹션에서 다양한 고객 구현에 대해 자세히 알아보세요.

웹 플랫폼 web

웹 플랫폼에 대한 코드 기반 경험 구성 설정을 정의하려면 아래 단계를 따르십시오.

  1. 다음 옵션 중 하나를 선택합니다.

    • 단일 페이지 - 변경 내용을 단일 페이지에만 적용하려면 페이지 URL ​을 입력하십시오.

    • 규칙 일치 - 동일한 규칙과 일치하는 여러 URL을 대상으로 지정하려면 하나 이상의 규칙을 빌드하십시오. 자세히 알아보기

      예를 들어 Luma 웹 사이트의 모든 여성 제품 페이지에 표시되는 요소를 편집하려면 도메인 > 다음으로 시작 > luma페이지 > 포함 > women을(를) 선택합니다.

  2. 다음은 미리보기 URL에 적용됩니다.

    • 단일 페이지 URL을 입력하면 해당 URL이 미리보기에 사용되며 다른 URL을 입력할 필요가 없습니다.

    • 페이지와 일치하는 규칙을(를) 선택한 경우 브라우저에서 환경을 미리 보는 데 사용할 기본 작성 및 미리 보기 URL ​을(를) 입력해야 합니다. 자세히 알아보기

  3. 페이지의 위치 필드는 사용자가 액세스하려는 페이지 내의 정확한 대상을 지정합니다. '히어로-배너' 또는 '제품-레일'과 같은 사이트의 탐색 구조 내에 있는 페이지의 특정 섹션일 수 있습니다.

모바일 플랫폼 (iOS 및 Android) mobile

모바일 플랫폼에 대한 코드 기반 경험 구성 설정을 정의하려면 아래 단계를 따르십시오.

  1. 앱 ID ​를 입력하세요. 이를 통해 앱의 운영 환경 내에서 정확한 식별 및 구성이 가능하며 원활한 통합과 기능을 보장합니다.

  2. 앱 내의 위치 또는 경로를 입력하십시오. 이 필드는 사용자가 액세스할 앱 내의 정확한 대상을 지정합니다. '히어로-배너' 또는 '제품-레일'과 같은 앱의 탐색 구조 내에 있는 특정 섹션이나 페이지일 수 있습니다.

  3. 미리 보기 URL 필드를 입력하여 온디바이스 미리 보기를 사용하도록 설정합니다. 이 URL은 장치에서 미리보기를 트리거할 때 사용할 특정 URL을 미리보기 서비스에 알립니다. 자세히 알아보기

    미리보기 URL은 앱 내의 앱 개발자가 구성한 딥링크입니다. 이렇게 하면 딥링크 체계와 일치하는 모든 URL이 모바일 웹 브라우저가 아닌 앱 내에서 열립니다. 앱에 대해 구성된 딥링크 체계를 얻으려면 앱 개발자에게 문의하십시오.

다음 리소스는 앱 구현에 대한 딥링크를 구성하는 데 도움이 될 수 있습니다
NOTE
환경을 미리 보는 동안 문제가 발생하는 경우 이 설명서를 참조하세요.

기타 플랫폼 other

다른 플랫폼(예: 비디오 콘솔, TV 연결 장치, 스마트 TV, 키오스크, ATM, 음성 지원 장치, IoT 장치 등)에 대한 코드 기반 경험 구성 설정을 정의하려면 아래 단계를 따르십시오.

  1. 구현이 Web, iOS 또는 Android용이 아니거나 특정 URI를 대상으로 해야 하는 경우 플랫폼으로 기타 ​를 선택합니다.

  2. 표면 URI ​를 입력하십시오. 표면 URI는 경험을 전달하려는 엔티티에 해당하는 고유 식별자입니다. 자세히 알아보기

    note caution
    CAUTION
    자체 구현에 사용된 것과 일치하는 표면 URI를 입력해야 합니다. 그렇지 않으면 변경 사항을 전달할 수 없습니다.
  3. 필요한 경우 다른 표면 URI를 추가 ​하십시오. 최대 10개의 URI를 추가할 수 있습니다.

    note note
    NOTE
    여러 URI를 추가하면 콘텐츠가 나열된 모든 구성 요소에 전달됩니다.

표면이란 무엇입니까? surface-definition

코드 기반 경험 surface ​은(는) 사용자 또는 시스템 상호 작용을 위해 디자인된 모든 엔터티이며 URI ​에 의해 고유하게 식별됩니다. 표면은 애플리케이션 구현에 지정되며 코드 기반 경험 채널 구성에서 참조되는 표면과 일치해야 합니다.

표면은 존재하는 엔티티(터치포인트)가 있는 모든 계층 구조 수준에서 컨테이너로 볼 수 있습니다.

  • 웹 페이지, 모바일 앱, 데스크탑 앱, 더 큰 엔티티 내의 특정 콘텐츠 위치(예: div) 또는 비표준 표시 패턴(예: 키오스크 또는 데스크탑 앱 배너)일 수 있습니다.

  • 또한 비표시 또는 추상화된 표시 목적을 위해 특정 콘텐츠 컨테이너 조각으로 확장할 수도 있습니다(예: 서비스로 제공되는 JSON Blob).

  • 또한 다양한 클라이언트 표면 정의와 일치하는 와일드카드 표면일 수도 있습니다. 예를 들어 웹 사이트의 모든 페이지에 있는 히어로 이미지 위치는 web://mydomain.com/*#hero_image 와 같은 표면 URI로 변환될 수 있습니다.

코드 기반 경험 채널 구성을 만들 때 선택한 플랫폼에 따라 표면을 지정할 수 있는 두 가지 방법이 있습니다.

  • Web, iOSAndroid 플랫폼의 경우 표면을 작성하려면 위치 또는 경로 ​를 입력해야 합니다.

  • 플랫폼이 기타 ​인 경우 아래 예와 같이 전체 표면 URI ​를 입력해야 합니다.

표면 URI는 애플리케이션 내의 개별 사용자 인터페이스 요소 또는 구성 요소로 이동하는 정밀한 식별자 역할을 합니다. 기본적으로 서피스 URI는 여러 섹션으로 구성됩니다.

  1. 유형: 웹, 모바일 앱, atm, 키오스크, tvcd, 서비스 등
  2. 속성: 페이지 URL 또는 앱 번들
  3. 컨테이너: 페이지/앱 활동의 위치

아래 표에는 다양한 디바이스의 표면 URI 정의 예시가 일부 나와 있습니다.

웹 및 모바일

유형
URI
설명
web://domain.com/path/page.html#element
특정 도메인의 특정 페이지 내 개별 요소를 나타냅니다. 여기서 요소는 hero_banner, top_nav, menu, footer 등의 예시와 같은 레이블이 될 수 있습니다.
iOS 앱
mobileapp://com.vendor.bundle/activity#element
기본 앱 활동 내의 특정 요소(예: 버튼 또는 기타 보기 요소)를 나타냅니다.
Android 앱
mobileapp://com.vendor.bundle/#element
기본 앱 내의 특정 요소를 나타냅니다.

기타 디바이스 유형

유형
URI
설명
데스크탑
desktop://com.vendor.bundle/#element
버튼, 메뉴, 히어로 배너 등과 같은 애플리케이션 내의 특정 요소를 나타냅니다.
TV 앱
tvcd://com.vendor.bundle/#element
스마트 TV 또는 TV 연결 디바이스 앱 내 특정 요소, 번들 ID를 나타냅니다.
서비스
service://servicename/#element
서버측 프로세스 또는 기타 수동 엔티티를 나타냅니다.
키오스크
kiosk://location/screen#element
쉽게 추가할 수 있는 잠재적인 추가 표면 유형의 예.
ATM
atm://location/screen#element
쉽게 추가할 수 있는 잠재적인 추가 표면 유형의 예.

와일드카드 표면

유형
URI
설명
와일드카드 웹
wildcard:web://domain.com/*#element
와일드카드 표면 - 특정 도메인 아래의 각 페이지에 있는 개별 요소를 나타냅니다.
와일드카드 웹
wildcard:web://*domain.com/*#element
와일드카드 표면 - "domain.com"으로 끝나는 모든 도메인 아래의 각 페이지에 있는 개별 요소를 나타냅니다.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76