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
  • 릴리즈 노트
  • 적용 방법

Was this helpful?

  1. app
  2. 고객상담/알림
  3. 친구톡 앱 사용 가이드

오로라 개별형 스킨 패치 가이드

오로라 (PC+모바일) 개별형 스킨 패치 가이드 입니다.

Previous캠페인 통계 확인하기Next오로라 통합형 스킨 패치 가이드

Last updated 7 months ago

Was this helpful?

기본 스킨 또는 기본 스킨 버전 1.2.20, CDN 버전 1.2.16 이후 복제된 코드인 경우에는 아래 가이드 코드가 반영되어 있습니다.

릴리즈 노트


적용 방법

  • 페이지 진입 시 파라미터에 trackingKey 가 있을 경우 세션 스토리지에 값을 저장하는 로직을 수행합니다.

// [pc|mobile]/partials/common-header.js
(() => {
    const searchParams = new URLSearchParams(location.search);
    const trackingKey = searchParams.get('trackingKey');

    const { setTrackingKey } = ShopbySkin.utils;
    setTrackingKey(trackingKey);
 })();
  • 세션 스토리지에 저장된 trackingKey 값을 가져와서 로그인 처리 과장에서 값을 전달해 줍니다.

// [pc|molbile]/partials/sign-in-form.js
(() => {
    const { pageHelper, utils } = ShopbySkin;
    const signInHelper = pageHelper.signInHelper();

    // handleSignInSubmit 함수 수정
    const handleSignInSubmit = async (params) => {
        const trackingKey = utils.getTrackingKey();
        
        const { data } = await signInHelper.signIn({
          payload: {
            requestBody: {
              memberId,
              password,
            },
            queryString: {
              ...(trackingKey && { trackingKey }),
            },
          },
        });
    }
})();

v1.1.10 ✨ channelType, trackingKey 설정 전체페이지 적용
v1.2.20 🩹 로그인/sns로그인 시 trackingKey 추가 Historical release