시각적 경험 작성기 및 고급 경험 작성기 관련 문제 해결

특정 조건에서 Adobe Target 시각적 경험 작성기 (VEC) 및 고급 경험 작성기 (EEC)에 문제와 기타 문제가 발생하는 경우가 있습니다.

Google Chrome SameSite 쿠키 적용 정책은 VEC 및 EEC에 어떻게 영향을 줍니까?

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

노트

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

  • 은(는) VEC Helper 확장 프로그램이 설치 및 활성화되어 있거나 없는 경우 사이트의 암호로 보호된 페이지에서 VEC를 사용할 수 없습니다. 사이트 로그인 쿠키는 타사 쿠키로 간주되며 로그인 요청을 통해 전송됩니다. 유일한 예외는 사이트 로그인 쿠키가 이미 noneSecure.로 설정된 SameSite 매개 변수가 있는 경우입니다

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 도메인으로 다운로드 호출이 수행되며 인증되지 않은 것으로 거부되기 때문입니다.
  • adobemc.com domain에서 쿠키에 대한 SameSite 속성을 설정할 수 없으므로 EEC는 모든 사용자에 대해 함수가 되지 않습니다. 이 속성이 없으면 브라우저가 이러한 쿠키를 거부하여 EEC가 실패합니다.

차단된 쿠키를 확인합니다

SameSite 쿠키 적용 정책으로 인해 차단된 쿠키를 확인하려면 Chrome에서 개발자 도구를 사용하십시오.

  1. 개발자 도구에 액세스하려면 Chrome에서 VEC를 보는 동안 Chrome > 추가 도구 > 개발자 도구​의 오른쪽 상단에 있는 줄임표 아이콘을 클릭합니다.

  2. 네트워크 탭을 클릭한 다음 차단된 쿠키를 찾습니다.

    노트

    쿠키가 차단됨 확인란을 사용하여 차단된 쿠키를 쉽게 찾을 수 있습니다.

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

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

Google VEC Helper 확장 프로그램

Adobe 가 업데이트된 VEC Helper 확장을 Google Chrome 스토어에 제출했습니다. 이 확장은 필요한 경우 쿠키 속성을 덮어써서 SameSite="none" 속성을 설정합니다. 업데이트된 확장은 여기에 있습니다. VEC Helper 확장 프로그램 설치 및 사용에 대한 자세한 내용은 시각적 경험 작성기 Helper 확장 프로그램을 참조하십시오.

고유한 사이트 쿠키의 경우 이름별로 쿠키를 지정해야 합니다.

노트

이 방법은 모든 쿠키가 단일 도메인에 설정된 경우에만 적절합니다. VEC helper에서는 두 개 이상의 도메인에 대한 쿠키를 Target에서 지정할 수 없습니다.

쿠키 슬라이더를 on 위치로 전환한 다음 이름 및 쿠키 도메인을 기준으로 쿠키를 지정합니다. 쿠키 이름은 "mbox"이고 쿠키 도메인은 mbox를 제공하는 도메인의 두 번째 및 최상위 수준입니다. 회사 도메인에서 제공되기 때문에 쿠키는 자사 쿠키입니다. 예: mycompany.com. 자세한 내용은 Experience Cloud 인터페이스 사용 안내서​에서 Adobe Target 쿠키를 참조하십시오.

쿠키는 VEC helper 확장에서 토글합니다

대체 요소 및 해결 방법

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

  • 업데이트된 VEC Helper 확장 프로그램을 다운로드하여 사용합니다.

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

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

    --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 브라우저 확장 프로그램을 사용할 수 있습니다.

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

리소스가 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에서 원래 이미지 공간의 전체 차원이 사용됩니다. 전달 시에는 이미지가 확장되지 않으며 원래 그대로 표시되므로 전달에는 영향을 주지 않습니다.

이 페이지에서는