Show Menu
화제×

mbox.js에서 at.js로 마이그레이션

at.js 라이브러리는 일반적인 웹 구현과 단일 페이지 애플리케이션 둘 다에 맞게 디자인된 새로운 Adobe Target용 구현 라이브러리입니다.
여러 가지 이점 중에서 at.js는 웹 구현에 대한 페이지 로드 시간을 향상시키고, 단일 페이지 애플리케이션에 대해 더 나은 구현 옵션을 제공합니다.
at.js는 Target을 구현할 수 있도록 mbox.js를 대체합니다. at.js 라이브러리에는 target.js에 포함된 조각도 포함되어 있으므로 더 이상 target.js 호출이 없습니다.
FP-11577을 사용하는 Adobe Experience Manager(AEM) 6.2(또는 이상)에서는 Adobe Target 클라우드 서비스 통합을 통해 at.js 구현을 지원합니다. 자세한 내용은 Adobe Experience Manager 6.2 설명서에서 기능 팩 Adobe Target과 통합 을 참조하십시오.

at.js의 이점

다음 표는 두 라이브러리의 차이점에 대해 설명합니다.
라이브러리 참조
설명
at.js
at.js는 Target 구현을 위한 mbox.js를 대신합니다.
여러 가지 이점 중에서 at.js는 웹 구현에 대한 페이지 로드 시간을 향상시키고, 보안을 강화하고, Google Chrome의 document.write 경고를 방지하며, 단일 페이지 애플리케이션에 대해 더 나은 구현 선택 사항을 제공합니다.
자세한 내용은 at.js 구현 을 참조하십시오.
mbox.js
Target 16.3.1(2016년 3월) 이전 Target에서는 Target에서 활동을 전달하고, 클릭을 추적하고, 대부분의 성공 지표를 추적하는 데 필요한 글로벌 mbox를 만들 수 있도록 mbox.js를 호출해야 했습니다. 이 파일에는 모든 활동에 필요한 라이브러리가 들어 있으므로, 파일의 다른 활동별 버전을 유지 관리할 필요는 없습니다.
페이지에 이전 스타일의 Target 구현에서 비롯된 랩핑 mbox가 이미 있다면, 이 mbox를 새 인터페이스에서 계속 사용할 수 있습니다. 업데이트된 mbox.js 파일은 여전히 필요하지만, 이 mbox를 활동에 대해 선택하고 시각적 경험 작성기를 사용하여 편집할 수 있습니다.
Target Standard 및 Premium은 target.js 파일을 참조하여 mbox.js를 업데이트하고 보완합니다. target.js 파일은 Adobe로 호스팅됩니다. target.js 파일은 페이지에 사전 정의된 mbox가 없는 경우에도 시각적 경험 작성기를 사용하여 어떤 페이지에서든 콘텐츠를 편집할 수 있도록 해줍니다. 사이트의 모든 페이지에서는 이 파일을 참조해야 합니다.
자세한 내용은 mbox.js 구현 을 참조하십시오.
중요 : mbox.js 라이브러리는 계속 지원되지만 기능 업데이트는 제공되지 않을 예정입니다. 모든 고객은 at.js로 마이그레이션하는 것이 좋습니다. 자세한 내용은 mbox.js에서 at.js로 마이그레이션 을 참조하십시오

at.js 구현

at.js를 사용하려면 구현하려는 페이지에서 mbox.js 참조를 바꾸십시오. 하나의 페이지에서 mbox.js와 at.js를 함께 사용할 수 없습니다. 그러나 사이트의 각 페이지에서 어느 하나를 사용할 수는 있습니다.
at.js 라이브러리는 mboxCreate() , mboxDefine() mboxUpdate() 함수를 사용하여 기존 구현에 대해 작동하며, 단일 페이지 앱 기반 구현에 초점을 맞춘 새로운 기능을 지원합니다.
현재 mbox.js를 사용하는 곳이라면 어디든 at.js를 사용할 수 있습니다.
at.js 라이브러리는 mbox.js 라이브러리와 비교하여 다음을 포함한 몇 가지 개선 사항을 제공합니다.
  • 교차 도메인 AJAX를 통해 완전히 비동기적인 통신
    at.js가 Target 서버와 비동기적으로 통신하긴 하지만 at.js 파일 자체는 페이지의 <head> 섹션에서 동기적으로 로드되어야 합니다. 이상적으로는 로드된 첫 번째 스크립트 중 하나여야 합니다. at.js는 로드된 후에는 XMLHttpRequest 를 통해 mbox 호출을 비동기적으로 실행하고 페이지 렌더링을 차단하지 않습니다.
  • 더 이상 차단 호출이 없음
  • document.write() 이 사용되지 않음
  • Target 응답에서 즉각적인 JavaScript 실행이 없음
  • 더 나은 시간 제한 및 오류 처리
    • 사용자 지정 가능한 호출당 시간 제한
    • 시간 초과 시 다시 로드되지 않음
  • 단일 페이지 앱/MVC 프레임워크용으로 특별히 디자인된 함수

교육 비디오: at.js - 이점 및 구현 우수 사례

이 비디오는 Adobe 고객 지원 팀에서 진행한 이니셔티브인 " 운영시간 " 기록입니다.
  • at.js 라이브러리 작동 방식
  • mbox.js에 비해 at.js의 장점
  • at.js에서 플리커를 관리하는 방법
  • at.js의 오류 처리
  • 디버깅 방법론
  • 알려진 문제 및 향후 로드맵