Adobe Target의 at.js 2.0 작동 방식 이해

at.js 2.0은 단일 페이지 애플리케이션(SPA)에 대한 Adobe Target의 지원을 개선하고 다른 Experience Cloud 솔루션과 통합됩니다. 이 비디오와 함께 제공되는 다이어그램은 모든 것이 어떻게 합쳐지는지 설명합니다.

아키텍처 다이어그램

페이지 로드 시 at.js 2.0 동작

  1. 호출은 Experience Cloud ID(ECID)를 반환합니다. 사용자가 인증되면 다른 호출이 고객 ID를 동기화합니다.

  2. at.js 라이브러리는 동기식으로 로드되고 문서 본문을 숨깁니다(at.js 페이지에 구현된 코드 조각 사전 숨김을 사용하여 비동기식으로 로드할 수도 있습니다.).

  3. 페이지 로드 요청은 모든 구성된 매개 변수, ECID, SDID 및 고객 ID를 포함하여 이루어집니다.

  4. 프로필 스크립트가 실행되어 프로필 저장소에 입력됩니다. 저장소는 대상 라이브러리의 적절한 대상(예: Analytics, Audience Manager 등에서 공유되는 대상)을 요청합니다. 고객 속성은 배치 프로세스 에서 프로필 저장소로 전송됩니다.

  5. Target은 URL, 요청 매개 변수 및 프로필 데이터를 기반으로 현재 페이지 및 미래 보기를 위해 방문자에게 반환할 활동 및 경험을 결정합니다

  6. 추가적인 개인화를 위한 프로필 값을 선택적으로 포함하여 페이지로 다시 전송된 타깃팅된 컨텐츠.

    현재 페이지의 타깃팅된 콘텐츠는 기본 콘텐츠의 플리커 없이 가능한 한 빨리 나타납니다.

    단일 페이지 애플리케이션의 향후 보기를 위한 타깃팅된 컨텐츠는 브라우저에서 캐시되므로, 보기가 트리거될 때 추가적인 서버 호출 없이 즉시 적용할 수 있습니다. ( triggerView() 동작에 대한 다음 다이어그램을 참조하십시오.)

  7. Analytics 페이지에서 데이터 수집 서버로 전송된 데이터

  8. Target 데이터는 SDID를 통해 데이터에 대응되며 Analytics 보고 저장소로 처리됩니다. Analytics Analytics 그런 다음 데이터는 A4T 보고서 Analytics 를 통해 Target 및 모두에서 볼 수 있게 됩니다.

triggerView() 함수가 사용되는 경우 at.js 2.0 동작

  1. adobe.target.triggerView() 단일 페이지 애플리케이션에서 를 호출합니다

  2. 보기용으로 타깃팅된 콘텐츠를 캐시에서 읽습니다

  3. 타깃팅된 콘텐츠는 기본 콘텐츠의 플리커 없이 가능한 한 빨리 나타납니다

  4. 활동 및 증분 지표에서 방문자를 계산하기 위해 알림 요청이 Target 프로필 스토어에 전송됩니다

  5. Analytics 데이터는 SPA에서 데이터 수집 서버로 전송됩니다

  6. Target 데이터가 백엔드에서 Target 데이터 수집 서버로 전송됩니다. Target 데이터는 SDID를 통해 Analytics 데이터에 대응되며 Analytics 보고 저장소로 처리됩니다. Analytics 그런 다음 데이터는 A4T 보고서 Analytics 를 통해 Target 및 모두에서 볼 수 있게 됩니다.

추가 리소스

이 페이지에서는