Table of Contents |
---|
준비물
버즈빌 연동 ID : 버즈빌 담당자에게 발급 받아주세요.
랜딩 페이지 코드
액션 완료(회원가입 완료, 이벤트 참여 완료 등)페이지 코드
...
...
iFrame을 활용한 페이지에 액션완료 스크립트 삽입이 필요하시다면, 이 가이드 문서로 연동해 주세요.
Step1️⃣ 초기화 스크립트 삽입 - 랜딩 페이지 코드 <head> 에 삽입
랜딩 페이지 코드 <head>
에 다음 코드를 삽입해주세요. 리다이렉트 되는 페이지가 아닌, 버즈빌 측에 전달해주실 랜딩URL의 페이지 코드에 넣어주세요.
버즈빌 연동 ID는 버즈빌 담당자분이 전달해 드립니다.
Info |
---|
스크립트 전체를 그대로 사용해 주세요. |
Code Block | ||
---|---|---|
| ||
<!-- Buzzvil PixelScript Code : 연동 완료 후 삭제 및 이동 불가 --> <script<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); if (/bz_tracking_id/.test(location.search)) { localStorage.BuzzAd = location.search } </script> <!-- Buzzvil Pixel CodeScript End --> |
Step2️⃣ 액션 달성 스크립트 삽입 - 액션 달성시 코드에 삽입
액션 완료 페이지의 액션 달성시 코드에 다음 코드를 코드 전체를 그대로 삽입해 주세요.
리다이렉트가 필요하지 않은 경우[연동 완료] 메시지는 연동 테스트 페이지에서만 노출되며, 실 광고 지면에서는 노출되지 않음을 참고 부탁드립니다.
Code Block | ||
---|---|---|
| ||
<!-- Buzzvil Complete CodeScript : 연동 완료 후 삭제 및 이동 불가 --> <script>window.bzq("track", { action: "bz_action_complete"})</script>; |
리다이렉트가 필요한 경우
Code Block | ||
---|---|---|
| ||
<!-- Buzzvil Complete Code : 연동 완료 후 삭제 및 이동 불가 -->
<script>window.bzq("track", { action: "bz_action_complete", redirect_url: "필요시 여기서 리다이렉트 URL 값을 넣어주세요"})</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> |
<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> |
bz_tracking_id=10023_71ffbffd-ccf1-4edf-9c4c
는 테스트용으로만 사용되며, 캠페인 진행시 유저의 클릭마다 랜덤하게 치환됩니다.
Step3️⃣ 웹 자바스크립트 연동 테스트
다음 링크에서 연동 테스트를 진행해주세요.
Javascript Integration Test Page(Chrome 브라우저 권장)
Info |
---|
|
Note |
---|
버즈빌은 유저가 캠페인 클릭시 전달되는 |
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
1.
Galaxy S5 선택
URL이 서로 다를 경우, 자세한 사항은 Step1 FAQ 를 참조하세요. |
👏 Step3️⃣ 의 테스트를 완료하셨다면, 연동이 정상 완료되셨습니다👏
테스트를 완료하셨다면 광고 담당자에게 연동이 완료됨을 말씀해주세요.
FAQ
Expand | ||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||
BuzzAd 의 인벤토리를 통해 들어온 유저가 광고주의 웹페이지에서 특정 동작을 수행했는지 여부를 트래킹하는 상품입니다. 광고 참여 및 포인트 지급 Flow
|
...
Expand | ||
---|---|---|
| ||
Step1의 코드는 |
Expand | ||
---|---|---|
| ||
반드시 BuzzAd 서버에 액션 전송이 완료된 후 리다이렉트를 수행하여야 합니다.
|
Expand | ||
---|---|---|
| ||
가능합니다. 다만, 일반 회원가입 완료 페이지와 소셜 간편 가입 완료 페이지가 다른 경우, 두 군데 모두 액션 완료 스크립트를 삽입해주셔야 하며, 이후 일반 회원가입과 소셜 간편 회원가입에 대한 테스트를 각각 모두 진행해주세요.
|
...