JavaScript 2.x를 사용하여 광고 추적 track-ads-on-javascript
다음은 2.x SDK를 사용하는 구현과 관련된 지침입니다.
광고 추적 상수
AdBreakStart
AdBreakComplete
AdStart
AdComplete
AdSkip
구현 단계
-
프리롤을 포함하여 광고 브레이크 경계가 시작되는 시점을 식별하고 광고 브레이크 정보를 사용하여
AdBreakObject
를 생성합니다.AdBreakObject
참조:table 0-row-3 1-row-3 2-row-3 3-row-3 3-align-center 7-align-center 11-align-center 15-align-center 변수 이름 설명 필수 여부 name
프리롤, 미드롤 및 포스트롤과 같은 광고 브레이크 이름입니다. 예 position
1로 시작하는 광고 브레이크의 번호 위치입니다. 예 startTime
광고 브레이크의 시작 위치에 있는 플레이헤드 값입니다. 예 광고 브레이크 개체 작성:
code language-js var adBreakObject = MediaHeartbeat.createAdBreakObject(<ADBREAK_NAME>, <POSITION>, <START_TIME>);
-
광고 브레이크 추적을 시작하려면
MediaHeartbeat
인스턴스에서AdBreakStart
를 사용하여trackEvent()
를 호출합니다.code language-js mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakObject);
-
광고가 시작되는 시기를 식별하고, 광고 정보를 사용하여
AdObject
인스턴스를 만듭니다.AdObject
참조:table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 3-align-center 7-align-center 11-align-center 15-align-center 19-align-center 변수 이름 설명 필수 여부 name
친숙한 광고 이름. 예 adId
광고의 고유 식별자. 예 position
광고 브레이크 내 광고 번호 위치로서, 1로 시작합니다. 예 length
광고 길이 예 광고 개체 작성:
code language-js var adObject = MediaHeartbeat.createAdObject(<AD_NAME>, <AD_ID>, <POSITION>, <LENGTH>);
-
원할 경우 컨텍스트 데이터 변수를 통해 표준 및/또는 광고 메타데이터를 미디어 추적 세션에 첨부합니다.
-
사용자 지정 광고 메타데이터 - 사용자 지정 메타데이터의 경우 사용자 지정 데이터 변수에 대한 변수 개체를 만들고, 현재 광고의 데이터로 채웁니다.
code language-js /* Set custom context data */ var adCustomMetadata = { affiliate: "Sample affiliate", campaign: "Sample ad campaign", creative: "Sample creative" };
-
광고 재생 추적을 시작하려면
MediaHeartbeat
인스턴스에서AdStart
이벤트를 사용하여trackEvent()
를 호출합니다.사용자 지정 메타데이터 변수(또는 빈 개체)에 대한 참조를 이벤트 호출의 세 번째 매개 변수로 포함하십시오.
code language-js _onAdStart = function() { this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart, adObject, adCustomMetadata); };
-
광고 재생이 광고 끝에 도달하면
AdComplete
이벤트를 사용하여trackEvent()
를 호출합니다.code language-js _onAdComplete = function() { this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdComplete); };
-
사용자가 광고를 건너뛰도록 선택했기 때문에 광고 재생이 완료되지 않은 경우
AdSkip
이벤트를 추적합니다.code language-js _onAdSkip = function() { this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdSkip); };
-
같은
AdBreak
내에 추가 광고가 있는 경우 3~7단계를 다시 반복합니다. -
광고 브레이크가 완료되면
AdBreakComplete
이벤트를 사용하여 추적합니다.code language-js _onAdBreakComplete = function() { this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakComplete); };
자세한 내용은 추적 시나리오 프리롤 광고와 함께 VOD 재생을 참조하십시오.