Visual Experience Composer 및 Enhanced Experience Composer과(와) 관련된 문제 해결

표시 문제 및 기타 문제는 특정 조건에서 Adobe Target Visual Experience Composer (VEC) 및 Enhanced Experience Composer (EEC)에서 발생하는 경우가 있습니다.

Google Chrome SameSite 쿠키 시행 정책이 VEC 및 EEC에 어떤 영향을 미칩니까? samesite

다음 Chrome 릴리스를 사용할 때 VEC 및 EEC에 영향을 주는 변경 사항에 유의하십시오.

NOTE
다음 변경 사항은 아래에 설명된 세 가지 업데이트에 모두 영향을 줍니다.
  • VEC Helper 확장 프로그램이 설치되어 있고 사이트의 암호로 보호된 페이지에 대해 활성화되지 않은 상태에서는 사용할 수 없습니다. 사이트 로그인 쿠키는 타사 쿠키로 간주되며 찾아보기 모드에서 VEC 편집기 내에 로그인 요청과 함께 전송되지 않습니다. 유일한 예외는 사이트 로그인 쿠키에 이미 SameSite=NoneSecure 특성이 설정되어 있는 경우입니다.

Chrome 94(2021년 9월 21일): Chrome 94 릴리스(2021년 9월 21일)에 대해 예정된 변경 사항이 적용되면 다음 변경 사항은 Chrome 94 이상 브라우저 버전을 사용하는 모든 사용자에게 영향을 줍니다.

  • 명령줄 플래그 --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure이(가) 제거됩니다.

Chrome 91(2021년 5월 25일): Chrome 91 릴리스(2021년 5월 25일)에 대해 구현된 변경 사항으로 인해 Chrome 91 이상 브라우저 버전의 모든 사용자에게 다음 변경 사항이 적용됩니다.

  • chrome://flags에서 #same-site-by-default-cookies#cookies-without-same-site-must-be-secure 플래그를 제거했습니다. 이제 이 동작은 기본적으로 활성화됩니다.

Chrome 80(2020년 8월): 2020년 8월에 적용된 변경 내용으로 Chrome 80 이상 브라우저 버전을 사용하는 모든 사용자:

  • 활동을 편집하는 동안 not ​에서 Target 라이브러리를 다운로드할 수 있습니다(아직 사이트에 없는 경우). 이는 고객 도메인에서 보안 Adobe 도메인 방향으로 다운로드 호출이 수행되며 인증되지 않은 것으로 거부되기 때문입니다.
  • EEC가 adobemc.com domain에서 쿠키에 대한 SameSite 특성을 설정할 수 없으므로 모든 사용자에 대해 not 함수가 사용됩니다. 이 속성이 없으면 브라우저가 이러한 쿠키를 거부하여 EEC가 실패합니다.

차단된 쿠키 확인

SameSite 쿠키 시행 정책으로 인해 차단되는 쿠키를 확인하려면 Chrome의 개발자 도구를 사용합니다.

  1. Chrome에서 VEC를 보는 동안 개발자 도구에 액세스하려면 Chrome > More Tools > Developer Tools ​의 오른쪽 상단 모서리에 있는 ellipsis 아이콘을 클릭합니다.

  2. Network 탭을 클릭한 다음 차단된 쿠키를 찾습니다.

    note note
    NOTE
    Has blocked cookies 확인란을 사용하여 차단된 쿠키를 더 쉽게 찾을 수 있습니다.

    다음 그림은 차단된 쿠키를 보여줍니다.

    개발자 도구 > 네트워크 탭에 차단된 쿠키가 표시됨

Adobe Target VEC 도우미 확장 프로그램

버전 0.7.1부터 Adobe Target VEC Helper 브라우저 확장 프로그램은 확장 프로그램 UI에서 "쿠키" 토글이 켜지면 VEC 내에서 편집된 웹 페이지에서 시작된 응답의 모든 쿠키에 SameSite=NoneSecure 특성을 추가합니다.

Adobe Target VEC Helper 확장 프로그램 UIAdobe Target VEC Helper 확장 프로그램 UI

대안 및 해결 방법

