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

at.js 라이브러리는 일반적인 웹 구현과 단일 페이지 애플리케이션 둘 다에 맞게 디자인된 새로운 Adobe Target용 구현 라이브러리입니다.

여러 가지 이점 중에서 at.js는 웹 구현에 대한 페이지 로드 시간을 향상시키고, 단일 페이지 애플리케이션에 대해 더 나은 구현 옵션을 제공합니다.

at.js는 Target을 구현할 수 있도록 mbox.js를 대체합니다. at.js 라이브러리에는 target.js에 포함된 조각도 포함되어 있으므로 더 이상 target.js 호출이 없습니다.

NOTE

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를 통해 완전히 비동기적인 통신

    IMPORTANT

    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의 오류 처리
  • 디버깅 방법론
  • 알려진 문제 및 향후 로드맵

이 페이지에서는