| Table of Contents |
|---|
준비물
버즈빌 연동 ID : 버즈빌 담당자에게 발급 받아주세요.
랜딩 페이지 코드
액션 완료(회원가입 완료, 이벤트 참여 완료 등)페이지 코드
Step1️⃣ 초기화 스크립트 삽입 - 랜딩 페이지 코드 <head> 에 삽입
랜딩 페이지 코드 <head>에 다음 코드를 삽입해주세요. 리다이렉트 되는 페이지가 아닌, 버즈빌 측에 전달해주실 랜딩URL의 페이지 코드에 넣어주세요.
버즈빌 연동 ID는 버즈빌 담당자분이 전달해 드립니다.
| Info |
|---|
스크립트 전체를 그대로 사용해 주세요. |
| Code Block | ||
|---|---|---|
| ||
<!-- Buzzvil ScriptPixel Code : 연동 완료 후 삭제 및 이동 불가 --> <script><script if (/bz_tracking_id/.test(location.search)) { localStorage.BuzzAd = location.search }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 ScriptPixel Code End --> |
Step2️⃣ 액션 달성 스크립트 삽입 - 액션 달성시 코드에 삽입
액션 완료 페이지의 액션 달성시 코드에 다음 코드 전체를 코드를 그대로 삽입해 주세요. [연동 완료] 메시지는 연동 테스트 페이지에서만 노출되며, 실 광고 지면에서는 노출되지 않음을 참고 부탁드립니다.
리다이렉트가 필요하지 않은 경우
| Code Block | ||
|---|---|---|
| ||
<!-- Buzzvil Complete ScriptCode : 연동 완료 후 삭제 및 이동 불가 --> <script> (function (img) { img.onload = function ()<script>window.bzq("track", { var length = localStorage.BuzzAd.length; if(localStorage.BuzzAd.indexOf('10023_71ffbffd-ccf1-4edf-9c4c') != -1){ alert("[연동 완료] 자바스크립트 연동을 완료하셨습니다! 연동이 완료되었음을 버즈빌 광고 담당자에게 알려주세요."); }; //*action: "bz_action_complete"})</script>; |
리다이렉트가 필요한 경우
| Code Block | ||
|---|---|---|
| ||
<!-- Buzzvil Complete Code : 연동 완료 후 삭제 및 이동 불가 --> <script>window.bzq("track", { action: "bz_action_complete", redirect_url: "필요시 여기서 리다이렉트 수행*URL 값을 }; if (localStorage.BuzzAd == null) { localStorage.BuzzAd = ""; } img.src = "//track.buzzvil.com/action/pb/cpa/default/pixel.gif" + localStorage.BuzzAd; }) (new Image()) </script> |
...
넣어주세요"})</script>; |
| Info |
|---|
두번째 인자인 object안의 action, redirect_url의 type은 |
| Note |
|---|
초기화 스크립트를 심으신 페이지와 액션 달성 스크립트를 심으시자고 하는 페이지가 상이한 경우 |
다음 초기화 스크립트를 액션 달성 스크립트를 심으신 페이지 Head에 추가 삽입해주세요.
| Code Block | ||
|---|---|---|
| ||
<!-- 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> |
Step3️⃣ 웹 자바스크립트 연동 테스트
다음 링크에서 연동 테스트를 진행해주세요.
Javascript Integration Test Page(Chrome 브라우저 권장)
| Info |
|---|
|
...
|
| Expand | ||
|---|---|---|
| ||
|
| Expand | ||
|---|---|---|
| ||
1.
Galaxy S5 선택  
URL이 서로 다를 경우, 자세한 사항은 Step1 FAQ 를 참조하세요. |
👏 Step3️⃣ 의 테스트를 완료하셨다면, 연동이 정상 완료되셨습니다👏
테스트를 완료하셨다면 광고 담당자에게 연동이 완료됨을 말씀해주세요.
FAQ
| Expand | ||
|---|---|---|
| ||
네, 맞습니다. |
| Expand | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||
BuzzAd 의 인벤토리를 통해 들어온 유저가 광고주의 웹페이지에서 특정 동작을 수행했는지 여부를 트래킹하는 상품입니다. 광고 참여 및 포인트 지급 Flow
|
...
| Expand | ||
|---|---|---|
| ||
Step1의 코드는 | ||
| Expand | ||
| ||
반드시 BuzzAd 서버에 액션 전송이 완료된 후 리다이렉트를 수행하여야 합니다. 위의 코드 내 주석이 위치한 부분은 액션 전송이 완료되면 호출되는 함수 내부로서 이 부분에서 리다이렉트를 수행하면 안전하게 리다이렉트를 처리할 수 있습니다. 코드의 함수는 BuzzAd를 통해서 광고에 참여하였는지 여부에 상관없이 언제나 호출되므로 별도의 위치에서 리다이렉트를 처리할 필요는 없습니다. 오히려 임의로 별도의 위치에서 리다이렉트를 수행할 경우 BuzzAd 서버로 액션 달성 전송이 아예 오지 않을 수 있으므로 주의해야 합니다. |
| Expand | ||
|---|---|---|
| ||
가능합니다. 다만, 일반 회원가입 완료 페이지와 소셜 간편 가입 완료 페이지가 다른 경우, 두 군데 모두 액션 완료 스크립트를 삽입해주셔야 하며, 이후 일반 회원가입과 소셜 간편 회원가입에 대한 테스트를 각각 모두 진행해주세요.
|
...