사용 Adobe Target 및 Web SDK 개인화용

Adobe Experience Platform Web SDK 에서 관리되는 개인화된 경험을 제공하고 렌더링할 수 있습니다. Adobe Target 웹 채널에 연결합니다. 라는 WYSIWYG 편집기를 사용할 수 있습니다. 시각적 경험 작성기 (VEC) 또는 비시각적 인터페이스인 양식 기반 경험 작성기을 추가하여 활동 및 개인화 경험을 만들고, 활성화하고, 제공할 수 있습니다.

다음 기능이 테스트되었으며 현재 지원됨 Target:

Web SDK 시스템 다이어그램

다음 다이어그램은 의 워크플로를 이해하는 데 도움이 됩니다 Target 및 Web SDK edge decisioning

활성화 중 Adobe Target

활성화하려면 Target를 사용하여 다음을 수행합니다.

그런 다음 선택적으로 다음 옵션을 추가할 수도 있습니다.

Adobe Target VEC 사용

에 VEC를 사용하려면 Web SDK 구현, 설치 및 활성화 Firefox 또는 크롬 VEC Helper 확장 프로그램.

자세한 내용은 시각적 경험 작성기 Helper 확장 프로그램 다음에서 Adobe Target 안내서.

개인화된 콘텐츠 렌더링

다음을 참조하십시오 개인화 콘텐츠 렌더링 추가 정보.

XDM의 대상

다음에 대한 대상자를 정의할 때 Target 를 통해 제공되는 활동 Web SDK, XDM 을(를) 정의하고 사용해야 합니다. XDM 스키마, 클래스 및 스키마 필드 그룹을 정의한 후 Target 타깃팅용 XDM 데이터로 정의된 대상 규칙. 다음 범위 내 Target, XDM 데이터가에 표시됨 Audience Builder 를 사용자 지정 매개 변수로 사용하십시오. XDM은 점 표기법을 사용하여 serialize됩니다(예: web.webPageDetails.name).

다음을 보유한 경우: Target 사용자 지정 매개 변수 또는 사용자 프로필을 사용하는 사전 정의된 대상이 있는 활동은 SDK를 통해 올바르게 전달되지 않습니다. 사용자 지정 매개 변수 또는 사용자 프로필을 사용하는 대신 XDM을 사용해야 합니다. 하지만 를 통해 지원되는 기본 대상자 타겟팅 필드가 있습니다. Web SDK XDM이 필요하지 않습니다. 다음 필드는 Target XDM이 필요하지 않은 UI:

자세한 내용은 대상의 카테고리 다음에서 Adobe Target 안내서.

응답 토큰

응답 토큰은 Google 또는 Facebook과 같은 서드파티로 메타데이터를 전송하는 데 사용됩니다. 응답 토큰은에서 반환됩니다. meta 다음 범위 내의 필드 propositions -> items. 다음은 샘플입니다.

{
  "id": "AT:eyJhY3Rpdml0eUlkIjoiMTI2NzM2IiwiZXhwZXJpZW5jZUlkIjoiMCJ9",
  "scope": "__view__",
  "scopeDetails": ...,
  "renderAttempted": true,
  "items": [
    {
      "id": "0",
      "schema": "https://ns.adobe.com/personalization/dom-action",
      "meta": {
        "experience.id": "0",
        "activity.id": "126736",
        "offer.name": "Default Content",
        "offer.id": "0"
      }
    }
  ]
}

응답 토큰을 수집하려면에 가입해야 합니다. alloy.sendEvent 약속, 반복 propositions및 세부 정보를 추출할 위치: items -> meta.

매 proposition 다음 포함 renderAttempted 다음 여부를 나타내는 부울 필드 proposition 렌더링되었는지 여부입니다. 아래 샘플을 참조하십시오.

alloy("sendEvent",
  {
    "renderDecisions": true,
    "decisionScopes": [
      "hero-container"
    ]
  }).then(result => {
    const { propositions } = result;

    // filter rendered propositions
    const renderedPropositions = propositions.filter(proposition => proposition.renderAttempted === true);

    // collect the item metadata that represents the response tokens
    const collectMetaData = (items) => {
      return items.filter(item => item.meta !== undefined).map(item => item.meta);
    }

    const pageLoadResponseTokens = renderedPropositions
      .map(proposition => collectMetaData(proposition.items))
      .filter(e => e.length > 0)
      .flatMap(e => e);
  });

자동 렌더링이 활성화된 경우 제안 배열에 다음이 포함됩니다.

페이지 로드 시:

보기 - 변경(캐시된 보기):

자동 렌더링이 비활성화되면 제안 배열에 다음이 포함됩니다.

페이지 로드 시:

보기 - 변경(캐시된 보기):

단일 프로필 업데이트

다음 Web SDK 프로필을 로 업데이트할 수 있습니다. Target 프로필 및 대상 Web SDK 경험 이벤트.

를 업데이트하려면 Target 프로필, 프로필 데이터가 다음과 함께 전달되는지 확인합니다.

일반 Web SDK 이 명령을 사용하는 코드는 다음과 같습니다.

sendEvent프로필 데이터 포함

alloy("sendEvent", {
   renderDecisions: true|false,
   xdm: { // Experience Event XDM data },
   data: { // Freeform data }
});

Adobe Target에 프로필 속성을 보내는 방법:

alloy("sendEvent", {
  "renderDecisions": true,
  "data": {
    "__adobe": {
      "target": {
        "profile.gender": "female",
        "profile.age": 30
      }
    }
  }
});

권장 사항 요청

다음 표에는 Recommendations 속성 및 다음을 통해 각 속성 지원 여부 Web SDK:

Recommendations 속성을 Adobe Target으로 보내는 방법:

alloy("sendEvent", {
  "renderDecisions": true,
  "data": {
    "__adobe": {
      "target": {
        "entity.id": "123",
        "entity.genre": "Drama"
      }
    }
  }
});

디버깅

mboxTrace 및 mboxDebug는 더 이상 사용되지 않습니다. 의 메서드 사용 Web SDK 디버깅 대신,

용어

제안: 위치 Adobe Target, propositions는 활동에서 선택한 경험과 관련이 있습니다.

스키마: 의사 결정 스키마는 의 오퍼 유형입니다. Adobe Target.

범위: 결정의 범위. 위치 Adobe Target, 범위는 mBox입니다. 글로벌 mBox는 __view__ 범위.

XDM: XDM은 점 표기법으로 일련화된 다음 로 입력됩니다. Adobe Target 를 mBox 매개 변수로 사용합니다.