시각적 경험 작성기 구성

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

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

노트

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

Visual Experience Composer 구성 페이지

일반 설정

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

일반 설정 섹션

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

기본 URL

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

고급 경험 작성기 활성화

iFrame 버스팅 사이트 및 혼합 콘텐츠가 있는 사이트에서 편집할 수 있도록 허용합니다. 일부 사이트가 향상된 버전과 호환되지 않을 수 있습니다. 원래 Visual Experience Composer로 되돌리려면 이 옵션을 선택 해제합니다. 사이트의 활동 전달은 이 선택 옵션의 영향을 받지 않습니다.

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

활동 수준에서 향상된 경험 작성기를 활성화할 수도 있습니다.

혼합 콘텐츠 로드

향상된 경험 작성기 (EEC)를 사용하여 웹 사이트를 여는 동안 혼합 컨텐츠를 활성화합니다. 이 옵션을 활성화하면 Target 프록시 서버를 통해 정적 리소스를 로드하는 추가 오버헤드가 발생하지 않습니다.

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

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

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

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

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

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

모바일 뷰포트 구성 섹션

추가​를 클릭하고 모바일 뷰포트의 설명형 이름을 지정하고 너비와 높이를 지정한 다음 원하는 운영 체제를 선택한 다음 저장을 클릭합니다.

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

CSS 선택기

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

CSS 선택기 섹션

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

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

요소 ID 사용

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

요소 클래스 사용

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

노트

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

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

노트

활동당 설정을 재정의할 수 없습니다. Automated Personalization 및 Multivariate Testing 활동에서 사용할 수 없습니다. 선택기에 대한 추가 정보는 ](/docs/target/c-experiences/c-visual-experience-composer/vec-selectors.html?lang=ko)시각적 경험 작성기에서 사용되는 요소 선택기[를 참조하십시오.

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

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

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

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

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free