Web SDK

플레어레인 web sdk를 통해 웹 푸시 docid\ wwc5arenfnld0q4m mgbl 채널을 포함하여 웹사이트 유저를 대상으로 crm 마케팅을 진행할 수 있습니다 본 가이드에서는 자사몰 등 직접 운영중인 웹사이트에 sdk를 설치하는 과정을 소개합니다 1\ 웹사이트 정보 입력 플레어레인 콘솔 내 \[채널] > \[웹 푸시] 를 선택하여 기본 정보 입력을 시작합니다 항목 설명 웹사이트 이름 푸시 제목 미입력 시 기본 노출될 사이트 대표 이름 입력 웹사이트 url https // 로 시작하는 웹 푸시가 설치될 url 입력 ( 주소 불일치 시 웹 푸시 미동작 ) 루트 url 입력만 가능하며, 해당 url을 기준으로 모바일용 서브도메인(m example com) 이 추가 지원됩니다 2\ sw\ js 파일 업로드 다음 sw\ js 파일을 다운받고 우리 웹사이트의 루트 경로에 업로드합니다 (ex example com 도메인의 sw\ js 파일의 경우 example com/sw\ js 로 접속이 가능해야 합니다 ) https //archbee doc uploads s3 amazonaws com/wbsolg6yo ryufsitxioa/gqbnopd3amaujecpcx2wd sw\ js 정상 업로드한 경우 다음과 같이 외부에서 파일 접근 및 코드 확인이 가능합니다 https //gp flarelane com/sw\ js https //gp flarelane com/sw\ js 3\ sdk 설치 및 초기화 웹사이트 \</body> 태그 바로 위에 다음 스크립트를 추가합니다 프로젝트 id는 콘솔의 \[프로젝트] 페이지에서 확인할 수 있습니다 \<script src="https //cdn flarelane com/websdk js" charset="utf 8">\</script> \<script>flarelane initialize({ projectid "프로젝트 id" });\</script> 4\ 유저id 연동 웹 푸시 구독 시 플레어레인에 생성된 기기는 '익명의 기기'이며 고객사가 별도로 관리하는 고유한 유저 id docid\ mqtr5dt6qq9vezi2uifkj 를 연동함으로써 플레어레인의 기기와 고객사의 유저id를 매칭할 수 있습니다 유저id가 연동되어있으면 많은 이점이 있습니다 회원과 비회원을 구분할 수 있고, 고객사는 언제든지 유저id를 기준으로 푸시 알림 발송이 가능하기 때문에 초기 연동시 권장드리고 있습니다 보통 유저가 회원가입이나 로그인 성공 시, setuserid 함수를 통해 유저id를 연동합니다 flarelane setuserid("user id"); 5\ 웹푸시 테스트 ios 웹 푸시의 경우 현재 애플 정책에 의해 safari 브라우저 내 '홈 화면에 추가' 후 만들어진 웹앱을 통해 접속했을 때 웹 푸시가 활성화됩니다 자세한 내용은 ios 웹 푸시 소개 및 동작 원리 docid\ z4oxr4 edpg6vu vbhdbw 를 참고하세요 모든 연동이 완료되면 유저는 웹사이트 방문 시 구독을 위한 팝업이 노출됩니다 (언어는 브라우저 언어에 따라 다름) 허용을 누르게 되면 자동으로 해당 유저는 알림 구독 상태가 되며, 이후 브라우저를 벗어나도 알림을 받을 수 있는 상태가 됩니다 6\ 추가 연동 가이드 인앱메시지(팝업) 노출 인앱메시지(팝업) docid\ zdbogv5ia1pgrm2h bcvv 를 참고하여 개발자가 직접 팝업이 노출될 타이밍에 코드 1줄(displayinapp) 을 추가합니다 고객 데이터 연동 고객 여정 캠페인 docid\ atmud5obr6mqfzqenq rd 및 개인화 메시지 (liquid) docid 7fpdjopshj0bsq0rv glm 등 초개인화 푸시 마케팅에 필요한 고객 데이터 연동 docid\ cjfldmxlu8vgdgu3jzect 을 진행합니다 푸시 클릭 시 커스텀 동작 정의 web sdk reference docid 3v9qnhsydb7kqb6c0b7ph 내 setnotificationconvertedhandler 함수를 사용합니다