광고주 웹사이트 상 주요 페이지에 버즈빌에서 제공하는 스크립트를 삽입하여 간단히 연동 하는 방식입니다. |
Javascript 연동에서 주요 페이지는 다음 2가지 입니다.
랜딩 페이지
: 사용자가 광고 클릭 후 처음 도착하는 페이지
전환 페이지
: 사용자가 광고주가 기대하는 전환 행위(ex. 회원가입)을 완료하고 처음 도착하는 페이지
Javascript 연동을 위해서는 다음 2가지 스크립트를 적절한 위치에 삽입해야 합니다.
초기화 스크립트
: 랜딩 페이지
에 삽입되는 스크립트로 bz_tracking_id 값을 저장
전환 스크립트
: 전환 페이지
에 삽입되는 스크립트로 버즈빌로 전환 포스트백을 전송
BuzzAd 의 인벤토리(=광고 지면)를 통해 들어온 유저가 광고주의 웹 페이지에서 특정 동작을 수행했는지 여부를 트래킹하는 상품입니다. 광고 참여 및 포인트 지급 Flow
|
웹 호스팅사를 이용하는 경우 아래 전용 가이드를 참고해주세요. |
랜딩 페이지
와 전환 페이지
의 소스코드를 편집할 수 있게 준비해주세요랜딩 페이지
와 전환 페이지
의 URL 도메인 주소가 동일한지 확인해주세요. 버즈빌 연동 ID는 정수형으로 삽입해주세요 전환 행위 완료시 도착할 수 있는 페이지가 여러개인 경우 모든 페이지에 초기화 스크립트를 삽입해주세요 |
bzq("init", 버즈빌 연동 ID);
안에 버즈빌 연동 ID
를 온보딩시트 상 값으로 수정해주세요랜딩 페이지
소스코드 상 <head> 태그 사이에 수정된 스크립트를 삽입해주세요.전환 페이지
소스코드에도 <head> 태그 사이에 수정된 스크립트를 삽입해주세요.<!-- Buzzvil Pixel Code : 연동 완료 후 삭제 및 이동 불가 --> <script async src="https://buzz-js.buzzvil.com/buzzvil-pixel-sdk/buzzvil-pixel.js"></script> <script> window.bzDataLayer = []; function bzq() {window.bzDataLayer.push(arguments);} bzq("init", 버즈빌 연동 ID); </script> <!-- Buzzvil Pixel Code End --> |
script 삽입 코드에서 async 문법을 사용할 수 없는 경우에는 아래의 방식을 사용합니다.
|
새로 고침 함수(loacation.reload)를 함께 쓰지 말아주세요! 랜딩 페이지와 전환 페이지가 동일 페이지라면 기술 지원팀에 문의해주세요. 전환 행위 완료시 도착할 수 있는 페이지가 여러개인 경우 모든 페이지에 전환 스크립트를 삽입해주세요 버즈빌 광고를 클릭하지 않은 사용자에 대해 전환 스크립트는 동작하지 않아요! |
전환 페이지
소스코드 상 <head> 태그 사이에 리다이렉트 필요 여부에 따라 아래 스크립트 중 하나를 삽입해주세요.<!-- Buzzvil Complete Code : 연동 완료 후 삭제 및 이동 불가 --> <script>window.bzq("track", { action: "bz_action_complete"});</script> |
<!-- Buzzvil Complete Code : 연동 완료 후 삭제 및 이동 불가 --> <script>window.bzq("track", { action: "bz_action_complete", redirect_url: "필요시 여기서 리다이렉트 URL 값을 넣어주세요"});</script> |
테스트 도구를 사용해 연동 테스트를 진행해주세요.
네, 맞습니다. |
연동 과정에서 기술적인 문제가 발생하는 경우 기술 지원팀으로 문의주시기 바랍니다. 이메일: csm@buzzvil.com |