s_objectID 변경을 사용하여 링크 ID를 사용자 지정하고, 영역을 사용자 지정하고, AppMeasurement ActivityMap 모듈 파일을 사용자 지정하여 링크를 차별화할 수 있습니다.
일례로, 동일한 링크 ID 및 영역에서 Activity Map으로 식별되는 여러 개의 "Buy" 링크가 있다고 하겠습니다.
코드 샘플 | 링크 ID | 영역 |
---|---|---|
<div id="recommendation panel">
<div>
<a href="product1.html">Buy</a>
</div>
<div>
<a href="product2.html">Buy</a>
</div>
<div>
<a href="product3.html">Buy</a>
</div>
|
Buy
Buy
Buy |
recommendation Panel
recommendation Panel
recommendation Panel |
사용자는 어떻게 이러한 링크의 값을 차별화하는 웹 페이지와 태그 지정을 사용자 지정할 수 있습니까? 세 가지 옵션이 있습니다. 링크 ID를 사용자 지정하거나, 영역을 사용자 지정하거나, AppMeasurement ActivityMap 모듈 파일을 사용자 지정할 수 있습니다.
페이지의 링크 또는 링크 위치에 대한 고유 개체 ID를 작성함으로써 Activity Map 추적을 개선하거나 Activity Map을 사용하여, 링크 URL보다는 링크 유형 또는 위치에 대해 보고할 수 있습니다. s_objectID 변수에 대해 자세히 알려면 여기를 클릭하십시오.
Activity Map에서 s_objectID를 사용할 때에는 끝에 세미콜론(;)이 있어야 합니다.
코드 샘플 | 링크 ID | 영역 |
---|---|---|
<div id="recommendation panel">
<div>
<a onClick="s_objectID='Product1';" href="product1.html">Buy</a>
</div>
<div>
<a onClick="s_objectID='Product2';" href="product2.html">Buy</a>
</div>
<div>
<a onClick="s_objectID='Product3';" href="product3.html">Buy</a>
</div>
|
Product1
Product2
Product 3
|
recommendation panel
recommendation panel
recommendation panel
|
각 "buy" 링크에 자체 영역이 정의되어 있도록 하여 영역을 사용자 지정할 수 있습니다. 이렇게 하려면, "id" 매개 변수를 각 "Buy" 앵커 태그의 상위 항목 중 하나에 추가하십시오.
영역 식별자로 "id" 매개 변수만 사용하도록 엄격히 제한되어 있지는 않습니다. JavaScript 변수 "s.ActivityMap.regionIDAttribute"를 사용하여 자체 식별자를 설정할 수도 있습니다.
코드 샘플 | 링크 ID | 영역 |
---|---|---|
<div id="recommendation panel">
<div id="region a">
<a href="product1.html">Buy</a>
</div>
<div id="region b">
<a href="product2.html">Buy</a>
</div>
<div id="region c">
<a href="product3.html">Buy</a>
</div>
|
Buy
Buy
Buy |
region a
region b
region c |
수정한 코드를 테스트하여 제대로 작동하는지 확인하십시오. Adobe는 수정된 코드가 어떻게 동작하는지에 대해 책임이 없습니다.
다음은 AppMeasurement.js 파일에 포함(수정된 형식으로)할 수 있는 일반 링크/영역 함수에 대한 두 가지 예입니다.
s.ActivityMap.link = function(ele,linkName){
if(linkName){
return linkName;
}
if(ele){
if(ele.tagName == 'A' && ele.href){
return ele.href;
}
}
}
s.tl 호출 동안 linkName이 전달됩니다.
s.ActivityMap.region = function(ele){
var className,
classNames = {
'header': 1,
'navbar': 1,
'left-content': 1,
'main-content': 1,
'footer': 1,
};
while( (ele && (ele = ele.parentNode))){
if( (className=ele.className) && classNames[className]){
return className;
}
}
return "BODY";
}