설명서TargetTarget 안내서

와 관련된 문제 해결 Visual Experience Composer

Last update: Wed Apr 10 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

때때로 다음과 같은 경우에 표시 문제가 발생합니다. Adobe Target Visual Experience Composer (VEC) 특정 조건에서.

다음 위치에서 웹 사이트를 열 때 Visual Experience Composer, Target 라이브러리가 로드되지 않습니다. (VEC만 해당) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

Target 매개 변수 두 개 추가(mboxEdit=1 및 mboxDisable=1)에서 웹 사이트를 여는 동안 Visual Experience Composer.

한 페이지에서 다른 페이지로 이동할 때(페이지 다시 로드 없이) 웹 사이트(특히 단일 페이지 앱)가 매개 변수를 자르거나, 실제로 매개 변수를 제거하는 경우 Target 기능 분리 및 Target 라이브러리가 로드되지 않습니다.

이 문제점을 방지하려면 이러한 두 매개 변수를 자르거나 제거하지 않아야 합니다.

내 페이지가 EEC에서 열리지 않거나 느리게 로드됩니다. VEC에서 활동 또는 경험이 느리게 로드됩니다. (VEC만 해당) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

몇 가지 문제가 의 페이지 성능에 영향을 줄 수 있습니다. Target 경험 작성기. 일반적인 몇 가지 문제는 다음과 같습니다.

  • 페이지에 mbox가 없습니다.
  • 사이트가 프록시 차단을 사용하여 어떤 경험 작성기에서도 페이지를 열 수 없습니다.
  • 사이트가 자체적으로 iFrame에서 열리는 것을 허용하지 않습니다.

에서 문제가 발생하는 경우 Enhanced Experience Composer, 을(를) 해제해 보십시오. Enhanced Experience Composer 및 사용 Visual Experience Composer 대신,

을(를) 비활성화하려면 Enhanced Experience Composer로 이동합니다. Administration > Visual Experience Composer 및 끄기 Enable Enhanced Experience Composer 옵션을 선택합니다.

일부 사용자의 경우 콘솔에 다음과 같은 오류 메시지가 표시됩니다.

콘솔 오류 메시지

둘 다 Visual Experience Composer 및 Enhanced Experience Composer 작동, 다음과 같은 브라우저 확장 사용 Requestly (Chrome 또는 Firefox) 또는 사이트의 X-Frames 헤더 옵션을 덮어쓰고 iFrames에서 로드할 수 있는 응답 헤더 수정(Firefox) 기능을 사용하여 VEC를 활성화합니다. 브라우저 확장을 사용할 수 없는 경우 양식 기반 경험 작성기.

NOTE
다음 정보 외에 다음을 사용할 수 있습니다 Adobe Target Visual Editing Helper 확장 대상 Google Chrome.
NOTE
이러한 플러그인은 VEC 편집 컨텍스트에서만 사용해야 합니다.
의 경우 Requestly 확장을 사용하면 헤더를 제거해야 할 때마다 다음 중 하나를 수행해야 합니다.

  • 해당 URL에 대해서만 헤더가 제거되도록 VEC에서 열려고 하는 URL에 대한 URL 규칙을 추가하십시오.

  • VEC에서 편집할 때 규칙을 활성화하고 VEC를 사용하지 않을 때 규칙을 비활성화하십시오.

의 경우 Modify Response Header 확장(Firefox), URL 규칙을 추가할 수 없으므로 다음을 수행해야 합니다.
  • VEC에서 편집할 때 규칙을 활성화하고 VEC를 사용하지 않을 때 규칙을 비활성화하십시오.

을(를) 사용하려면 Requestly 확장 Chrome 또는 Firefox:

  1. 끄기 Enhanced Experienced Composer.

  2. 설치 Requestly 의 브라우저 확장 Chrome 또는 Firefox.

  3. 확장을 열고 다음을 사용하여 구성합니다.

  4. 선택 Modify headers.

  5. 다음을 입력하십시오.

    • 규칙 이름

    • 수정 규칙

      • 전환 Add 끝 Remove.

      • 전환 Request 끝 Response.

      • 헤더 이름으로 "X-Frame-Options"를 입력합니다.

      • 이전 단계를 반복하고 헤더 이름으로 "x-frame-options"를 입력합니다.

        note note
        NOTE
        를 통해 조작되는 헤더 Requestly 대/소문자를 구분합니다.

      • 변경 Equals 끝 Contains 를 소스 URL의 조건으로 사용하고 VEC에 로드하려는 활동의 URL을 입력합니다.

      chrome_extension 이미지

  6. Save 아이콘을 클릭합니다.

    요청 이미지

    이제 를 사용하여 페이지를 빠르게 로드할 수 있습니다. Visual Experience Composer.

