...
아임웹 Free 버전의 경우 버즈빌 Javascript 연동이 불가합니다. (참고 문서)
| Table of Contents | ||||
|---|---|---|---|---|
|
1) 초기화 스크립트 삽입
스크립트는 기본 가이드에서 복사해 사용해주세요
내 사이트 카페 24 쇼핑몰 관리자 페이지에 접속합니다.
왼쪽 메뉴에서 [환경설정 > SEO, 헤더설정쇼핑몰 설정 > 기본설정]를 클릭합니다.
쇼핑몰 정보 항목 중 [검색엔진 최적화(SEO)]를 클릭합니다.
화면을 아래로 스크롤해서, [고급설정]을 클릭합니다.Header Code
화면을 아래로 스크롤해서 [코드 직접입력]을 클릭 합니다.
[Header 영역] 부분에 [Header 영역] 부분에 초기화 스크립트를 삽입합니다삽입하고 저장합니다. 단, 반드시 버즈빌 연동 ID 부분을 수정해야 합니다.
페이지 최하단으로 이동해 삽입한 코드를 저장합니다.
[모바일 쇼핑몰]을 클릭해 동일하게 [Header 영역] 부분에 초기화 스크립트를 삽입하고 저장합니다. 이때도, 반드시 버즈빌 연동 ID 부분을 수정해야 합니다.
...
2) 전환 스크립트 삽입
스크립트는 기본 가이드에서 복사해 사용해주세요
디자인 모드에 접속합니다.
오른쪽 상단의 메뉴 관리 (≡) 를 클릭해
전환 페이지(= 전환행위 완료시 도착하는 도착하는 페이지)로 이동합니다.왼쪽 상단의 위젯 추가 (＋) 버튼을 클릭해
코드 위젯을 선택합니다.
- 전환 페이지에생성한 코드 위젯에 마우스 포인터를 올리고, 마우스 우클릭 후 코드 설정을 선택합니다.
전환 스크립트 붙여넣고 저장합니다.
왼쪽 메뉴에서 [디자인> 디자인 대시보드]를 클릭합니다.
대표디자인 중 PC의 [디자인 편집] 버튼 클릭합니다.
새탭으로 열린 디자인 편집 화면에서 좌측 하단에 위치한 [</>HTML 수정] 버튼을 클릭합니다.
팝업 창 우측 하단에 [확인] 버튼을 눌러 스마트디자인으로 이동합니다.
새창으로 열린 스마트디자인 편집창 좌측에 있는 [화면명 검색] 기능으로 전환 페이지를 검색합니다. (cf. 전환 페이지란?)
팝업에 나온 결과 중 전환 페이지를 체크하고 [선택파일 열기] 버튼을 클릭합니다.
전환 스크립트 붙여넣고, 화면 우측 상단에 [모두저장] 버튼을 눌러 저장합니다.
“카카오 간편 가입” 또는 “네이버 간판 가입”을 포함함 회원가입 캠페인을 진행하려 한다면 아래 작업 또한 수행합니다.Status colour Red title 주의 스마트디자인 편집창 좌측에 있는 [메인화면] 을 클릭합니다.
(
만약 카카오 간편 가입 직 후 [메인화면]이 아닌 [마이 쇼핑] 등의 화면으로 이동/redirct된다면, 해당 페이지에서 작업해주세요)Status colour Red title 주의 
아래 스크립트를 붙여넣고, 화면 우측 상단에 [모두저장] 버튼을 눌러 저장합니다.
Code Block language js <!-- Buzzvil Pixel Code : 연동 완료 후 삭제 및 이동 불가 --> <script> if(document.referrer.indexOf('/Api/Member/Oauth2ClientCallback/kakao/?mapping=F&member_id') !== -1) { window.bzq("track", { action: "bz_action_complete"}); } if(document.referrer.indexOf('/Api/Member/Oauth2ClientCallback/naver/') !== -1) { window.bzq("track", { action: "bz_action_complete"}); } </script> <!-- Buzzvil Pixel Code End -->
1번과 같이 다시 [디자인> 디자인 대시보드] 화면으로 돌아옵니다.
대표디자인 중 모바일의 [디자인 편집] 버튼 클릭하고, 3번부터 8번까지의 과정을 반복합니다.
...
3) 스크립트 점검
테스트 도구를 사용해 스크립트가 올바르게 동작하는지 점검해주세요.