LogoLogo
스토어 홈앱 스토어디자인 스토어
  • 스토어 소개
  • app
    • 결제/금융
      • 엑심베이 결제 수단 추가 가이드
      • 앱카드 API 화면 가이드
    • 디자인/콘텐츠
      • 리스트 효과 관리 스킨 패치 가이드
    • 간편로그인/회원연동
      • Apple 간편 로그인 스킨 패치 가이드
      • 카카오 싱크(샵바이프리미엄)
      • 카카오 싱크(고도몰) 신청가이드
      • 페이스북 간편 로그인 스킨 패치 가이드
    • 마케팅
      • QR코드 스킨 패치 가이드
      • 네트워크 광고관리 시스템
      • 밴드왜건 푸시스킨 패치 가이드
      • 설문조사 관리 스킨 패치 가이드
      • 마이앱(myapp)
        • 사용 전 필독 사항
        • 개발자 계정 생성 가이드
          • iOS 개발자 계정 생성 가이드
            • iOS 개인 계정 생성 가이드
            • iOS 법인 계정 생성 가이드
          • Android 개발자 계정 생성 가이드
        • STEP 1. 홈
        • STEP 2. 앱 푸시
        • STEP 3. 디자인
        • STEP 4. 통계
        • STEP 5. 설정
        • [FAQ] 자주 묻는 질문
        • 앱 이전 가이드
    • 프로모션
      • 출석체크 이벤트 스킨 패치 가이드
      • 타임세일전 스킨 패치 가이드
    • 배송/풀필먼트
      • 우체국 택배 연동(샵바이) 가이드
        • STEP 1. 연동 신청
        • STEP 2. 송장 발급
        • STEP 3. 택배 예약
        • STEP 4. 수거 신청
        • STEP 5. 기본 설정
        • [FAQ] 자주 묻는 질문
      • CJ대한통운 사용 가이드
        • STEP 1. 연동 신청
        • STEP 2. 택배 예약 및 예약 취소
        • STEP 3. 배송 조회
        • STEP 4. 수거 신청
        • [FAQ] 자주 묻는 질문
    • 리뷰
      • 플러스리뷰 스킨 패치 가이드
    • 통계/분석
      • 방문자 통계 스크립트 설치 가이드
    • 관리도구/편의
      • 견적서 출력 스킨 패치 가이드
      • 간이영수증 출력 스킨 패치 가이드
    • 고객상담/알림
      • 친구톡 앱 사용 가이드
        • 카카오 친구톡 시작하기
        • 친구톡 캠페인 등록하기
        • 캠페인 관리하기
        • 캠페인 통계 확인하기
        • 오로라 개별형 스킨 패치 가이드
        • 오로라 통합형 스킨 패치 가이드
        • 헤드리스 사용 가이드
      • 알림톡 앱 사용 가이드
        • 고도몰
          • 카카오 알림톡 설정
          • 카카오 알림톡 템플릿 설정
          • 카카오톡 알림톡 발송 내역 보기
        • 샵바이
          • 알림톡 사용설정
          • 카카오 알림톡 템플릿 관리
          • 알림톡 발송내역 조회
      • 채널톡 앱 사용 가이드
        • 고도몰
        • 샵바이
    • 채널통합관리/ERP
      • 마켓연동
Powered by GitBook
LogoLogo

NHN COMMERCE

  • 공지사항
  • 회사소개

Partners

  • 서비스 제휴문의
  • 셀러어드민
  • 디자인 파트너

Developers

  • 스토어
  • 워크스페이스
  • API가이드
  • 스킨/앱 개발 가이드

Support

  • 전체 사이트맵

©NHN COMMERCE Corp. All rights reserved.

On this page
  • 1. 방문자 통계 스크립트 확인
  • 2. 방문자 통계 스크립트 복사
  • 3. 복사한 스크립트 설치 및 통계 데이터를 쌓기 위한 함수 호출
  • 4. 스크립트 설치 확인
  • 5. 방문자 통계 데이터 확인

Was this helpful?

  1. app
  2. 통계/분석

방문자 통계 스크립트 설치 가이드

방문자 통계는 '샵바이' 전용으로 제공되는 앱 입니다.

