개발 가이드
Web SDK

카페24 연동하기

우리 카페24 웹사이트에 웹푸시(Web Push)를 쉽게 개발 및 구현하는 방법을 알아봅니다. 카페24 플레어레인 앱을 통해 클릭 몇 번만으로 웹 푸시를 더욱 쉽게 설치할 수 있습니다.

카페24 앱스토어로 연동하기

1. 카페24 플레어레인 앱 설치

카페24 앱스토어에 있는 '플레어레인' 앱 사이트에 접속하여 [설치하기] 버튼을 클릭하고, 정보 활용 동의를 합니다.

Document image


2. 플레어레인 연동 과정 시작

과정 진행을 위해 플레어레인 계정이 필요해지는데, 절차에 따라 가입을 완료합니다.

Document image


동의 후, 플레어레인-카페24 연동 사이트에서 다시 한 번 [설치하기] 버튼을 클릭합니다.

3. 초기 설정 정보 입력

Document image


미리보기를 참고하여 사이트명을 입력합니다. 입력한 사이트명은 향후 알림 제목 미입력 시 대신 사용됩니다.

4. 웹 푸시 설치 완료

Document image


모든 연동이 완료되면 유저는 웹사이트 방문 시 구독을 위한 팝업이 노출됩니다. (언어는 브라우저 언어에 따라 다름)

iOS 웹 푸시의 경우 현재 애플 정책에 의해 Safari 브라우저 내 '홈 화면에 추가' 후 만들어진 웹앱을 통해 접속했을 때 웹 푸시가 활성화됩니다. 자세한 내용은 iOS 웹 푸시(Web Push) 소개 및 동작 원리를 참고하세요.



PC(윈도우)
PC(윈도우)




모바일(안드로이드)
모바일(안드로이드)




허용을 누르게 되면 자동으로 해당 유저는 알림 구독 상태가 되며, 이후 브라우저를 벗어나도 알림을 받을 수 있는 상태가 됩니다.

이후 [웹 푸시 세부 설정하기] 버튼을 통해 노출되는 팝업 및 위젯의 세부 설정을 진행할 수 있습니다.



자동 수집 데이터

설치한 카페24의 플레어레인 앱을 통해 다음과 같은 유저 ID/이벤트/유저프로필 & 태그 데이터가 자동으로 수집됩니다.

유저ID

고객사 웹사이트에서 로그인 시 유저의 기기에 유저ID가 자동으로 연동됩니다.

이벤트

이벤트명

데이터

설명

purchase

amount (가격, ex. 18900) quantity (수량, ex. 2)

유저가 상품을 구매했을 때

add_to_cart

-

유저가 상품을 장바구니에 추가했을 때

태그

태그명

설명

name

이름

createdAt

회원가입일