와 관련된 문제 해결 시각적 경험 작성기 및 향상된 경험 작성기

표시 문제 및 기타 문제가 Adobe Target 시각적 경험 작성기 (VEC) 및 향상된 경험 작성기 (EEC) 특정 조건에서

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

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

노트

다음 변경 사항은 아래에 설명된 세 가지 업데이트에 모두 영향을 줍니다.

  • 의지 아님 vec Helper 확장 프로그램이 설치되어 있지 않고 사이트의 암호로 보호된 페이지에 대해 활성화되지 않은 상태에서 VEC를 사용할 수 있습니다. 사이트 로그인 쿠키는 타사 쿠키로 간주되며 찾아보기 모드에서 VEC 편집기 내에 로그인 요청과 함께 전송되지 않습니다. 유일한 예외는 사이트 로그인 쿠키에 SameSite=None 및 Secure 속성 설정.

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+ 브라우저 버전을 사용하는 모든 사용자에게 영향을 줍니다.

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

Chrome 80(2020년 8월): 2020년 8월에 구현된 변경 사항을 통해 Chrome 80+ 브라우저 버전을 사용하는 모든 사용자:

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

차단된 쿠키 확인

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

  1. 개발자 도구에 액세스하려면 Chrome에서 VEC를 볼 때 생략 부호 아이콘(Chrome 오른쪽 위 모서리) > 추가 도구 > 개발자 도구.

  2. 다음을 클릭합니다. 네트워크 tab > 그런 다음 차단된 쿠키를 찾습니다.

    노트

    사용 이(가) 쿠키를 차단함 확인란을 선택하여 차단된 쿠키를 더 쉽게 찾을 수 있습니다.

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

    개발자 도구 > 차단된 쿠키를 표시하는 네트워크 탭

Adobe Target VEC Helper 확장 프로그램

버전 0.7.1부터 Adobe Target VEC Helper 브라우저 확장 프로그램 추가 SameSite=None 및 Secure 확장 UI에서 "쿠키" 토글이 켜져 있는 경우 VEC 내에서 편집된 웹 페이지에서 시작된 응답의 모든 쿠키에 대한 속성:

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=none 및 Secure 웹 사이트에서.

    --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure

다음과 같음 Target 여러 수준의 iframe을 지원합니까?

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

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

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

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

CSP(콘텐츠 보안 정책) 헤더가 Target 내 웹 사이트의 라이브러리. (VEC 및 EEC)

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

노트

다음 정보 외에 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)

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

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

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

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

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

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

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

노트

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

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

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

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

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

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

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

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

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

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

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

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

이 페이지에서는