본문으로 건너뛰기

광고 클릭 처리 커스텀

클릭 핸들러를 설정하여 광고 슬롯에 대한 클릭 이벤트를 커스텀하게 처리할 수 있습니다.

  • ex) 광고 클릭 발생 시 매체 자체적으로 로깅
  • ex) 랜딩 조건 변경 (새창 랜딩, 현재창 랜딩)

특정 배너 소재에서는 clickHandler가 미동작 할 수 있습니다. (광고 소재에서 a 태그 href 속성으로 랜딩 처리를 하지 않고 클릭 이벤트 리스너를 통하여 랜딩 처리시 SDK에 등록된 클릭 핸들러가 동작하지 않습니다.)

1. 클릭 핸들러 설정하기​

adSlot.setClickHandler를 사용하여 광고 슬롯에 클릭 핸들러를 설정할 수 있습니다.

window.gladsdk.cmd.push(function () {
  var adSlotInfo = {
    adUnitId: 'WEB_nw_banner-N345765840',
    adSlotElementId: 'division',
  };
  var adSlot = window.gladsdk.defineAdSlot(adSlotInfo);

  adSlot.setClickHandler(function (curl, furl, extra) {
    // 광고 클릭 시 실행
    console.debug('curl', curl, 'furl', furl, 'ext', ext, 'type', ext.type);
  });
});

  • 클릭 핸들러 실행 시 광고의 기본 랜딩은 동작하지 않습니다.

    Click Handler에 등록하는 콜백 함수 내에 랜딩 로직 구현이 필요합니다.

2. 클릭 핸들러 함수​

adSlot.setClickHandler에 전달되는 정보는 다음과 같습니다.

type Extra = {
  type: string;
};

type clickHandlerCallback = (curl: string, furl: string | undefined, extra: Extra) => void;

  • curl: click url

  • furl: fallback url

  • extra: 파라미터 정보

    type: 클릭 유형. 광고 영역 클릭 시 "ad-click", 프라이버시 버튼 클릭 시 "privacy-click"