방문자 통계 스크립트 설치 안내

  • 쇼핑몰 방문자에 대한 데이터 수집을 위해서는 방문자 통계 스크립트 설치가 필요합니다.

  • 샵바이 기본 스킨을 사용하시는 경우 방문자 통계 스크립트가 기본적으로 추가되어있으나, 커스텀 스킨을 적용한 쇼핑몰 또는 헤드리스의 경우 아래 가이드에 따라 스크립트를 직접 설치하셔야 방문자 통계 앱 서비스를 이용하실 수 있습니다.

1. 방문자 통계 스크립트 확인

  • 방문자 통계 앱 실행 후 서비스 관리 화면에서 방문자 통계 스크립트를 확인할 수 있습니다.

setStatisticsLogging() {
      const SCRIPT_URL = 'https://rl3flznkr.toastcdn.net/shopby-statistics-recorder.js';
      const scriptElement = document.createElement('script');
      scriptElement.async = true;
      scriptElement.src = SCRIPT_URL;
      document.head.append(scriptElement);

      scriptElement.addEventListener('load', () => {
        if (typeof window.shopbyStatistics === 'function') {
          window.shopbyStatistics({
            clientId : ${클라이언트 아이디},
            memberNo : ${로그인 한 고객의 memberNo},
          });
        }
      });
    },
  • 클라이언트 아이디

    • 스크립트 내 자동으로 삽입되어 있습니다.

  • 로그인한 고객의 memberNo

    • 커스텀 스킨이나 헤드리스의 경우 회원 번호에 대해 사용하는 변수가 다를 수 있습니다. 사용 중인 변수를 이용해 로그인 한 회원 정보가 입력되도록 세팅해 주세요.

      • 로그인한 쇼핑몰 회원의 memberNo를 설정해 주세요.

      • 로그인하지 않은 회원의 경우 빈 문자열('')로 설정해 주세요.


2. 방문자 통계 스크립트 복사

  • 방문자 통계 스크립트를 복사해 주세요.


3. 복사한 스크립트 설치 및 통계 데이터를 쌓기 위한 함수 호출

  • 복사한 스크립트는 쇼핑몰 페이지를 초기화(initialize)할 때, 스크립트를 문서(document) 내 head 요소에 추가해 주세요.

  • 방문자 통계를 위한 스크립트가 모두 로드되면 shopbyStatistics 메서드가 글로벌에 등록되어 있어, 호출 가능한 상태가 됩니다.

  • 방문자 통계에 필요한 페이지에서 아래 메서드를 호출해주시면 방문자 통계 데이터가 쌓입니다.

  window.shopbyStatistics({
    clientId : ${클라이언트 아이디},
    memberNo : ${로그인 한 고객의 memberNo},
  });
  • SPA(단일 페이지 애플리케이션)에서는 필요한 스크립트를 한 번만 불러오면 됩니다.

  • MPA(다중 페이지 애플리케이션)에서는 각 페이지, 즉 문서마다 방문자 통계에 필요한 스크립트를 불러와야 합니다. 문서마다 페이지를 초기화할 때 setStatisticsLogging 함수를 호출해 주세요.


4. 스크립트 설치 확인

  • 크롬 > 개발자 도구 > 네트워크 탭

    • 통계 데이터를 쌓기 위한 스크립트(shopby-statistics-recorder.js)를 불러오고 특정 URL(http.msg)로 통계 데이터를 잘 전달하고 있는지 확인할 수 있습니다.


5. 방문자 통계 데이터 확인

  • 스크립트 최초 설치 후 쇼핑몰에 접속한 방문자가 있어야 스크립트가 활성화 처리되어 쇼핑몰 방문자에 대한 데이터 수집이 가능합니다.

  • 스크립트 설치를 완료하신 후 쇼핑몰에 1번 접속하시는 것을 권장합니다.

  • 스크립트가 활성화되어 수집 된 방문자 데이터는 익일 방문자 통계 앱에서 확인하실 수 있습니다. (당일 조회 불가)


Previous통계/분석Next관리도구/편의

Last updated 6 months ago

Was this helpful?

방문자 통계 스크립트 설치 관련 추가 문의사항은 NHN 커머스 > 로 문의 부탁 드립니다.

1:1문의