시각적 경험 작성기 Helper 확장 프로그램

Google Chrome용 Adobe Target Visual Experience Composer (VEC) 도우미 브라우저 확장을 사용하면 VEC 내에서 웹 사이트를 안전하게 로드하여 신속하게 제작하고 QA 웹 경험을 만들 수 있습니다.

노트

VEC 도우미 브라우저는 크롬 확장자입니다. Mozilla Firefox를 사용할 때는 이 확장이 필요하지 않습니다.

일부 웹 사이트가 VEC에서 안정적으로 열리지 않을 수 있는 이유

  • 웹 사이트에 엄격한 보안 정책이 있습니다.
  • 웹 사이트가 iframe으로 되어 있습니다.
  • at.js 라이브러리가 아직 웹 사이트에서 구현되지 않았습니다.
  • 고객의 QA 및/또는 스테이지 사이트를 외부 세계(사이트가 내부적임)에서 사용할 수 없습니다.
  • 향상된 SameSite 쿠키 실행 정책과 함께 Google Chrome 80+을 사용하고 있습니다. 자세한 내용은 최근에 발표된 Google Chrome SameSite 쿠키 실행 정책이 VEC 및 EEC에 어떤 영향을 줍니까?

Chrome용 VEC 도우미 브라우저 익스텐션은 고객이 이제 Target Enhanced Experience Composer 또는 요청 등 제3자 익스텐션에 의존하는 사이트 로딩 문제를 해결합니다.

VEC Helper 확장 프로그램을 사용하는 이점

  • X-Frame-Options 및 Content-Security-Policy와 같은 모든 iframe 버스팅 헤더가 웹 사이트에서 암묵적으로 제거됩니다. 더 이상 복잡한 요청 규칙을 만들 필요가 없습니다.

  • 웹 페이지에 아직 Target at.js JavaScript 라이브러리가 포함되어 있지 않은 경우 확장 프로그램을 사용하여 라이브러리를 주입할 수 있으므로 웹 사이트에 대한 경험을 작성할 수 있습니다. 그런 다음 활동을 만들고 미리 보기 링크를 사용하여 QA를 수행할 수 있습니다.

    EEC(Enhanced Experience Composer)를 사용하면 확장 기능이 at.js에서 주입되지 않지만 SameSite 쿠키 기능은 여전히 제공됩니다. 웹 페이지에서 at.js를 삽입하려면 EEC를 끕니다.

  • 모바일 뷰포트는 향상된 경험 작성기 (EEC)가 없어도 지원됩니다.

  • Target을 처음 사용하는 고객은 IT 개발자가 아직 웹 사이트에서 Target을 구현하지 않았더라도 확장 프로그램을 사용하여 Target을 실험해 볼 수 있습니다.

  • 이제 여러 고객의 웹 사이트 및 Target 계정을 제공하는 파트너는 타사 도구에서 여러 규칙을 관리하는 대신 VEC 로드를 지원하는 단일 메커니즘을 보유합니다.

VEC Helper 브라우저 확장 프로그램 받기 및 설치

  1. Chrome 웹 스토어의 Adobe Target VEC 도우미 브라우저 익스텐션으로 이동합니다.

  2. Chrome에 추가 > 확장 프로그램 추가​를 클릭합니다.

  3. Target에서 VEC를 엽니다.

  4. 확장 프로그램을 사용하려면 VEC 또는 QA 모드에 있는 동안 Chrome 브라우저의 도구 모음에서 VEC Helper 브라우저 확장 프로그램 아이콘(VEC Helper 아이콘)을 클릭합니다.

  5. (조건부) 웹 페이지에 아직 Target at.js JavaScript 라이브러리가 포함되어 있지 않으면 Target 삽입 라이브러리 삽입을 "설정" 위치로 전환합니다.

    다음 그림은 Target 라이브러리 삽입 설정이 활성화된 VEC Helper를 보여줍니다.

    VEC helper 1

    다음 그림은 작성을 활성화하기 위해 페이지에 Target 라이브러리를 삽입할 것인지 여부를 묻는 VEC Helper를 보여 줍니다.

    VEC helper 2

  6. (조건부) 쿠키​를 "on" 위치로 전환하여 SameSite=None 속성 브라우저 수정을 자동으로 추가한 다음 쿠키 이름과 도메인을 지정합니다.

    VEC 도우미 확장에서 쿠키 전환

    다음 링크에서는 추가 정보를 제공합니다.

    • SameSite=None 속성 브라우저 수정에 대한 자세한 내용은 "최근에 발표된 Google Chrome SameSite 쿠키 실행 정책이 VEC 및 EEC에 어떤 영향을 줍니까?"를 참조하십시오. in Visual Experience Composer 및 향상된 Experience Composer와 관련된 문제 해결에 있습니다.

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

참고

  • 구현 시 Targetat.js 라이브러리를 사용해야 합니다. 확장 프로그램에 mbox.js 구현을 사용할 수는 없습니다.

  • 확장 프로그램의 Target 라이브러리 주입 플래그는 기본적으로 꺼져 있습니다. Target용으로 아직 구현되지 않은 사이트에서 VEC를 사용하려는 경우 이 플래그를 활성화할 수 있습니다.

    이 플래그는 전역 설정입니다. VEC에서 연 모든 웹 사이트에 대해 활성화되어 있거나 비활성화되어 있습니다. 예를 들어 이 플래그를 "on"으로 설정하고 at.js로 이미 구현된 웹 사이트를 열면 at.js가 이미 로드되었음을 알리는 메시지가 표시됩니다. Adobe은 대부분의 고객이 이미 페이지에 at.js를 구현했으며 기본 설정인 "off"를 사용할 것으로 예측합니다.

  • 익스텐션은 관리 > 구현의 Target UI에서 사용할 수 있는 최신 버전의 at.js를 로드합니다.

  • QA 모드에서 확장 프로그램을 사용하여 at.js를 주입하는 경우 다른 Chrome 탭이 열려 있어야 합니다. 이 Chrome 탭은 활동을 만든 조직과 동일한 Adobe Experience Cloud 조직으로 인증되어야 합니다.

  • 다음 메시지는 사용자에게 계속 정보를 제공하는 데 도움이 됩니다.

    • 로드하지 못하는 VEC를 사용하여 웹 사이트를 로드하려고 하면 VEC Helper 브라우저 확장 프로그램 설치를 제안하는 메시지가 표시됩니다.
    • 웹 사이트에 at.js가 아직 구현되지 않은 경우 확장 프로그램 설치를 제안하는 메시지가 VEC에 표시됩니다.
    • 확장 프로그램이 활성화되어 있고 로드 기능이 켜져 있는 경우 확장 프로그램이 at.js 라이브러리를 주입(필요한 경우)하거나 VEC에서 웹 사이트를 안정적으로 열 때 메시지가 표시됩니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free