설명서Journey OptimizerJourney Optimizer 안내서

코드 기반 채널 시작 get-sarted-code-based

Last update: Wed Jul 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 경험
  • 사용자
  • 개발자
  • 관리자

Journey Optimizer을(를) 사용하면 웹 앱, 모바일 앱, 데스크탑 앱, 비디오 콘솔, TV 연결 장치, 스마트 TV, 키오스크, ATM, 음성 지원, IoT 장치 등과 같은 모든 터치포인트에서 고객에게 제공할 경험을 개인화하고 테스트할 수 있습니다.

코드 기반 경험 기능을 사용하면 간단하고 직관적인 비시각적 편집기를 사용하여 인바운드 경험을 정의할 수 있습니다. 전체 콘텐츠에 수정 사항을 적용하는 대신 사용 중인 애플리케이션 유형에 관계없이 앱이나 웹 페이지의 개별적이고 더 세분화된 위치에 특정 요소를 삽입하고 편집할 수 있습니다.

IMPORTANT
코드 기반 경험에 적용되는 가드레일 및 권장 사항은 이 페이지에서 자세히 설명합니다.

리드

작동 방식

유효성 검사

가드레일 및 사전 지식

드물게

코드 기반 경험 만들기

유효성 검사

구현 샘플

코드 기반 채널과 기타 채널을 사용할 경우 비교 code-based-vs-other-channels

코드 기반 채널과 기타 채널 비교

기타 Journey Optimizer 채널 대신 코드 기반 채널을 언제 사용합니까?

  • 웹 브라우저나 모바일 앱을 통해 디지털 속성에 액세스하지 않는 경우 언제든지 코드 기반 경험 사용을 고려할 수 있습니다. 이 경우 Journey Optimizer 웹 채널또는 Journey Optimizer 인앱 메시징 채널을 사용하는 것이 더 좋을 수 있습니다.

  • 웹 사이트를 웹 디자이너 비주얼 편집기에 로드할 수 없거나 웹 채널의 시각적 작성을 지원하는 브라우저 확장을 사용할 수 없는 경우 Journey Optimizer 웹 채널 대신 코드 기반 채널을 사용할 수 있습니다.

  • API 기반, 헤드리스 또는 서버 측 구현이 있는 경우 Journey Optimizer 웹 또는 인앱 채널 대신 코드 기반 채널을 사용할 수도 있습니다.

코드 기반 채널과 웹 채널 비교

웹 사용 사례를 실행하기 위해 웹 채널이나 코드 기반 경험을 사용할 수 있지만, 상황에 따라 하나가 다른 것보다 더 적합할 수 있습니다. 주요 차이점은 아래에 나열되어 있으므로 언제 무엇을 사용할지에 대한 올바른 결정을 내릴 수 있습니다.

웹

코드 기반 경험

  • 개인화 편집기를 사용하여 콘텐츠를 편집합니다.
  • 코드 기반 경험에서는 표면이 이러한 표면에 대해 Journey Optimizer에 의해 에지에 게시된 콘텐츠를 해석하고 전달할 수 있는지 확인하기 위해 구현에 대한 이전 개발 작업이 필요합니다. 자세히 알아보기
  • 더 많은 계획이 필요하고 개발자가 지정하는 사항만 변경할 수 있습니다. 따라서 개인화 또는 테스트를 위해 수정해야 하는 표면의 구성 요소(홈 배너, 히어로 이미지, 메뉴 표시줄 등)를 식별하고 개발 팀과 협력하여 이러한 변경 사항을 처리하는 데 필요한 구현을 구축하는 것이 중요합니다.
  • JSON 코드 콘텐츠를 사용할 수 있습니다.
  • 개발자에 초점을 맞춥니다.

작동 방식 how-it-works

CAUTION
이 기능은 개발자 및/또는 숙련된 사용자를 위한 것입니다. 개발 팀에서 표면 구현과 초기 설정을 처리하는 한 코드 작성 기술을 갖춘 마케팅 담당자가 사용할 수 있습니다.

Journey Optimizer 코드 기반 경험 기능을 사용하여 콘텐츠를 편집하려면 페이지 또는 앱을 계측해야 합니다. 이렇게 하려면 콘텐츠를 삽입하거나 바꾸려는 특정 개별 위치(“표면”이라고 함)를 미리 선언해야 합니다.

NOTE
현재 표면과 연결된 콘텐츠는 HTML 또는 JSON일 수 있습니다.

코드 기반 캠페인을 구현하는 주요 단계는 다음과 같습니다.

  1. 기본적으로 코드 기반 경험을 추가하려는 위치인 표면을 정의하고 이 표면을 사용하여 Journey Optimizer에서 캠페인을 만듭니다. 방법 알아보기

  2. Journey Optimizer 개인화 편집기를 사용하여 선택한 표면에 대한 콘텐츠를 지정하여 경험을 만드세요. 방법 알아보기

  3. 앱 구현 팀은 “배너 텍스트” 또는 “권장 사항 트레이 1”과 같은 이름이 지정된 표면에 대한 콘텐츠나 “검색 알고리즘 매개변수”와 같은 애플리케이션의 비UI 관련 결정 지점에 대한 콘텐츠를 가져오기 위해 명시적 API 또는 SDK 호출을 수행합니다. 이 경우 구현 팀은 반환된 콘텐츠를 렌더링하거나 해석하고 그에 따라 조치를 취할 책임이 있습니다.

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

코드 기반 경험 표면 ​은 URI ​로 고유하게 식별되는 사용자 또는 시스템 상호 작용을 위해 설계된 모든 엔티티입니다.

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

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

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

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