Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

항목

코드 및 내용

Step1. 초기화

Code Block
languagejs
<!-- Buzzvil Pixel Code : 연동 완료 후 삭제 및 이동 불가 -->
<script>
	if (/bz_tracking_id/.test(location.search)) { localStorage.BuzzAd = location.search }
</script>
Note

코드에 ‘test’가 들어있는 것은 테스트용 예시 코드가 아니라 정규표현식 중 하나입니다. 스크립트 전체를 그대로 사용해 주세요.

  • BuzzAd를 통해 랜딩되는 광고의 첫 페이지에서 아래의 자바스크립트 코드를 실행합니다.

  • 해당 코드는 bz_tracking_id 라는 파라미터가 현재 url의 검색 쿼리 부분에 있다면 이를 localStorage 에 “BuzzAd”라는 이름으로 저장합니다.

Step2. 액션 달성 전송

Code Block
languagejs
<!-- Buzzvil Complete Code : 연동 완료 후 삭제 및 이동 불가 -->
<script>
  (function (img) { img.onload = function () {
    	var length = localStorage.BuzzAd.length;
        if(localStorage.BuzzAd.indexOf('10023_71ffbffd-ccf1-4edf-9c4c') != -1){
          alert("[연동 완료] 자바스크립트 연동이연동을 완료하셨습니다! 연동이 완료되었음을 버즈빌 광고 담당자에게 알려주세요.");
        };
        //*필요시 여기서 리다이렉트 수행*
  };
  if (localStorage.BuzzAd == null) { localStorage.BuzzAd = ""; }
  img.src = "//track.buzzvil.com/action/pb/cpa/default/pixel.gif" + localStorage.BuzzAd; }) (new Image())
</script>
  • 광고에서 정의된 액션 달성 시 (회원가입, 이벤트 참여 등) 위 JavaScript 코드를 실행합니다.

    • 앞서 저장한 “BuzzAd” 라는 이름의 변수를 그대로 불러 와서 서버로 전송합니다. 이 값을 통해 유저가 광고를 통해 참여하고 액션을 완료했음을 BuzzAd 서버로 전달하여 적립금을 지급할 수 있게 됩니다.

Note

액션 달성 후 리다이렉트를 수행하는 경우

  • 반드시 BuzzAd 서버에 액션 전송이 완료된 후 리다이렉트를 수행하여야 합니다.

    • 위의 코드 내 주석이 위치한 부분은 액션 전송이 완료되면 호출되는 함수 내부로서 이 부분에서 리다이렉트를 수행하면 안전하게 리다이렉트를 처리할 수 있습니다.

  • 코드의 함수는 BuzzAd를 통해서 광고에 참여하였는지 여부에 상관없이 언제나 호출되므로 별도의 위치에서 리다이렉트를 처리할 필요는 없습니다.

    • 오히려 임의로 별도의 위치에서 리다이렉트를 수행할 경우 BuzzAd 서버로 액션 달성 전송이 아예 오지 않을 수 있으므로 주의해야 합니다.

Note

기존 alert를 사용하실 경우 꼭 모바일에서 테스트 진행 부탁드립니다. 특정 모바일 브라우저에서 alert이 동작하지 않는 문제가 발생할 수 있습니다.

...