응답 토큰
응답 토큰을 사용하면 Adobe Target과(와) 관련된 정보를 브랜드 웹 페이지에 자동으로 출력할 수 있습니다. 이 정보에는 활동, 오퍼, 경험, 사용자 프로필, 지역 정보 등에 대한 세부 사항이 포함될 수 있습니다. 이러한 세부 정보는 내부 또는 타사 도구와 공유하거나 디버깅에 사용할 추가 응답 데이터를 제공합니다.
응답 토큰을 사용하면 사용할 변수(키 값 쌍)를 선택한 다음 Target 응답의 일부로 전송할 수 있습니다. 스위치를 사용하여 변수를 활성화하면 Target 응답이 있는 상태로 변수가 전송되며, 이 응답은 네트워크 호출에서 확인할 수 있습니다. 응답 토큰은 Preview 모드에서도 작동합니다.
플러그인과 응답 토큰 간의 주요 차이점은 플러그인이 전달 시 실행되는 페이지에 JavaScript을 전달한다는 것입니다. 그러나 응답 토큰은 이벤트 리스너를 사용할 때 읽고 작용할 수 있는 개체를 전달합니다. 응답 토큰 접근 방식은 더 안전하며 타사 통합을 보다 쉽게 개발하고 유지 관리할 수 있도록 해줍니다.
at.js를 사용하는 고객은 응답 토큰을 사용하고 플러그인을 사용하지 않는 것이 좋습니다. mbox.js(사용 중단됨)에는 존재했지만 at.js에는 존재하지 않는 내부 메서드에 의존하는 일부 플러그인은 전달되지만 실패합니다.
응답 토큰 사용 section_A9E141DDCBA84308926E68D05FD2AC62
-
Platform Web SDK 버전 2.6.0 이상 또는 at.js 버전 1.1 이상을 사용 중인지 확인하십시오.
추가 정보:
- Platform Web SDK: Platform Web SDK 개요 안내서에서 SDK 설치를 참조하십시오.
- at.js: at.js 다운로드를 참조하십시오.
-
Target에서 Administration > Response Tokens 을(를) 클릭합니다.
-
activity.id
및offer.id
과(와) 같이 원하는 응답 토큰을 활성화합니다.기본적으로 다음 매개 변수를 사용할 수 있습니다.
table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 7-row-3 8-row-3 9-row-3 10-row-3 11-row-3 12-row-3 13-row-3 유형 매개 변수 참고 내장 프로필 profile.activeActivities
방문자가 자격을 갖는 일련의 activityIds
를 반환합니다. 사용자가 자격을 갖게 됨에 따라 증가합니다. 예를 들어, 두 개의 서로 다른 활동을 전달하는 두 개의 Target 요청이 있는 페이지에서 두 번째 요청에는 두 활동이 모두 포함됩니다.profile.isFirstSession
"true" 또는 "false"를 반환합니다. profile.isNewSession
"true" 또는 "false"를 반환합니다. profile.daysSinceLastVisit
방문자가 마지막으로 방문한 이후 경과한 일수를 반환합니다. profile.tntId
방문자의 tntID를 반환합니다. profile.marketingCloudVisitorId
방문자의 Experience Cloud 방문자 ID를 반환합니다. profile.thirdPartyId
방문자의 타사 ID를 반환합니다. profile.categoryAffinity
방문자가 즐겨 찾는 카테고리를 반환합니다. profile.categoryAffinities
방문자의 상위 5개 카테고리의 배열을 문자열로 반환합니다. 활동 activity.name
activity.id
experience.name
experience.id
offer.name
offer.id
현재 활동의 세부 정보.
오퍼 매개 변수의 값은 경험 수준에서 평가됩니다.지역 geo.country
geo.state
geo.city
geo.zip
geo.dma
geo.domainName
geo.ispName
geo.connectionSpeed
geo.mobileCarrier
활동에서 지역 기반의 타깃팅을 사용하는 방법에 대한 자세한 내용은 지역을 참조하십시오. 트래픽 할당 메서드
(Auto-Target 및 Automated Personalization 활동에만 적용)experience.trafficAllocationId
방문자가 "제어" 트래픽에서 경험을 받은 경우 0을 반환하고, 방문자가 "대상" 트래픽 분배에서 경험을 받은 경우 1을 반환합니다. experience.trafficAllocationType
"제어" 또는 "타깃팅"을 반환합니다. 사용자 프로필 속성 및 고객 속성도 목록에 표시됩니다.
note note NOTE 특수 문자가 있는 매개 변수는 목록에 표시되지 않습니다. 영숫자 문자 및 밑줄만 지원됩니다. -
(조건부) 프로필 매개 변수를 응답 토큰으로 사용하지만 매개 변수가 Target 요청을 통해 전달되지 않아 Target UI에 로드되지 않은 경우 Add Response Token 단추를 사용하여 프로필을 UI에 추가할 수 있습니다.
Add Response Token 을(를) 클릭하고 토큰 이름을 입력한 다음 Activate 을(를) 클릭합니다.
-
활동을 만듭니다.
응답 수신 및 응답 토큰 읽기
Target 응답을 수신하고 응답 토큰을 읽는 데 사용하는 프로세스는 Platform Web SDK 또는 at.js 구현의 여부에 따라 다릅니다.
Handle 개체 클래스를 사용하는 Platform Web SDK platform-web-sdk
메타데이터 개체와 데이터 개체가 있는 Handle 개체 클래스를 사용하여 Target 응답을 수신하고 응답 토큰을 읽습니다.
다음 응답 예제에서는 Platform Web SDK 사용자 지정 이벤트 처리기를 HTML 페이지에 바로 추가합니다(표에서는 코드에 사용되는 개체에 대해 설명합니다).
<html>
<head>
...
<script src="alloy.js"></script>
<script>
{
"requestId": "4d0a7cfd-952c-408c-b3b8-438edc38250a",
"handle": [{
"type": "personalization:decisions",
"payload": [{
"id": "....",
"scope": "__view__",
"scopeDetails": {
"decisionProvider": "TGT",
"activity": {
"id": "..."
},
"experience": {
"id": "...."
}
},
"items": [{
"id": "123",
"schema": "https://ns.adobe.com/personalization/dom-action",
"meta": {
"activity.id": "...",
"activity.name": "...",
"profile.foo": "...",
"profile.bar": "..."
},
"data": {
"id": "123",
"type": "setHtml",
"selector": "#foo",
"prehidingSelector": "#foo",
"content": "<div>Hello world</div>"
}
}]
}]
}]
}
});
</script>
</head>
<body>
...
</body>
</html>
사용자 지정 이벤트를 사용하는 at.js
at.js 사용자 지정 이벤트를 사용하여 Target 응답을 수신하고 응답 토큰을 읽습니다.
다음 코드 샘플은 at.js 사용자 지정 이벤트 핸들러를 HTML 페이지에 바로 추가합니다.
<html>
<head>
....
<script src="at.js"></script>
<script>
document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
console.log("Request succeeded", e.detail);
});
</script>
<head>
<body>
...
</body>
</html>
응답 토큰 FAQ section_3DD5F32C668246289CDF9B4CDE1F536D
응답 토큰을 활성화하거나 비활성화하는 데 필요한 역할은 무엇입니까?
Target Administrator 역할을 가진 사용자만 응답 토큰을 활성화하거나 비활성화할 수 있습니다.
실행 중인 Platform Web SDK 2.6.0(또는 이전 버전)의 경우 어떻게 됩니까?
응답 토큰에 대한 액세스 권한이 없습니다.
at.js 1.0(또는 이전 버전)을 실행하는 경우 어떻게 됩니까?
응답 토큰이 표시되지만 at.js는 이를 사용할 수 없습니다.
Target Classic 플러그인과 응답 토큰을 동시에 활성화할 수 있습니까?
플러그인과 응답 토큰을 동시에 사용할 수 있습니다. 그러나 플러그인은 향후 더 이상 사용되지 않습니다.
모든 Target 응답을 통해 응답 토큰이 전달됩니까? 아니면 Target 응답에서만 활동을 전달합니까?
응답 토큰은 활동을 전달하는 Target개의 응답을 통해서만 전달됩니다.
내 Target Classic 플러그 인에 JavaScript이 포함되었습니다. 응답 토큰을 사용하여 해당 기능을 복제하려면 어떻게 해야 합니까?
응답 토큰으로 마이그레이션할 때 이러한 유형의 JavaScript은 코드 베이스 또는 태그 관리 솔루션에 유지되어야 합니다. Platform Web SDK 또는 at.js 사용자 지정 이벤트를 사용하여 이 코드를 트리거하고 응답 토큰 값을 JavaScript 함수에 전달할 수 있습니다.
내 프로필/고객 속성 매개 변수가 응답 토큰 목록에 표시되지 않는 이유는 무엇입니까?
Target은(는) 일반적으로 15분마다 매개 변수를 새로 고칩니다. 이 새로 고침은 사용자 작업에 따라 다르며 응답 토큰 페이지를 볼 때만 데이터가 새로 고쳐집니다. 매개 변수가 응답 토큰 목록에 표시되지 않으면 Target에서 데이터를 아직 새로 고치지 않았습니다.
또한 매개 변수에 영숫자가 아닌 문자나 밑줄 이외의 기호가 포함되어 있으면 매개 변수가 목록에 표시되지 않습니다. 현재 영숫자와 밑줄 문자만 지원됩니다.
응답 토큰이 삭제된 프로필 스크립트나 프로필 매개 변수를 사용하는 경우에도 콘텐츠를 전달합니까?
응답 토큰은 사용자 프로필에서 정보를 추출한 후에 전달합니다. 프로필 스크립트 또는 매개 변수를 삭제해도 사용자 프로필에서 해당 정보가 제거되지 않습니다. 사용자 프로필에는 프로필 스크립트에 해당하는 데이터가 여전히 있습니다. 응답 토큰은 콘텐츠를 계속 전달합니다. 프로필에 해당 정보가 저장되어 있지 않은 사용자 또는 새 방문자의 경우 데이터가 프로필에 없으므로 해당 토큰이 전달되지 않습니다.
Target은(는) 토큰을 자동으로 해제하지 않습니다. 프로필 스크립트를 삭제하고 토큰을 더 이상 전달하지 않으려면 토큰을 직접 해제해야 합니다.
프로필 스크립트의 이름을 바꾸었는데 해당 스크립트를 사용하는 토큰이 여전히 이전 이름으로 활성 상태인 이유는 무엇입니까?
위에서 언급한 대로 응답 토큰은 사용자에 따라 저장된 프로필 정보에 적용됩니다. 프로필 스크립트의 이름을 변경했지만 웹 사이트를 방문한 사용자의 프로필에 이전 프로필 스크립트 값이 저장됩니다. 토큰은 사용자 프로필에 이미 저장된 이전 값을 계속 선택합니다. 이제 새 이름으로 컨텐츠를 전달하려면 이전 토큰을 해제하고 새 토큰을 설정해야 합니다.
내 특성이 변경된 경우 해당 특성은 언제 목록에서 제거됩니까?
Target은(는) 정기적으로 특성을 새로 고칩니다. 켜지지 않는 속성은 다음 새로 고침 중에 제거됩니다. 그러나 전환된 속성이 제거되어 있는 경우 해당 스크립트를 해제할 때까지 속성 목록에서 제거되지 않습니다. 예를 들어 토큰으로 사용된 프로필 스크립트를 제거했습니다. Target은(는) 삭제되거나 이름이 바뀌는 경우 목록에서 전환된 속성만 제거합니다.
Google Analytics에게 데이터 보내기
다음 섹션에서는 Target 데이터를 Google Analytics 4로 보내는 방법을 설명합니다. 응답 토큰으로 전송된 데이터를 다른 타사 통합으로 전송할 수도 있습니다.
Platform Web SDK를 통해 Google Analytics에게 데이터 전송
Google Analytics은 HTML 페이지에 다음 코드를 추가하여 Platform Web SDK 버전 2.6.0 이상을 통해 데이터를 전송할 수 있습니다.
alloy("sendEvent"
개체 아래에 있는지 확인하십시오.<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script type="text/javascript">
alloy("sendEvent", {
})
.then(({ renderedPropositions, nonRenderedPropositions }) => {
// concatenate all the propositions
const propositions = [...renderedPropositions, ...nonRenderedPropositions];
// extractResponseTokens() extract the meta from item -> meta
const tokens = extractResponseTokens(propositions);
const activityNames = [];
const experienceNames = [];
const uniqueTokens = distinct(tokens);
uniqueTokens.forEach(token => {
activityNames.push(token["activity.name"]);
experienceNames.push(token["experience.name"]);
});
gtag('config', 'TAG_ID');
gtag('event', 'action_name', {'eventCategory': 'target',
'eventAction': experienceNames, 'eventLabel': activityNames
});
});
</script>
at.js를 통해 Google Analytics에게 데이터 보내기 section_04AA830826D94D4EBEC741B7C4F86156
at.js를 통해 HTML 페이지에 다음 코드를 추가하여 Google 애널리틱스에 데이터를 전송할 수 있습니다.
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script type="text/javascript">
document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
var tokens = e.detail.responseTokens;
if (isEmpty(tokens)) {
return;
}
var activityNames = [];
var experienceNames = [];
var uniqueTokens = distinct(tokens);
uniqueTokens.forEach(function(token) {
activityNames.push(token["activity.name"]);
experienceNames.push(token["experience.name"]);
});
gtag('config', 'TAG_ID');
gtag('event', 'action_name', {'eventCategory': 'target',
'eventAction': experienceNames, 'eventLabel': activityNames
});
});
function isEmpty(val) {
return (val === undefined || val == null || val.length <= 0) ? true : false;
}
function key(obj) {
return Object.keys(obj)
.map(function(k) { return k + "" + obj[k]; })
.join("");
}
function distinct(arr) {
var result = arr.reduce(function(acc, e) {
acc[key(e)] = e;
return acc;
}, {});
return Object.keys(result)
.map(function(k) { return result[k]; });
}
</script>
디버깅
다음 섹션에서는 응답 토큰 디버깅에 대한 정보를 제공합니다.
Google Analytics 및 디버깅
다음 코드를 사용하면 Google Analytics을 사용하여 디버그할 수 있습니다.
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script type="text/javascript">
document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {
var tokens = e.detail.responseTokens;
if (isEmpty(tokens)) {
return;
}
var activityNames = [];
var experienceNames = [];
var uniqueTokens = distinct(tokens);
uniqueTokens.forEach(function(token) {
activityNames.push(token["activity.name"]);
experienceNames.push(token["experience.name"]);
});
gtag('config', 'TAG_ID');
gtag('event', 'action_name', {'eventCategory': 'target',
'eventAction': experienceNames, 'eventLabel': activityNames
});
});
function isEmpty(val) {
return (val === undefined || val == null || val.length <= 0) ? true : false;
}
function key(obj) {
return Object.keys(obj)
.map(function(k) { return k + "" + obj[k]; })
.join("");
}
function distinct(arr) {
var result = arr.reduce(function(acc, e) {
acc[key(e)] = e;
return acc;
}, {});
return Object.keys(result)
.map(function(k) { return result[k]; });
}
</script>
ttMeta 플러그인과 동등한 기능을 사용하여 디버깅
디버깅 목적의 ttMeta 플러그인과 동등한 기능은 HTML 페이지에 다음 코드를 추가하여 만들 수 있습니다.
<script type="text/javascript" >
document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function (e) {
window.ttMETA= typeof(window.ttMETA)!="undefined" ? window.ttMETA : [];
var tokens=e.detail.responseTokens;
if (isEmpty(tokens)) {
return;
}
var uniqueTokens = distinct(tokens);
uniqueTokens.forEach(function(token) {
window.ttMETA.push({
'CampaignName': token["activity.name"],
'CampaignId' : token["activity.id"],
'RecipeName': token["experience.name"],
'RecipeId': token["experience.id"],
'OfferId': token["offer.id"],
'OfferName': token["offer.name"],
'MboxName': e.detail.mbox});
console.log(ttMETA);
});
});
function isEmpty(val){
return (val === undefined || val == null || val.length <= 0) ? true : false;
}
function key(obj) {
return Object.keys(obj)
.map(function(k) { return k + "" + obj[k]; })
.join("");
}
function distinct(arr) {
var result = arr.reduce(function(acc, e) {
acc[key(e)] = e;
return acc;
}, {});
return Object.keys(result)
.map(function(k) { return result[k]; });
}
</script>
교육 비디오: 응답 토큰 및 at.js 사용자 지정 이벤트 section_3AA0A6C8DBD94A528337A2525E3E05D5
다음 비디오에서는 응답 토큰 및 at.js 사용자 지정 이벤트를 사용하여 Target에서 타사 시스템으로 프로필 정보를 공유하는 방법을 설명합니다.
offer.name
및 offer.id
(으)로 바뀐 option.name
및 option.id
이(가) 언급되어 있습니다.