설명서

VEC FAQ 및 일반적인 문제

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

iframe 문제, 혼합 컨텐츠 및 일반적인 VEC 문제 해결에 대한 통찰력을 사용하여 Adobe Target VEC(시각적 경험 작성기)를 해결하는 방법을 알아봅니다.

설명 description

환경

Adobe Target

문제/증상

이 문서는 VEC 문제 해결 FAQ 및 Target VEC와 관련된 몇 가지 일반적인 문제를 나열하기 위해 만들어집니다.

해결 방법 resolution

사전 확인:

  1. 쿼리 매개 변수

    웹 사이트에서 쿼리 매개 변수를 허용하는지 확인합니다. VEC는 페이지 URL에 다음 쿼리 매개 변수를 자동으로 추가합니다.mboxEdit=1 & mboxDisable=1. 별도의 탭에서 웹 사이트를 열고 위의 쿼리 매개 변수 끝에 을 추가하고 문제가 있는지 확인합니다. 웹 사이트가 www.customerwebsite.com인 경우 새 탭을 열고 www.customerwebsite.com?mboxEdit=1&mboxDisable=1을(를) 확인합니다.

  2. 혼합 콘텐츠를 허용해야 함

    JavaScript 및 CSS 파일과 같은 사용자 지정 활성 콘텐츠를 사용하는 경우 HTTP가 아닌 HTTPS를 통해 다운로드해야 합니다.

    참조 문서 브라우저에서 혼합 콘텐츠 사용

  3. iframe 내에서 웹 페이지에 액세스할 수 있어야 합니다. jsbin(으)로 이동하여 웹 사이트에서 iframe을 지원하거나 차단하는지 확인하고 코드 아래에 붙여 넣으십시오. 웹 사이트가 iframe에서 열리는지 확인하십시오. facebook.com 을 웹 사이트 URL로 바꿉니다.

    code language-none 
    !DOCTYPE html    html    head    meta charset="utf-8"     meta name="viewport" content="width=device-width"      titleJS Bin/title     /head    body       iframe src="https://www.facebook.com" height="700";width="850"/iframe    /body    /html

  4. 하나 또는 여러 개의 iframe 버스팅 기술이 사용될 수 있으며 그 중 일부는 아래에 나와 있습니다.

  5. JS 기반 Iframe 버스팅. 이 작업은 다양한 JavaScript 코드를 통해 수행할 수 있습니다.

    • 기본 예:

      code language-none 
      script
if(top != window) {
   body.style.display = none;
}
/script

다른 많은 JavaScript iFrame 버스팅 기술이 있으며 이 링크에서 가장 많이 사용되는 것을 볼 수 있습니다. 프레임 버스팅

  • 다음 Target JS 스크립트가 다운로드됩니다

    • target-vec.js
    • target-vec-helper.js

  • DOM 구조가 변경된 경우 VEC에서 구성된 수정 사항이 표시되지 않는 오류가 발생할 수 있습니다.

    작업이 끊어진 선택기 확인: 콘솔에서 다음을 사용하여 확인할 수 있습니다. _AT.querySelectorAll('<selector>')

    선택기 구성에 대한 참조 문서: https://experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=ko

  • 페이지에서 중복 ID 처리:

    Target에서는 페이지의 선택기를 사용하여 권장 사항을 만들고 전달하므로 페이지가 아래 포인트에 대한 준수인지 확인해야 합니다.

    • 클래스 사용
    • 요소에 있는 고유 속성 사용
    • 선택기가 고유 요소와 일치하는지 확인
    • 활성, 선택됨 등과 같은 선택기에서 동적 classNames를 제거합니다.

VEC가 iframe의 콘텐츠를 로드하므로 부모 iframe 내의 iframe이 작동하지 않도록 요소가 iframe 자체에 포함되어 있지 않은지 확인하십시오.

일반적인 문제:

  1. HTML 편집을 수행하기 위해 VEC의 온라인 뱅킹에 로그인할 수 없음

    • Adobe Target VEC에서 페이지를 로드하려면 VEC helper 확장이 필요합니다.
    • 사이트 설정에서 비보안 콘텐츠 허용.
    • EEC를 비활성화로 설정합니다.
    • "찾아보기 모드"을(를) 사용하여 VEC의 페이지로 이동
    • 변경 작업을 수행하려면 작성 을 클릭하십시오.

  2. VEC 내에서는 트리거 보기를 사용하여 수정 사항을 만들 수 없습니다

    • 페이지에서 트리거 보기를 사용할 수 없도록 하는 서비스 작업자를 사용하고 있을 수 있습니다. 다음은 이 시나리오를 해결하는 단계입니다.

      • VEC에서 페이지를 로드한 후에는 페이지 게재에서 EEC를 비활성화하고, 서비스 작업자를 비활성화하고, VEC Helper 확장 프로그램에서 두 옵션을 모두 활성화해야 합니다. Target 라이브러리 및 쿠키 삽입
      • 찾아보기 를 클릭하고 쿠키 수락 을 클릭합니다.
      • VEC 페이지에서 주소 표시줄을 클릭하고 Enter 를 눌러 페이지가 VEC 내에서 제대로 새로 고쳐지도록 합니다. 오버레이에 포함하여 보기 이름이 표시됩니다.
      • 트리거 보기 함수가 페이지에서 일관되게 실행되고 있는지 확인하십시오. 보기 트리거 함수가 실행되는 경우에만 보기를 사용할 수 있습니다.

  3. VEC 내에서 인증된 페이지에 액세스할 수 없음

    • VEC 외부의 브라우저에서 승인된 페이지에 액세스합니다. 그런 다음 같은 창의 새 브라우저 탭에서 Target의 페이지에 액세스합니다.

  4. Target VEC 내에서 Shadow DOM을 사용하여 페이지에 액세스할 수 없음

    • 페이지에서 최신 대상 라이브러리를 사용하고 있는지 확인합니다.
    • VEC에서 페이지에 액세스하기 전에 모든 웹 구성 요소가 로드되었는지 확인합니다.

  5. 쿠키를 수락하고 VEC 내에서 웹 사이트를 검색할 수 없음

    • VEC 외부의 쿠키 브라우저에 액세스합니다. 그런 다음 같은 창의 새 브라우저 탭에서 Target의 페이지에 액세스합니다.

보다 일반적인 VEC 문제와 해결 방법도 여기에 나와 있습니다
시각적 경험 작성기 및 향상된 경험 작성기 문제 해결

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f