다음 옵션 중 하나를 사용하여 VEC 및 EEC가 예상대로 계속 작동하도록 합니다.

  • 업데이트된 VEC Helper 확장 기능을 다운로드하여 사용하십시오.

  • Mozilla Firefox 브라우저를 사용합니다. Firefox에서는 아직 이 정책을 적용하지 않습니다.

  • 다음 플래그를 사용하여 2021년 9월 21일까지 명령줄에서 Google Chrome을 실행합니다. 9월 21일 이후에는 로그인 또는 쿠키 동의 팝업과 같이 쿠키가 필요한 기능이 VEC에서 더 이상 작동하지 않습니다. Chrome 94로 업데이트하는 경우 웹 사이트에서 SameSite=noneSecure을(를) 사용하여 쿠키를 수동으로 생성해야 합니다.

    code language-none
    --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure
    

Target에서 다중 수준 iframe을 지원합니까?

Target은(는) 다중 수준 iframe을 지원하지 않습니다. 웹 사이트에서 하위 iframe이 있는 iframe을 로드하는 경우 at.js는 상위 iframe과만 상호 작용합니다. Target 라이브러리가 하위 iframe과 상호 작용하지 않습니다.

해결 방법으로, 하위 iframe의 URL을 사용하여 경험에 페이지를 추가할 수 있습니다.

페이지를 편집하려고 할 때 페이지 대신 회전기가 표시됩니다. (VEC 및 EEC) section_313001039F79446DB28C70D932AF5F58

이 상황은 URL에 # 문자가 포함된 경우 발생할 수 있습니다. 이 문제를 해결하려면 시각적 경험 작성기에서 찾아보기 모드로 전환했다가 다시 작성 모드로 전환하십시오. 회전자가 사라지고 페이지가 로드됩니다.

CSP(콘텐츠 보안 정책) 헤더가 웹 사이트의 Target 라이브러리를 차단합니다. (VEC 및 EEC) section_89A30C7A213D43BFA0822E66B482B803

웹 사이트의 CSP 헤더가 Target 라이브러리를 차단할 경우, 웹 사이트가 로드되더라도 편집할 수 없으면 Target 라이브러리가 차단되지 않았는지 확인하십시오.

NOTE
다음 정보 외에 Google Chrome용 Adobe Target VEC Helper 브라우저 확장 프로그램을 사용할 수 있습니다.

cps_headers 이미지

해결 방법으로, 다음과 같이 CSP 헤더를 제거하도록 Requestly 규칙을 구성할 수 있습니다.

cps_headers_2 이미지

리소스가 VEC 내에서 로드되지 않도록 하는 모든 헤더에 대해 유사한 Requestly 규칙을 구성할 수 있습니다.

Requestly의 경우 헤더를 제거해야 할 때마다 다음 중 하나를 수행해야 합니다.

  • 해당 URL에 대해서만 헤더가 제거되도록 VEC에서 열려고 하는 URL에 대한 URL 규칙을 추가하십시오.
  • VEC에서 편집할 때 규칙을 활성화하고 VEC를 사용하지 않을 때 규칙을 비활성화하십시오.

VEC 또는 EEC가 손상된 것으로 나타나거나 저장된 활동을 다시 편집할 때 초기화되지 않습니다. (VEC 및 EEC) section_5AC3BA8F8FBB451EA814F298D0645E54

경험을 정의한 후에 시각적 경험 작성기 외부에서 웹 사이트가 변경될 경우, 재편집을 위해 활동을 열 때 이전에 작업이 수행된 선택기를 찾을 수 없습니다. 페이지가 손상된 것처럼 보이고 경고는 표시되지 않습니다.

VEC 또는 EEC가 회전 배너와 자바스크립트를 포함하는 기타 콘텐츠를 표시하지 않습니다. (VEC 및 EEC) section_8B5BE6EB050B42D6A14A054724C41330

기본적으로 시각적 경험 작성기는 자바스크립트 요소를 차단합니다. 시각적 경험 작성기 설정에서 자바스크립트를 비활성화하면 이러한 요소를 사용할 수 있습니다. 사이트가 설정되는 방식에 따라, 일부 항목은 계속 잘못 표시되거나 사용 불가능한 상태로 남아 있을 수 있습니다.

페이지에서 한 요소를 변경하면 여러 요소가 변경됩니다. (VEC 및 EEC) section_309188ACF34942989BE473F63C5710AF

