Adobe Target 확장 개요
이 확장을 사용하여 규칙을 작성할 때 사용할 수 있는 옵션에 대한 정보를 보려면 이 참조를 사용하십시오.
Adobe Target 확장 구성
Adobe Target 확장이 아직 설치되지 않은 경우 속성을 연 다음, 확장 > 카탈로그 를 선택하고 Target 확장을 마우스로 가리킨 다음 설치 를 선택합니다.
확장을 구성하려면 확장 탭을 열고 확장을 마우스로 가리킨 다음 구성 을 선택합니다.
at.js 설정
시간 초과를 제외한 모든 at.js 설정은 Target 사용자 인터페이스의 at.js 구성에서 자동으로 검색됩니다. 확장은 처음 추가될 때 Target 사용자 인터페이스에서 설정만 검색하므로, 추가 업데이트가 필요한 경우 UI에서 모든 설정을 관리해야 합니다.
다음 구성 옵션을 사용할 수 있습니다.
클라이언트 코드
클라이언트 코드는 Target의 계정 식별자입니다. 이 코드는 거의 항상 기본값으로 유지해야 합니다.
데이터 요소를 사용하여 변경할 수 있습니다.
조직 ID
이 ID는 구현을 Adobe Experience Cloud 계정에 연결합니다. 이 ID는 거의 항상 기본값으로 유지해야 합니다.
데이터 요소를 사용하여 변경할 수 있습니다.
글로벌 Mbox 이름
글로벌 Target 요청의 이름을 표시합니다. 확장을 추가하기 전에 Target 사용자 인터페이스에서 이 이름을 변경하지 않은 한, 기본적으로 이 이름은 target-global-mbox입니다.
데이터 요소를 사용하여 변경할 수 있습니다.
서버 도메인
Target 요청이 전송되는 도메인입니다. 이 도메인은 거의 항상 기본값으로 유지해야 합니다.
Cross Domain
Target이 브라우저에서 쿠키를 설정하는 위치를 결정합니다.
- Disabled: 자사 도메인에서만 쿠키를 설정합니다. 일반적인 설정입니다.
- Enabled: 자사 도메인과 타사 Target 도메인("서버 도메인")에 모두 쿠키를 설정합니다.
Timeout (ms)
정의한 기간 내에 Target에서 응답을 받지 못하면 요청 시간이 초과되고 기본 콘텐츠가 표시됩니다. 방문자 세션 중에 추가 요청을 계속 시도합니다. 기본값은 3000ms이며, 이 값은 Target 사용자 인터페이스에 구성된 시간 초과와 다를 수 있습니다.
시간 초과 설정 작동 방식에 대한 자세한 내용은 Adobe Target 도움말을 참조하십시오.
Target 사용자 인터페이스에서 사용할 수 있는 기타 at.js 설정
Target UI의 at.js 설정 편집 페이지에서 사용할 수 있는 몇 가지 설정은 Target 확장의 일부가 아닙니다. 다음은 추천 해결 방법입니다.
- Auto-create global mbox. 이 설정은 Target 확장에서 글로벌 Mbox 실행 작업에 의해 대체됩니다.
- Library Header. 이 설정은 Target 확장의 일부가 아닙니다. Target 로드 작업을 사용하기 전에 Core Extension>Custom Code 작업에서 at.js 앞에 로드해야 하는 코드를 지정합니다.
- Library Footer. 이 설정은 Target 확장의 일부가 아닙니다. Target 로드 작업을 사용한 후에 Core Extension>Custom Code 작업에서 at.js 후에 로드해야 하는 코드를 지정합니다.
Target 확장 작업 유형
이 섹션에서는 Target 확장에서 사용할 수 있는 작업 유형을 설명합니다.
Target 확장은 규칙의 Then 부분에서 다음 작업을 제공합니다.
Target 로드
규칙 컨텍스트에서 Target을 로드하는 것이 적절할 수 있는 태그 규칙에 이 작업을 추가합니다. 이렇게 하면 at.js 라이브러리가 페이지에 로드됩니다. 대부분의 구현에서 사이트의 모든 페이지에 Target을 로드해야 합니다.
구성이 필요하지 않습니다.
Mbox 매개 변수 추가
모든 mbox 요청에 매개 변수를 추가합니다. Target 로드 작업을 먼저 사용해야 합니다.
- 추가할 매개 변수의 이름과 값을 지정합니다.
- 더하기(+) 아이콘 을 선택하여 매개 변수를 더 추가합니다.
글로벌 Mbox 매개 변수 추가
글로벌 mbox 요청에 매개 변수만 추가합니다. Target 로드 작업을 먼저 사용해야 합니다.
- 추가할 매개 변수의 이름과 값을 지정합니다.
- 더하기(+) 아이콘 을 선택하여 매개 변수를 더 추가합니다.
글로벌 Mbox 실행
페이지에서 글로벌 mbox를 실행합니다. Target 로드 작업을 먼저 사용해야 합니다.
깜박임을 방지하기 위한 본문 숨기기와 본문 요소를 숨길 때 사용된 스타일을 활성화할지 여부를 지정합니다.
다음 옵션을 사용할 수 있습니다.
- Body Hiding: 이 설정을 활성화하거나 비활성화할 수 있습니다. 기본값은 Enabled로, HTML BODY가 숨겨짐을 의미합니다.
- Body Hidden Style: 기본값은
body{opacity:0}
입니다. 이 값은body{display:none}
과 같은 다른 값으로 변경될 수 있습니다.
자세한 내용은 Target 온라인 도움말 설명서를 참조하십시오.
Adobe Target 기본 배포
Target 확장이 설치되면 적어도 한 개의 규칙을 만들어 적절하게 배포해야 합니다. 먼저 Target 라이브러리(at.js)를 로드하고, 글로벌 mbox에 사용할 매개 변수를 지정하고, 글로벌 mbox를 실행해야 합니다.
이 기본 구현을 사용한 Target 규칙은 다음과 같습니다.
이 규칙을 저장했으면 동작을 테스트할 수 있도록 라이브러리에 추가하고 빌드/배포해야 합니다.
비동기 배포를 통한 Adobe Target 확장
태그는 비동기식으로 배포할 수 있습니다. Target을 통해 비동기식으로 태그 라이브러리를 로드하는 경우 Target도 비동기식으로 로드됩니다. 이 시나리오는 완벽하게 지원되지만, 처리해야 하는 한 가지 추가 고려 사항이 있습니다.
비동기 배포의 경우, Target 라이브러리가 완전히 로드되고 콘텐츠 교환이 수행되기 전에 페이지에서 기본 콘텐츠 렌더링을 완료할 수 있습니다. 이렇게 하면 Target에서 지정한 개인화된 콘텐츠로 대체되기 전에 기본 콘텐츠가 잠깐 나타나는 "깜박임"이라고 하는 것이 나타날 수 있습니다. 이러한 깜박임이 발생하지 않도록 하려면 콘텐츠 깜박임을 방지하기 위해 코드 조각 사전 숨김을 사용하여 태그 번들을 비동기식으로 로드하는 것이 좋습니다.
코드 조각 사전 숨김을 사용할 때는 몇 가지 주의해야 할 사항이 있습니다.
-
태그 헤더 포함 코드를 로드하기 전에 코드 조각을 추가해야 합니다.
-
이 코드는 태그로 관리할 수 없으므로 페이지에 직접 추가해야 합니다.
-
다음 중 가장 이른 이벤트가 발생하면 페이지가 표시됩니다.
- 글로벌 mbox 응답을 받은 경우
- 글로벌 mbox 요청 시간이 초과된 경우
- 코드 조각 자체가 시간 초과된 경우
-
사전 숨김 기간을 최소화하기 위해 코드 조각 사전 숨김을 사용하는 모든 페이지에서 "Fire Global Mbox" 작업을 사용해야 합니다.
코드 조각 사전 숨김은 다음과 같으며, 축소할 수 있습니다. 구성 가능한 옵션은 끝에 있습니다.
;(function(win, doc, style, timeout) {
var STYLE_ID = 'at-body-style';
function getParent() {
return doc.getElementsByTagName('head')[0];
}
function addStyle(parent, id, def) {
if (!parent) {
return;
}
var style = doc.createElement('style');
style.id = id;
style.innerHTML = def;
parent.appendChild(style);
}
function removeStyle(parent, id) {
if (!parent) {
return;
}
var style = doc.getElementById(id);
if (!style) {
return;
}
parent.removeChild(style);
}
addStyle(getParent(), STYLE_ID, style);
setTimeout(function() {
removeStyle(getParent(), STYLE_ID);
}, timeout);
}(window, document, "body {opacity: 0 !important}", 3000));
기본적으로 이 코드 조각은 전체 HTML BODY를 사전에 숨깁니다. 경우에 따라 전체 페이지가 아닌 특정 HTML 요소만 사전에 숨길 수 있습니다. 이 작업은 스타일 매개 변수를 사용자 지정하여 수행할 수 있습니다. 페이지의 특정 영역만 사전에 숨기는 항목으로 바꿉니다.
예를 들어, ID별로 식별되는 두 개의 영역인 container-1 및 container-2가 있으면 이 스타일을 기본값 대신 다음과 같이 바꿀 수 있습니다.
#container-1, #container-2 {opacity: 0 !important}
기본값:
body {opacity: 0 !important}
기본적으로 코드 조각은 3000ms 또는 3초에 시간 초과됩니다. 이 값을 사용자 지정할 수 있습니다.