Visual Experience Composer 구성

일반 설정, Adobe Target 모바일 뷰포트 구성 및 CSS 선택기 를 지정하여 VEC(Visual Experience Composer)를 구성합니다.

Visual Experience Composer 구성 페이지에 액세스하려면 관리 > Visual Experience Composer를 클릭합니다.

노트

이 페이지의 설정은 전체 Target 계정에 적용됩니다.

Visual Experience Composer 구성 페이지

일반 설정

시각적 경험 작성기에 일반 설정을 지정할 수 있습니다.

일반 설정 섹션

다음 설정을 사용할 수 있습니다.

기본 URL

시각적 경험 작성기에서 사용되는 기본 URL을 설정합니다. 이것은 홈 페이지와 같이 각 새 활동에 대한 경험을 설정할 때마다 사용되는 기본 페이지입니다. 기본 URL을 설정하지 않은 경우, 활동을 만들 때 각 활동의 URL을 입력해야 합니다.

고급 경험 작성기 활성화

iFrame 버스팅 사이트 및 혼합 콘텐츠가 있는 사이트에서 편집할 수 있도록 허용합니다. 일부 사이트가 향상된 버전과 호환되지 않을 수 있습니다. Deselect this option to revert to the original Visual Experience Composer. 사이트의 활동 전달은 이 선택 옵션의 영향을 받지 않습니다.

자세한 내용은 시각적 경험 작성기 문제 해결을 참조하십시오.

You can also enable the Enhanced Experience Composer at the activity level.

혼합 콘텐츠 로드

Enable mixed content while opening a website using the Enhanced Experience Composer (EEC). Enabling this option avoids the extra overhead of loading static resources via Target proxy servers.

이 옵션은 다음과 같은 경우에 유용합니다.

  • CSP(Content Security Policy) 헤더를 통해 EEC가 활성화된 프록시 서버를 사용하지 않고도 혼합 컨텐츠를 로드할 수 있습니다.
  • HTTP 웹 사이트는 프록시를 통해 JavaScript, 이미지 등을 로드하는 데 시간이 걸리는 EEC의 로드 시간이 증가합니다.

활동 흐름 다이어그램에서 경험 스냅샷 생성

경험 스냅샷을 활성화하면 활동 워크플로우 다이어그램에서 경험에 대한 썸네일이 생성됩니다. 스냅샷을 비활성화하면 일부 사용자의 경우 성능이 더 빨라질 수 있습니다.

프리미엄 배지 모바일 뷰포트 구성

경험을 미리 볼 때 사용할 장치를 추가할 수 있습니다. 각 장치에는 연결된 대상이 있습니다.

모바일 뷰포트 구성 섹션

Click Add, specify a descriptive name for the mobile viewport, specify the width and height, select the desired operating system, then click Save.

모바일 뷰포트를 추가하는 방법에 대한 내용은 모바일 뷰포트 구성을 참조하십시오.

CSS 선택기

Target이 CSS 선택기를 생성하는 방법을 지정하십시오.

CSS 선택기 섹션

이러한 선택 사항은 Target에서 사이트 구조를 이해하여 콘텐츠 전달을 위한 더 나은 CSS 선택기를 생성하는 데 도움이 됩니다. 기본적으로 Target은 페이지의 요소 ID를 기준으로 선택기를 생성합니다. 사이트에서 소수의 ID를 사용하거나 같은 페이지에서 ID를 복제하는 경우 클래스를 사용하는 것이 더 나은 옵션이 될 수 있습니다.

다음 옵션 중 하나 또는 둘 다를 선택할 수 있습니다.

요소 ID 사용

동일한 ID를 여러 요소에 사용하거나 요소 ID가 페이지 로드 시 변경될 경우 이 옵션을 선택 취소하십시오.

요소 클래스 사용

기본적으로 Target은 요소 ID만 사용합니다. 그러나 페이지가 Adobe Experience Manager로 작성한 페이지처럼 클래스를 사용하여 요소를 식별하도록 디자인된 경우 요소 클래스 사용도 선택해야 합니다.

노트

정확성을 보장하기 위해 모든 작업을 수행했지만 클래스를 사용하면 오류가 발생할 수 있습니다. 어떤 옵션도 선택하지 않으면 정확도도 영향을 받습니다. 정확도 순서는 ID > 클래스 > 두 옵션을 모두 선택하지 않은 경우입니다. 항상 페이지를 테스트하여 선택기가 올바른지 확인해야 합니다.

활동별로 이 설정을 재정의할 수 있습니다. 설정 톱니바퀴 아이콘을 클릭한 다음, CSS 선택기를 선택합니다. 이 기능은 여러 사이트가 서로 다르게 구성된 경우에 특히 유용합니다.

노트

Overriding the setting per activity is not available in Automated Personalization and Multivariate Testing activities. 선택기에 대한 추가 정보는 ](/docs/target/c-experiences/c-visual-experience-composer/vec-selectors.html?lang=ko)시각적 경험 작성기에서 사용되는 요소 선택기[를 참조하십시오.

교육 비디오:계정 기본 설정(7:33) 개요 배지

이 비디오에는 계정 기본 설정에 대한 정보가 포함되어 있습니다.

  • Target Standard에서 사용할 수 있는 계정 설정을 설명합니다.
노트

관리 Target 메뉴 UI(이전 설정)는 향상된 성능을 제공하고, 새로운 기능을 출시할 때 필요한 유지 관리 시간을 단축하고, 제품 전반의 사용자 경험을 개선하기 위해 다시 설계되었습니다. 다음 비디오의 정보는 일반적으로 정확하다.그러나 옵션이 약간 다를 수 있습니다. 업데이트된 비디오가 곧 게시될 예정입니다.

이 페이지에서는