targetGlobalSettings()

를 사용하여 at.js 라이브러리의 설정을 재정의할 수 있습니다. targetGlobalSettings()에서 구성하지 않고, Target UI 또는 REST API 사용.

설정의 지침을 완료하여 이 설정을 변경할 수 있습니다

다음 설정을 재정의할 수 있습니다.

aepSandboxId

  • 유형: 문자열
  • 기본값: null
  • 설명: 전송하는 데 사용되는 선택적 매개 변수 Adobe Experience Platform 공유할 샌드박스 ID Adobe Experience Platform 기본이 아닌 샌드박스에서 을 사용하여 생성된 대상 Target. If aepSandboxId 은(는) null이 아닙니다. aepSandboxName 도 제공해야 합니다.

aepSandboxName

  • 유형: 문자열
  • 기본값: null
  • 설명: 전송하는 데 사용되는 선택적 매개 변수 Adobe Experience Platform 공유할 샌드박스 이름 Adobe Experience Platform 기본이 아닌 샌드박스에서 을 사용하여 생성된 대상 Target. If aepSandboxName 은(는) null이 아닙니다. aepSandboxId 도 제공해야 합니다.

artifactLocation

bodyHiddenStyle

  • 유형: 문자열

  • 기본값: 본문

  • 설명: 다음과 같은 경우에만 사용됩니다. globalMboxAutocreate === true 깜박임 가능성을 최소화하기 위해.

    자세한 내용은 at.js에서 플리커를 관리하는 방법.

bodyHidingEnabled

  • 유형: 부울
  • 기본값: true
  • 설명: 다음의 경우에 깜박임을 제어하는 데 사용됨 target-global-mbox 는 시각적 오퍼로도 알려진 시각적 경험 작성기에서 만든 오퍼를 전달하는 데 사용됩니다.

clientCode

  • 유형: 문자열
  • 기본값: UI를 통해 설정된 값.
  • 설명: 클라이언트 코드를 나타냅니다.

cookieDomain

  • 유형: 문자열
  • 기본값: 가능한 경우 최상위 도메인으로 설정합니다.
  • 설명: 쿠키를 저장할 때 사용되는 도메인을 나타냅니다.