을(를) 사용하려면 Modify Response Headers 확장 Firefox:

  1. 설치 Modify Response Headers 날짜 Firefox 브라우저를 다시 시작합니다.
  2. 출처: Firefox 확장에서 응답 헤더 수정 확장을 선택합니다.
  3. Preferences 아이콘을 클릭합니다.
  4. 선택 Filter 다음에서 Action 드롭다운입니다.
  5. 다음에서 Header Name 필드에 다음을 입력합니다. X-Frame-Options.
  6. 4단계와 5단계를 반복하여 필터를 추가합니다. x-frame-options.
  7. Add 아이콘을 클릭합니다.
  8. Start 아이콘을 클릭합니다.

Firefox 확장

확장을 설정한 후 를 엽니다. Target. 이제 페이지가 Visual Experience Composer, 다음의 경우에도 Enhanced Experience Composer 이(가) 비활성화되었습니다.

VEC(VEC 전용)에 내 페이지가 표시되지 않습니다. does-not-load

  • 최신 버전의 확장 프로그램은 VEC와의 호환성을 최상으로 유지합니다. Adobe Experience Cloud Visual Editing Helper extension.

    최신 버전을 사용 중인지 확인하려면 Extensions > Manage Extensions 그런 다음 을 클릭합니다. Details.

  • 다음 Visual Experience Composer 웹 페이지에서 수정을 수행하려면 라이브러리를 작성해야 합니다. 이러한 라이브러리는 at.js 라이브러리에 포함되어 있으며 의 확장에 의해 다운로드됩니다. Adobe VEC가 사용될 때마다 서버.

    확장 프로그램은 at.js 또는 Adobe Experience Platform Web SDK 은(는) 이미 페이지에 포함되어 있습니다.

    에 구성된 at.js 헤더에 잘못된 변경 사항이 추가되지 않았는지 확인합니다. Administration > Implementation 섹션.

  • 웹 페이지가 iFrame 내에 임베드된 경우 로드에 필수적인 요청을 차단하지 않는지 확인하십시오. 여기에는 고객 웹 사이트, 메타 HTML 태그 또는 x-frame-options 헤더에 포함된 프레임-상위 CSP 지시문 또는 사용자 지정 JS 코드 사용이 포함됩니다.

  • 웹 페이지의 Javascript가 작성 라이브러리를 방해하지 않는지 확인합니다. 다음 예약된 이름을 사용하는 파일을 사용하거나 포함하지 마십시오.

    • target-vec-helper.js

    • target-vec.js

    • target.js

    • admin.css

    • sizzle.js

    • mixContentCheck.html

      또한 이러한 파일 내에 정의된 변수나 이벤트를 실수로 무시하면 VEC에 문제가 발생할 수 있습니다.

  • 브라우저가 보안 사이트에서 비보안 페이지를 차단하고 있습니다.

    브라우저 주소 표시줄에서 URL 왼쪽에 있는 아이콘을 클릭하고 Disable protection on this page

  • 올바르지 않은 URL을 입력했습니다.

  • 웹 사이트가 VEC에서 로드되지 않거나 예기치 않게 작동하는 경우 잠재적인 수정 사항은 웹 사이트를 로드하기 전에 브라우저에서 웹 사이트의 쿠키를 수락하는 것입니다. Target.

찾아보기 모드를 사용할 때 VEC가 손상된 것으로 나타납니다. (VEC만 해당) section_FA2A18E8FD6A4274B2E395DBAA2FB407

찾아보기 모드를 사용하는 동안 가 없는 URL에 액세스하는 경우 Target 라이브러리가 구현됨 (at.js or Adobe Experience Platform Web SDK) 또는 frame-buster 헤더가 포함되어 있으면 VEC가 손상된 것으로 표시됩니다. 브라우저 보안 문제로 인해, Target 탐색한 URL에 제대로 액세스할 수 없거나 페이지가 로드될 경우 VEC URL이 일관되게 업데이트되지 않습니다.

이 문제는 VEC가 웹 페이지를 <iframe>. 브라우저의 현재 보안 메커니즘은 Target 동일 출처 정책으로 인해 주어진 프레임의 요소에 액세스할 수 없는 UI. 브라우저는 다른 원본이 있는 프레임에 액세스하려는 스크립트를 차단하며 다음과 같은 정보를 포함합니다. location.href.

새 를 사용해야 합니다. Visual Editing Helper 확장 기능 (권장) 또는 이전 확장 을(를) 주입하려면 Target 라이브러리를 페이지에 배치하여 최적의 상태로 탐색합니다.

의 CSS 충돌로 인해 발생하는 문제 Visual Experience Composer

편집기에서 웹 페이지를 로드하는 동안 가시성에 영향을 줄 수 있는 CSS 파일이 있는지 확인합니다. 예: overflow: hidden 페이지 본문의 속성은 스크롤 문제로 이어지거나 작성을 위한 메뉴를 방해할 수 있는 클릭 이벤트를 트리거할 수 있습니다.

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