페이지의 여러 요소에 동일한 DOM 요소 ID를 사용하는 경우, 해당 요소 중 하나를 변경하면 해당 ID를 사용하는 모든 요소가 변경됩니다. 이러한 문제가 발생하지 않도록 하려면 각 페이지에서 ID를 한 번만 사용해야 합니다. 이 방법은 표준 HTML 모범 사례입니다. 자세한 내용은 페이지 수정 시나리오를 참조하십시오.

iFrame 버스팅 사이트에 대한 경험을 편집할 수 없습니다. (VEC 및 EEC) section_9FE266B964314F2EB75604B4D7047200

이 문제는 고급 경험 작성기를 통해 해결될 수 있습니다. Administation > Visual Experience Composer ​을(를) 클릭한 다음 고급 경험 작성기를 활성화하는 확인란을 선택하십시오. 향상된 경험 작성기는 Adobe가 관리하는 프록시를 사용하여 편집할 페이지를 로드합니다. 이 프록시를 사용하면 iFrame 버스팅 사이트에서 편집할 수 있고 Adobe Target 코드를 아직 추가하지 않은 사이트 및 페이지에서 편집할 수 있습니다. 코드가 추가될 때까지 활동은 사이트로 전달되지 않습니다. 일부 사이트는 고급 경험 작성기를 통해 로드되지 않을 수 있습니다. 이 경우 이 옵션을 선택 취소하고 iFrame을 통해 시각적 경험 작성기를 로드할 수 있습니다.

NOTE
로컬로 호스팅된 페이지 또는 네트워크 외부에서 액세스할 수 없는 페이지는 Adobe 프록시 서버에서 액세스할 수 없으며 EEC에서 열 수 없습니다. 이러한 페이지에는 스테이징 URL, UAT(사용자 승인 테스트) URL 또는 로컬로 호스팅된 페이지가 포함될 수 있습니다.

mbox/타겟 구현이 아직 수행되지 않은 페이지에 대한 테스트를 설정하고 싶습니다. (VEC 및 EEC) section_DE63BCCB5B124E10A71FA579B582A80A

위의 "iFrame 버스팅 사이트에 대한 경험을 편집할 수 없음"을 참조하십시오.

텍스트/HTML 편집 또는 텍스트/HTML 변경에서 사용한 굵게 및 기울임체 텍스트 스타일이 내 페이지에 표시되지 않습니다. 이러한 스타일 변경 사항을 적용한 후에 텍스트가 사라지는 경우도 있습니다. (VEC 및 EEC) section_7A71D6DF41084C58B34C18701E8774E5

A/B 또는 경험 타깃팅 활동의 경우 시각적 경험 작성기의 Edit Text/HTML, Automated Personalization 또는 다변량 테스트 활동의 경우 Change Text/HTML ​을(를) 사용하여 텍스트를 굵게 또는 기울임체로 설정하는 경우 시각적 경험 작성기에서 페이지에 해당 스타일이 적용되지 않거나 텍스트가 사라질 수 있습니다. 이러한 문제는 서식 있는 텍스트 편집기에서 이러한 스타일을 적용하는 방식이 웹 사이트 마크업을 방해할 수 있기 때문에 발생합니다.

이 문제가 표시되면 다음을 수행합니다.

  1. 서식 있는 텍스트 편집기에서 HTML 단추를 클릭하여 소스 편집 모드에 들어갑니다.

  2. 스타일 텍스트 요소를 찾습니다.

    • 굵게 텍스트의 경우 <strong> 요소를 <b>로 변경하십시오.

    • 기울임체 텍스트의 경우 <em> 요소를 <i>로 변경하십시오.

자동화된 개인화 활동의 경우, VEC 또는 EEC에서 이미지 대체 기능이 손상된 것으로 나타납니다. (VEC 및 EEC) section_88AABFDFE6A3420299B0D508B12A3994

이미지 오퍼를 위치에 추가하면 VEC 또는 EEC에서 원래 이미지 공간의 전체 차원이 사용됩니다. 전달 시에는 이미지가 확장되지 않으며 원래 그대로 표시되므로 전달에는 영향을 주지 않습니다.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654