crossDomain

  • 유형: 문자열
  • 기본값: UI를 통해 설정된 값.
  • 설명: 도메인 간 추적이 활성화되었는지 여부를 나타냅니다. 허용되는 값은 at.js 버전에 따라 다릅니다. at.js v1의 경우​ x, 도메인 간 기능이 disabled (브라우저는 사용자의 도메인에서 쿠키를 설정합니다(자사 쿠키만).) x only (브라우저는 쿠키를 Target을(를) 선택하거나 두 도메인을 모두 선택합니다 enabled (브라우저는 자사 및 타사 쿠키를 모두 설정합니다.) at.js v2.10 이상 버전의 경우 도메인 간 기능이 enabled (브라우저는 자사 및 타사 쿠키를 모두 설정) 또는 disabled (브라우저는 타사 쿠키를 설정하지 않습니다.)

cspScriptNonce

cspStyleNonce

dataProviders

decisioningMethod

  • 유형: 문자열

  • 기본값: 서버측

  • 기타 값: 온디바이스, 하이브리드

  • 설명: 아래 의사 결정 방법 을 참조하십시오.

    의사 결정 메서드

    온디바이스 의사 결정 시, Target at.js에서 경험을 전달하는 방법을 지정하는 의사 결정 메서드라는 새로운 설정을 소개합니다. 다음 decisioningMethod 에는 서버측 전용, 온디바이스 전용 및 하이브리드의 세 가지 값이 있습니다. 날짜 decisioningMethod 다음에서 설정됨: targetGlobalSettings(), 모든 의 기본 의사 결정 방법으로 작동합니다 Target 결정.

    서버측 전용:

    Server-side만 at.js 2.5+가 구현되고 웹 속성에 배포되는 경우 기본적으로 설정되는 기본 의사 결정 방법입니다.

    서버측을 기본 구성으로만 사용한다는 것은 모든 결정이 Target 에지 네트워크: 차단 서버 호출을 포함합니다. 이 방법을 사용하면 지연 시간이 늘어날 수 있지만 적용 기능을 제공하는 등 상당한 이점이 있습니다 Target다음을 포함하는 의 머신 러닝 기능 Recommendations, Automated Personalization (AP) 및 자동 타기팅 활동.

    또한 을 사용하여 개인화된 경험을 향상시킵니다. Target세션 및 채널에서 지속되는 의 사용자 프로필은 비즈니스에 강력한 결과를 제공할 수 있습니다.

    마지막으로, 서버측에서는 Adobe Experience Cloud만 사용할 수 있고 Audience Manager 및 Adobe Analytics 세그먼트를 통해 타깃팅할 수 있는 대상을 미세 조정할 수 있습니다.

    온디바이스 전용:

    온디바이스 의사 결정은 웹 페이지 전체에서 사용해야 하는 경우 온디바이스 전용 은 at.js 2.5+에서 설정해야 하는 의사 결정 방법입니다.

    온디바이스 의사 결정은 온디바이스 의사 결정의 자격이 되는 모든 활동을 포함하는 캐시된 규칙 아티팩트에서 결정되므로 매우 빠른 속도로 경험 및 개인화 활동을 제공할 수 있습니다.

    온디바이스 의사 결정의 대상이 되는 활동에 대한 자세한 내용은 지원되는 기능 섹션을 참조하십시오.

    이 의사 결정 방법은 다음의 의사 결정이 필요한 모든 페이지에서 성능이 매우 중요한 경우에만 사용해야 합니다. Target. 또한 이 결정 방법을 선택하면 Target 온디바이스 의사 결정에 적합하지 않은 활동은 전달되거나 실행되지 않습니다. at.js 라이브러리 2.5+는 의사 결정을 위해 캐시된 규칙 아티팩트만 찾도록 구성됩니다.

    하이브리드:

    Hybrid는 온디바이스 의사 결정과 네트워크 호출이 필요한 활동 모두에 대해 at.js 2.5+에서 설정해야 하는 의사 결정 메서드입니다. Adobe Target 에지 네트워크를 실행해야 합니다.

    온디바이스 의사 결정 활동과 서버측 활동을 모두 관리하는 경우 배포 및 프로비저닝 방법을 생각하면 다소 복잡하고 지루할 수 있습니다 Target 페이지에서 확인할 수 있습니다. 결정 방법으로 하이브리드를 사용하면 Target 는에 대해 서버 호출을 수행해야 하는 시점을 알고 있습니다. Adobe Target 서버측 실행이 필요한 활동 및 디바이스에서 의사 결정만 실행할 경우 에지 네트워크.

    JSON 규칙 아티팩트에는 mbox에 실행 중인 서버측 활동 또는 온디바이스 의사 결정 활동이 있는지 여부를 at.js에 알려주는 메타데이터가 포함됩니다. 이 의사 결정 방법을 사용하면 전달하려는 활동을 디바이스에서 의사 결정을 통해 신속하게 수행하고 보다 강력한 ML 기반 개인화가 필요한 활동의 경우 다음 작업을 통해 수행합니다. Adobe Target 에지 네트워크.

defaultContentHiddenStyle

  • 유형: 문자열
  • 기본값: 가시성: 숨겨짐
  • 설명: DIV를 클래스 이름 "mboxDefault"와 함께 사용하고 를 통해 실행되는 mbox를 래핑하는 데만 사용됩니다. mboxCreate(), mboxUpdate(), 또는 mboxDefine() 기본 컨텐츠를 숨깁니다.

defaultContentVisibleStyle

  • 유형: 문자열
  • 기본값: 가시성: 표시
  • 설명: DIV를 클래스 이름 "mboxDefault"와 함께 사용하고 를 통해 실행되는 mbox를 래핑하는 데만 사용됩니다. mboxCreate(), mboxUpdate(), 또는 mboxDefine() 적용된 오퍼(있는 경우) 또는 기본 컨텐츠를 표시합니다.

deviceIdLifetime

  • 유형: 숫자
  • 기본값: 63244800000 ms = 2년
  • 설명: 총 시간 deviceId 은 쿠키에 유지됩니다.
NOTE
at.js 버전 2.3.1 이상에서는 deviceIdLifetime 설정을 재정의할 수 있습니다.

활성화됨

  • 유형: 부울

  • 기본값: true

  • 설명: 활성화되면 Target 경험을 검색하기 위한 요청과 경험을 렌더링하기 위한 DOM 조작이 자동으로 실행됩니다. 또한 Target 호출은 를 통해 수동으로 실행할 수 있습니다. getOffer(s) / applyOffer(s).

    비활성화되면 Target 요청은 자동으로 또는 수동으로 실행되지 않습니다.

globalMboxAutoCreate

  • 유형: 숫자
  • 기본값: UI를 통해 설정된 값.
  • 설명: 글로벌 mbox 요청을 실행할지 여부를 나타냅니다.

imsOrgId

  • 유형: 문자열
  • 기본값: true
  • 설명: IMS 조직 ID를 나타냅니다.

optinEnable

  • 유형: 부울
  • 기본값: false
  • 설명: Target 은 Adobe Experience Platform을 통해 동의 관리 전략을 지원하는 데 도움이 되는 선택 기능 지원을 제공합니다. 선택 기능을 통해 고객이 Target 태그를 실행하는 방법과 시기를 제어할 수 있습니다. Adobe Experience Platform을 통해 을(를) 사전 승인할 수 있는 옵션도 있습니다. Target 태그에 가깝게 배치하십시오. 에서 옵트인을 사용하는 기능을 활성화하려면 Target at.js 라이브러리에서 optinEnabled=true 설정. Adobe Experience Platform의 확장 프로그램 설치 보기에 있는 GDPR 옵트인 드롭다운 목록에서 "활성화"를 선택해야 합니다. 다음을 참조하십시오. Adobe Experience Platform 설명서 을 참조하십시오. 유럽 연합의 일반 데이터 정보 보호 규정(GDPR) 및 캘리포니아 소비자 개인정보 보호법(CCPA)을 포함하여 개인정보 보호 및 데이터 보호 규정과 관련된 이 설정에 대한 자세한 내용은 을 참조하십시오. 개인 정보 보호 및 데이터 보호 규정.

optoutEnabled

  • 유형: 부울
  • 기본값: false
  • 설명: 다음 여부를 나타냅니다. Target 방문자 API를 호출해야 함 isOptedOut() 함수. Device Graph 지원의 일부입니다.

overrideMboxEdgeServer

  • 유형: 부울

  • 기본값: true(at.js 버전 1.6.2부터 true)

  • 설명: 를 사용해야 하는지 여부를 나타냅니다. <clientCode>.tt.omtrdc.net 도메인 또는 mboxedge<clusterNumber>.tt.omtrdc.net 도메인.

    이 값이 true이면 mboxedge<clusterNumber>.tt.omtrdc.net 도메인이 쿠키에 저장됩니다. 현재 (으)로 작업 안 함 CNAME at.js 1.8.2 및 at.js 2.3.1 이전 버전의 at.js 사용 시 이것이 귀하에게 문제가 되는 경우 다음을 고려하십시오. at.js 업데이트 를 최신 지원 버전으로 업그레이드하십시오.

overrideMboxEdgeServerTimeout

  • 유형: 숫자
  • 기본값: 1860000 => 31분
  • 설명: 다음을 포함하는 쿠키 라이프타임을 나타냅니다. mboxedge<clusterNumber>.tt.omtrdc.net 값.

pageLoadEnabled

  • 유형: 부울
  • 기본값: true
  • 설명: 활성화되면 페이지 로드 시 반환해야 하는 경험을 자동으로 검색합니다.

pollingInterval

  • 유형: 숫자
  • 기본값: 300000(5분(밀리초)
  • 설명: at.js가 새 버전의 온디바이스 의사 결정 아티팩트를 가져오고 캐시를 업데이트하는 간격입니다. 300000에 허용되는 최소값입니다. pollingInterval.

secureOnly

  • 유형: 부울
  • 기본값: false
  • 설명: at.js에서 HTTPS만 사용되는지 또는 페이지 프로토콜을 기준으로 HTTP와 HTTPS 간을 전환할 수 있는지를 나타냅니다. true로 설정하면 secureOnly는 Secure 및 SameSite 속성도 mbox 쿠키로 설정합니다.

selectorsPollingTimeout

  • 유형: 숫자

  • 기본값: 5000ms = 5초

  • 설명: at.js 0.9.6에서, Target 를 통해 재정의할 수 있는 이 새 설정이 도입되었습니다. targetGlobalSettings.

    다음 selectorsPollingTimeout 설정은 선택기로 식별된 모든 요소가 페이지에 표시되도록 하기 위해 클라이언트가 대기하는 시간을 나타냅니다.

    VEC(시각적 경험 작성기)를 통해 작성된 활동에는 선택기를 포함하는 오퍼가 있습니다.

serverDomain

  • 유형: 문자열
  • 기본값: UI를 통해 설정된 값.
  • 설명: 를 나타냅니다. Target 에지 서버입니다.

serverState

원격 분석 사용

  • 유형: 부울
  • 기본값: true
  • 설명: 활성화되면 Adobe은 SDK 기능 사용 및 성능 원격 분석 데이터를 수집합니다. 개인 데이터는 수집되지 않습니다.

timeout

  • 유형: 숫자
  • 기본값: UI를 통해 설정된 값.
  • 설명: 를 나타냅니다. Target edge 요청 시간 초과.

viewsEnabled viewsenabled

  • 유형: 부울
  • 기본값: true
  • 설명: 활성화되면 페이지가 로드될 때 보기가 자동으로 검색됩니다. 날짜 triggerView 을 호출하면 적용 가능한 보기가 브라우저에 표시됩니다. 이 옵션이 비활성화되면 페이지 로드 시 보기가 검색되지 않고 triggerView 아무 작업도 하지 않습니다. 보기는 at.js 2에서 지원됩니다.x 에만 사용할 수 있습니다.

visitorApiTimeout

  • 유형: 숫자
  • 기본값: 2000ms = 2초
  • 설명: 방문자 API 요청 시간 제한을 나타냅니다.

사용

이 함수는 at.js가 로드되기 전이나 관리 > 구현 > at.js 설정 편집 > 코드 설정 > 라이브러리 헤더.

라이브러리 헤더 필드에는 자유 형식 JavaScript를 입력할 수 있습니다. 사용자 지정 코드는 다음 예제와 유사해야 합니다.

window.targetGlobalSettings = {
   timeout: 200, // using custom timeout
   visitorApiTimeout: 500, // using custom API timeout
   enabled: document.location.href.indexOf('https://www.adobe.com') >= 0 // enabled ONLY on adobe.com
};

데이터 공급자 data-providers

이 설정을 사용하면 고객이 Demandbase, BlueKai 및 사용자 지정 서비스와 같은 타사 데이터 공급자로부터 데이터를 수집하여 로 전달할 수 있습니다 Target 글로벌 mbox 요청에 mbox 매개 변수로 사용됩니다. 비동기 및 동기 요청을 통해 여러 공급자로부터 데이터를 수집하도록 지원합니다. 이 접근 방식을 사용하면 각 공급자에 대해 독립적인 시간 제한을 포함하여 페이지 성능에 미치는 영향을 제한하면서, 기본 페이지 콘텐츠의 깜박임을 쉽게 관리할 수 있습니다

NOTE
데이터 공급자는 at.js 1.3 이상이 필요합니다.

다음 비디오에는 추가 정보가 포함되어 있습니다.

비디오
설명
Adobe Target에서 데이터 공급자 사용
데이터 공급자는 타사의 데이터를 Target에 쉽게 전달할 수 있는 기능입니다. 타사는 기상 서비스, DMP 또는 자체 웹 서비스일 수 있습니다. 그런 다음, 이 데이터를 사용하여 대상, Target 콘텐츠를 작성하고 방문자 프로필을 보강할 수 있습니다.
Adobe Target에서 데이터 공급자 구현
Adobe 사용 방법에 대한 구현 세부 정보 및 예 Target의 dataProviders 기능은 타사 데이터 공급자로부터 데이터를 검색하고 이것을 Target 요청.

window.targetGlobalSettings.dataProviders 설정은 데이터 공급자의 배열입니다.

각 데이터 공급자의 구조는 다음과 같습니다.

유형
설명
이름
문자열
공급자의 이름입니다.
version
문자열
공급자 버전입니다. 이 키는 공급자 발전에 사용됩니다.
timeout
숫자
네트워크 요청인 경우 공급자 시간 제한을 나타냅니다. 이 키는 선택 사항입니다.
provider
함수

공급자 데이터 가져오기 로직을 포함하는 함수입니다.

함수에는 단일 필수 매개 변수가 있습니다. callback. callback 매개 변수는 데이터를 성공적으로 가져왔거나 오류가 있는 경우에만 호출되어야 하는 함수입니다.

콜백에는 다음 두 매개 변수가 필요합니다.

  • error: 오류가 발생했는지를 나타냅니다. 모든 것이 정상이면 이 매개 변수를 null로 설정해야 합니다.
  • params: 로 전송될 매개 변수를 나타내는 JSON 개체 Target 요청.

다음 예제에서는 데이터 공급자가 동기화 실행을 사용하는 위치를 보여 줍니다.

var syncDataProvider = {
  name: "simpleDataProvider",
  version: "1.0.0",
  provider: function(callback) {
    callback(null, {t1: 1});
  }
};

window.targetGlobalSettings = {
  dataProviders: [
    syncDataProvider
  ]
};

at.js 처리 후 window.targetGlobalSettings.dataProviders, Target 요청에 새 매개 변수가 포함됩니다. t1=1.

다음은 에 추가할 매개 변수의 예입니다. Target 요청은 Bluekai, Demandbase 등과 같은 서드파티 서비스에서 가져옵니다.

var blueKaiDataProvider = {
   name: "blueKai",
   version: "1.0.0",
   provider: function(callback) {
      // simulating network request
     setTimeout(function() {
       callback(null, {t1: 1, t2: 2, t3: 3});
     }, 1000);
   }
}

window.targetGlobalSettings = {
   dataProviders: [
      blueKaiDataProvider
   ]
};

at.js 처리 후 window.targetGlobalSettings.dataProviders, Target 요청에는 추가 매개 변수가 포함됩니다. t1=1, t2=2t3=3.

다음 예제에서는 데이터 공급자를 사용하여 날씨 API 데이터를 수집하고 Target 요청. 다음 Target 요청에는 다음과 같은 추가 매개 변수가 있습니다. countryweatherCondition.

var weatherProvider = {
      name: "weather-api",
      version: "1.0.0",
      timeout: 2000,
      provider: function(callback) {
        var API_KEY = "caa84fc6f5dc77b6372d2570458b8699";
        var lat = 44.426767399999996;
        var lon = 26.1025384;
        var url = "//api.openweathermap.org/data/2.5/weather?";
        var data = {
          lat: lat,
          lon: lon,
          appId: API_KEY
        }

        $.ajax({
          type: "GET",
                url: url,
          dataType: "json",
          data: data,
          success: function(data) {
            console.log("Weather data", data);
            callback(null, {
              country: data.sys.country,
              weatherCondition: data.weather[0].main
            });
          },
          error: function(err) {
            console.log("Error", err);
            callback(err);
          }
        });
      }
    };

    window.targetGlobalSettings = {
      dataProviders: [weatherProvider]
    };

dataProviders 설정을 사용할 때는 다음 사항을 고려하십시오.

  • window.targetGlobalSettings.dataProviders에 추가된 데이터 공급자가 비동기 상태인 경우 병렬로 실행됩니다. 방문자 API 요청은 최소 대기 시간을 허용하기 위해 window.targetGlobalSettings.dataProviders에 추가된 함수와 함께 실행됩니다.
  • at.js는 데이터를 캐시하려고 하지 않습니다. 데이터 공급자는 데이터를 한 번만 가져오는 경우 데이터가 캐시되는지 확인해야 하고, 공급자 함수가 호출될 때 두 번째 호출을 위해 캐시 데이터를 제공해야 합니다.

콘텐츠 보안 정책

at.js 2.3.0+에서는 전달된 항목을 적용할 때 페이지 DOM에 추가되는 SCRIPT 및 STYLE 태그에 대한 콘텐츠 보안 정책 임시 설정을 지원합니다 Target 오퍼.

SCRIPT 및 STYLE 음수는에서 설정해야 합니다. targetGlobalSettings.cspScriptNoncetargetGlobalSettings.cspStyleNonce 따라서 at.js 2.3.0+ 로드 전에 아래 예를 참조하십시오.

...
<head>
 <script nonce="<script_nonce_value>">
window.targetGlobalSettings = {
  cspScriptNonce: "<csp_script_nonce_value>",
  cspStyleNonce: "<csp_style_nonce_value>"
};
 </script>
 <script nonce="<script_nonce_value>" src="at.js"></script>
...
</head>
...

다음 이후 cspScriptNoncecspStyleNonce 설정이 지정되면 at.js 2.3.0+는 이를 적용할 때 DOM에 추가하는 모든 SCRIPT 및 STYLE 태그에 nonce 속성으로 설정합니다 Target 오퍼.

하이브리드 개인화

serverState 는 at.js v2.2+에서 사용할 수 있는 설정이며, 하이브리드 통합 시 페이지 성능을 최적화하는 데 사용할 수 있습니다. Target 가 구현되었습니다. 하이브리드 통합은 클라이언트측에서 at.js v2.2+를 사용하고 있으며 배달 API 또는 를 모두 사용하고 있음을 의미합니다. Target 경험을 게재할 서버측 SDK. serverState 는 at.js v2.2+에서 서버측에서 가져온 콘텐츠에서 직접 경험을 적용하고 서비스되는 페이지의 일부로 클라이언트에 반환할 수 있는 기능을 제공합니다.

전제 조건

다음의 하이브리드 통합이 있어야 합니다. Target.

코드 샘플

작동 방식을 더 잘 이해하려면 서버에 있는 아래 코드 예를 참조하십시오. 코드는 사용자가 다음을 사용하고 있다고 가정합니다. Target Node.js SDK.

// First, we fetch the offers via Target Node.js SDK API, as usual
const targetResponse = await targetClient.getOffers(options);
// A successfull response will contain Target Delivery API request and response objects, which we need to set as serverState
const serverState = {
  request: targetResponse.request,
  response: targetResponse.response
};
// Finally, we should set window.targetGlobalSettings.serverState in the returned page, by replacing it in a page template, for example
const PAGE_TEMPLATE = `
<!doctype html>
<html>
<head>
  ...
  <script>
    window.targetGlobalSettings = {
      overrideMboxEdgeServer: true,
      serverState: ${JSON.stringify(serverState, null, " ")}
    };
  </script>
  <script src="at.js"></script>
</head>
...
</html>
`;
// Return PAGE_TEMPLATE to the client ...

샘플 serverState 보기 프리페치를 위한 JSON 개체는 다음과 같습니다.

{
 "request": {
  "requestId": "076ace1cd3624048bae1ced1f9e0c536",
  "id": {
   "tntId": "08210e2d751a44779b8313e2d2692b96.21_27"
  },
  "context": {
   "channel": "web",
   "timeOffsetInMinutes": 0
  },
  "experienceCloud": {
   "analytics": {
    "logging": "server_side",
    "supplementalDataId": "7D3AA246CC99FD7F-1B3DD2E75595498E"
   }
  },
  "prefetch": {
   "views": [
    {
     "address": {
      "url": "my.testsite.com/"
     }
    }
   ]
  }
 },
 "response": {
  "status": 200,
  "requestId": "076ace1cd3624048bae1ced1f9e0c536",
  "id": {
   "tntId": "08210e2d751a44779b8313e2d2692b96.21_27"
  },
  "client": "testclient",
  "edgeHost": "mboxedge21.tt.omtrdc.net",
  "prefetch": {
   "views": [
    {
     "name": "home",
     "key": "home",
     "options": [
      {
       "type": "actions",
       "content": [
        {
         "type": "setHtml",
         "selector": "#app > DIV.app-container:eq(0) > DIV.page-container:eq(0) > DIV:nth-of-type(2) > SECTION.section:eq(0) > DIV.container:eq(1) > DIV.heading:eq(0) > H1.title:eq(0)",
         "cssSelector": "#app > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(2) > SECTION:nth-of-type(1) > DIV:nth-of-type(2) > DIV:nth-of-type(1) > H1:nth-of-type(1)",
         "content": "<span style=\"color:#FF0000;\">Latest</span> Products for 2020"
        }
       ],
       "eventToken": "t0FRvoWosOqHmYL5G18QCZNWHtnQtQrJfmRrQugEa2qCnQ9Y9OaLL2gsdrWQTvE54PwSz67rmXWmSnkXpSSS2Q==",
       "responseTokens": {
        "profile.memberlevel": "0",
        "geo.city": "dublin",
        "activity.id": "302740",
        "experience.name": "Experience B",
        "geo.country": "ireland"
       }
      }
     ],
     "state": "J+W1Fq18hxliDDJonTPfV0S+mzxapAO3d14M43EsM9f12A6QaqL+E3XKkRFlmq9U"
    }
   ]
  }
 }
}

페이지가 브라우저에 로드되면 at.js가 모든 Target 의 오퍼 serverState 에 대해 네트워크 호출을 실행하지 않고 Target edge. 또한 at.js는 다음에 대한 DOM 요소만 미리 숨깁니다 Target 오퍼를 가져온 콘텐츠 서버측에서 사용할 수 있으므로 페이지 로드 성능 및 최종 사용자 경험에 긍정적인 영향을 줍니다.

중요 정보

을 사용할 때는 다음 사항을 고려하십시오 serverState:

  • 현재 at.js v2.2에서는 다음에 대해 serverState를 통한 경험 전달만 지원합니다.

    • 페이지 로드 시 실행되는 VEC 생성 활동.

    • 미리 가져온 보기.

      SPA의 경우 다음을 사용 Target 보기 및 triggerView() at.js API에서 at.js v2.2는 서버측에서 미리 가져온 모든 보기에 대한 콘텐츠를 캐시하고 각 보기가 를 통해 트리거되는 즉시 적용합니다 triggerView()에 대한 추가 콘텐츠 가져오기 호출을 실행하지 않고 다시 실행합니다. Target.

    • 참고: 현재 서버측에서 검색된 mbox는에서 지원되지 않습니다. serverState.

  • 적용 시 serverState at.js에서는 오퍼를 고려합니다 pageLoadEnabledviewsEnabled 설정(예: 페이지 로드 오퍼)은 pageLoadEnabled 설정이 false입니다.

    이러한 설정을 켜려면 켜기/끄기 기능을 활성화합니다 관리 > 구현 > 편집 > 페이지 로드 활성화됨.

    페이지 로드 사용 설정

  • 을 사용하는 경우 serverState 및 사용 <script> 반환된 컨텐츠의 태그, HTML 컨텐츠가 <\/script> 대신 </script>. 를 사용하는 경우 </script>를 입력하면 브라우저가 </script> 를 인라인 스크립트의 끝으로, HTML 페이지가 손상될 수 있습니다.

추가 리소스

자세한 내용 serverState 작동합니다. 다음 리소스를 확인하십시오.

recommendation-more-help
6906415f-169c-422b-89d3-7118e147c4e3