/
[광고주] CPE/CPA (Web - Javascript 연동) ver.GTM

[광고주] CPE/CPA (Web - Javascript 연동) ver.GTM

Owned by Toy Yu
Last updated: May 26, 2025

작업 전 다음 3가지 주의 항목들 중 해당하는 것이 없는지 먼저 점검해주세요.

사이트가 SPA(Single Page Application) 구조인가요?→ 페이지 이동 시 URL만 바뀌고 실제 리로드가 없다면, **[History Change 트리거]**를 사용해야 전환 태그가 정상 작동합니다.
랜딩 페이지와 전환 페이지의 도메인 및 프로토콜이 완전히 일치하나요?→ bz_tracking_id는 localStorage를 통해 공유되므로, 둘의 도메인이 다르거나 HTTP/HTTPS가 다르면 전환 추적이 실패합니다.→ 이런 경우에는 JavaScript 연동이 아닌 S2S 연동을 검토해야 합니다.
전환 페이지에 직접 location.href로 이동시키는 코드가 있나요?→ 이 방식은 Buzzvil 추적 호출이 완료되기 전에 페이지가 떠나버릴 수 있어 전환이 누락됩니다.→ 대신 redirect_url 파라미터를 사용하는 Buzzvil 방식으로 리디렉션해야 합니다.

 

1) GTM 접속하기

  1. 아래 주소로 이동: https://tagmanager.google.com

  2. Google 계정 로그인

  3. 본인의 웹사이트 이름(예: mysite.com)을 클릭해 컨테이너로 들어가기

2) 초기화 스크립트 삽입

스크립트는 기본 가이드에서 복사해 사용해주세요

  1. 좌측 메뉴에서 [태그] → [새로 만들기] 클릭

  2. 태그 이름: Buzzvil 초기화 스크립트

  3. 태그 구성 클릭 → Custom HTML 선택

  4. 아래 코드 복사하여 붙여넣기

    <!-- 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", 12345); // 12345 → Buzzvil에서 받은 연동 ID 숫자로 바꿔주세요 </script> <!-- End Buzzvil Pixel Code -->

  1. 아래로 스크롤하여 트리거 선택 클릭

  2. Page View → All Pages 선택

    모든 페이지에서 작동하게 합니다.

  3. 저장 클릭

3) 전환 스크립트 삽입

스크립트는 기본 가이드에서 복사해 사용해주세요

  1. [태그] → [새로 만들기] 클릭

  2. 태그 이름: Buzzvil 완료 스크립트

  3. 태그 구성 클릭 → Custom HTML 선택

  4. 아래 코드 중 필요한 상황의 한 가지를 선택해 붙여넣기

    1. 리디렉션 없이 완료:

      <!-- Buzzvil Complete Code --> <script> window.bzq("track", { action: "bz_action_complete" }); </script> <!-- End Buzzvil Complete Code -->

    2. 완료 후 다른 페이지로 자동 이동 (redirect_url 부분은 실제 이동할 주소로 바꾸세요.) :

      <!-- Buzzvil Complete Code --> <script> window.bzq("track", { action: "bz_action_complete", redirect_url: "https://your.site/thankyou" }); </script> <!-- End Buzzvil Complete Code -->

  5. 트리거 선택 클릭 → + 새 트리거 만들기

  6. 이름: 전환 페이지 진입 시

  7. 트리거 유형: Page View → Some Page Views 선택

  8. 조건 설정:

    • Page URL → contains → thankyou (또는 전환 페이지의 고유한 주소 일부)

  9. 저장 클릭

4) 완료 스크립트가 항상 기본 스크립트 다음에 실행되도록 설정

이 단계는 전환 트래킹 누락을 방지하는 데 아주 중요합니다.

  1. 방금 만든 Buzzvil 완료 스크립트 태그를 다시 클릭해 편집 화면으로 들어갑니다

  2. 아래로 스크롤하여 [고급 설정] 클릭

  3. 태그 시퀀스(Tag Sequencing) 항목에서 아래 설정:

    • ☑️ 이 태그를 실행하기 전에 다른 태그 실행

    • 태그 선택: Buzzvil 초기화 스크립트

    • (선택) ☑️ 실패해도 계속 실행

  4. 저장 클릭

  5. 마지막으로 GTM 상단의 [제출] 버튼을 눌러 실제 적용하세요

 

5) 스크립트 점검

테스트 도구를 사용해 스크립트가 올바르게 동작하는지 점검해주세요.