mbox.js가 수행하는 작업

기술 담당자가 mbox.js 구현과 이 구현이 사이트에 미칠 수 있는 영향을 이해하는 데 도움이 되는 정보입니다.

중요

mbox.js 수명 종료:2021년 3월 31일부터 mbox.js 라이브러리를 더 이상 Adobe Target 지원하지 않습니다. 2021년 3월 31일 이후 mbox.js에서 수행된 모든 호출이 정상적으로 실패하며 기본 컨텐츠를 제공하여 Target 활동이 있는 페이지에 영향을 줍니다.

사이트에서 발생할 수 있는 문제를 방지하려면 모든 고객이 이 날짜 이전에 새 Adobe Experience Platform Web SDK 또는 at.js JavaScript 라이브러리의 최신 버전으로 마이그레이션하는 것이 좋습니다. 자세한 내용은 개요:클라이언트측 웹에 대한 Target을 구현합니다.

Target Standard에는 mbox.js 버전 58 이상이 필요합니다. mbox.js를 다운로드하고 업데이트하는 방법에 대한 지침은 Mbox 구현을 참조하십시오.

Target Standard의 경우 mbox.js는 다른 JavaScript 파일인 target.js를 호출합니다. Target.js는 Adobe에 의해 호스팅되며 Adobe에 의해 자동으로 업데이트됩니다. target.js를 업데이트하기 위해 수행해야 할 작업은 없으며 클라이언트별 사용자 지정 사항도 없습니다.

Target.js는 페이지의 <head> 섹션에서 target-global-mbox라는 mbox를 만듭니다.

Target.js는 mbox.js의 추가 JavaScript 필드에 추가된 JavaScript 코드 행에 의해 mbox.js에서 호출됩니다. target.js를 비활성화하는 유일한 방법은 이 코드 행을 포함하지 않는 것으로서, 이렇게 하면 Target을 비활성화하게 됩니다.

Target.js는 Target에서 두 가지 기능이 있습니다.

  • DOM 조작
  • 시각적 경험 작성기의 시각적 요소 활성화

DOM 조작

Target.js는 Standard에서 사용하는 DOM 조작 라이브러리를 제어합니다. 웹 사이트의 컨텐츠를 표시하기 위해 target.js는 sizzle.js (버전1.10.8-pre)를 참조합니다. Sizzle.js는 HTML 요소 선택기를 활성화합니다. sizzle.js 이외에는 기본 JavaScript만 사용됩니다. jquery는 필요하지 않습니다.

또한 DOM을 폴링하는 데에는 다음 코드 조각이 사용됩니다.
https://github.com/dperini/ContentLoaded

Target.js 및 시각적 경험 작성기

시각적 경험 작성기를 사용하여 활동에 대한 경험을 설정하면 웹 페이지가 iFrame으로 열립니다. iFrame이 로드되면 Standard에서는 HTML5 postMessage API 호출을 전송합니다. Target.js는 모든 postMessage 호출을 감지하고 웹 사이트에 다음 JavaScript 라이브러리를 포함합니다.

  • 썸네일 생성용: https://html2canvas.hertzen.com/
  • 도메인 간 쿼리용: Admin.js, CDQ.base.js, CDQ.host.js, admin.css (여러 iFrame 간 메시지 전송에 사용됨). 이 스크립트들을 사용하면 Adobe에서 페이지 간에 데이터를 전송할 수 있습니다.

Angular 사이트 및 단일 페이지 애플리케이션에 대한 고려 사항

Angular 사이트 또는 단일 페이지 애플리케이션(SPA)에서 Target을 구현하는 경우 mbox.js 대신at.js 라이브러리를 사용해야 합니다.

자세한 내용은 at.js 구현을 참조하십시오.

이 페이지에서는