website logo
⌘K
🚀시작하기
📈마케터용 가이드
🛠️개발자용 가이드
플레어레인 홈페이지
플레어레인 콘솔
플레어레인 콘솔(데모)
Docs powered by archbee 

웹 푸시 소개

웹 푸시는 웹사이트에서 직접 푸시 알림을 보낼 수 있는 최신 마케팅 채널입니다. 웹 푸시를 통해 모바일 앱 없이도 웹사이트에서 푸시 알림 발송이 가능합니다.

웹 푸시를 사용하면 무엇이 좋나요?

  • 전화번호 없는 비회원 유저 대상으로 발송이 가능한 유일한 채널로, 적극적인 회원가입 캠페인을 시행하는데 매우 적합합니다.
  • 스마트폰, 태블릿, PC 등 기종을 가리지 않아 높은 도달률과 반응률을 자랑합니다.
  • 문자, 알림톡, 친구톡 등 기존 채널들의 막대한 발송 비용을 절감할 수 있습니다.

웹 푸시 vs 타 채널



웹 푸시

문자

알림톡,친구톡

앱 푸시

비용

무료

고가

중고가

무료

개인정보 필요

X

O

O

X

앱 설치 필요

X

X

X

O

메시지 제한

X

단문 텍스트

검수 필요

X

주요 수신 기기

스마트폰 태블릿 PC

스마트폰

스마트폰

스마트폰 태블릿



플레어레인 웹 푸시는 무엇이 다른가요?

  • 넓은 지원 범위: 자체 개발한 특수 기술로 스크립트 삽입이 가능한 모든 웹사이트에 웹 푸시 연동이 가능합니다. (iOS, Safari 는 2023년 중 지원)
  • 저렴한 가격: 누구나 부담없이, 지금 바로 무료 요금제로 시작할 수 있습니다.
  • 구독 방법 기본 제공: 자연스럽게 사용자의 알림 구독을 유도할 수 있는 방법들을 기본 제공합니다.
  • 푸시 마케팅 및 분석: 개인화, 자동화 등 플레어레인의 고급 푸시 마케팅 기능 및 데이터 분석 환경을 제공합니다.
  • 그동안 본 적 없는 신개념 푸시 마케팅 기능들이 출시 대기중입니다!


웹 푸시 동작 원리가 궁금합니다

웹 푸시는 크게 구독 -> 발송 -> 수신 3단계 과정을 거칩니다.

1. 푸시 알림 구독

먼저 유저가 웹사이트에 방문하여 푸시 알림 구독에 동의하는 과정이 필요합니다. 구독이 완료되면 해당 기기에 대한 '푸시 토큰'이 발급되고 플레어레인에 자동 저장됩니다.

일단 구독이 완료되면, 유저는 웹사이트를 완전히 이탈하여도 푸시를 받을 수 있는 상태가 됩니다.

2. 푸시 발송

플레어레인을 통해 푸시 발송 시, 기존 저장된 푸시 토큰과 매칭되는 기기를 찾아 푸시 발송을 합니다.

3. 푸시 수신

발송된 푸시는 기기에 도착하여, 웹사이트를 방문했었던 '브라우저 앱'(크롬 등) 이 받아 기기에 알림을 표현합니다.

보통 알고있는 앱 푸시처럼 이해하셔도 됩니다. 기기 화면이 꺼져있더라도 알림을 받을 수 있습니다.



기종별 표현 방식

PC, 태블릿, 스마트폰 등 브라우저가 설치된 기기에서는 모두 웹 푸시가 지원됩니다. 다만 운영체제에 따라 조금씩 표현 방식이 다릅니다.

공통적으로 제목, 내용, 아이콘, 가로형 이미지가 지원됩니다.

첨부 이미지 권장 사양



권장 파일: jpg, png (gif, svg 불가) 권장 사이즈: 2:1 비율의 512x256px, 1440x720px (최대 가로: 2000px 최소 가로: 300px)

모바일 운영체제 (Android)



Android(접힌상태)
Android(접힌상태)




Android(열린상태)
Android(열린상태)


PC 운영체제 (Windows, Mac OS)



Windows
Windows




Mac OS
Mac OS






알림 구독 방법

사용자의 알림 구독 방법은 크게 3가지로 나눌 수 있습니다.

1. 플레어레인이 제공하는 구독 유도 팝업, 위젯 사용

플레어레인 관리자 페이지에서 텍스트, 색상, 노출 조건 등 다양하게 커스터마이징이 가능합니다.



팝업
팝업




위젯
위젯


2. SDK를 사용하여 직접 개발

자체 개발이 가능한 경우 Web Push SDK Reference 의 setIsSubscribed(boolean, callback) 함수를 사용하여 직접 개발합니다.

3. 플레어레인에 맞춤형 구독 방법 개발 의뢰 (별도 문의 필요)

다른 구독 방법을 만들고싶지만 개발 역량은 없는 경우, 플레어레인에게 맞춤형 개발을 의뢰할 수 있습니다. 홈페이지 상담을 통해 편히 물어보세요!



인앱 브라우저(웹뷰)에서의 플레어레인 동작 방식

네이버, 카카오톡, 페이스북, 인스타그램 등 타사 앱 내에서 웹사이트에 방문하게 되는 경우가 종종 있습니다. 이 경우 '인앱 브라우저'를 통해 앱 내에서 웹사이트 방문이 이뤄지는데, 인앱 브라우저에서는 일반적으로 웹 푸시가 지원되지 않아 많은 잠재 구독자를 놓치게 됩니다.

위 문제를 해결하기 위해, 플레어레인은 별도 허용된 앱*에 한하여 사용자 구독 요청 시 해당 앱을 벗어나 강제로 크롬 브라우저를 띄워 크롬에서 구독을 이어갈 수 있도록 우회 유도합니다.

허용되지 않은 앱의 경우 플레어레인 웹 푸시가 동작하지 않습니다.

주요 우회 구독 허용 앱 리스트

아래 리스트 외 추가로 허용할 앱이 있다면 문의 부탁드립니다!

  • 네이버
  • 카카오톡
  • 카카오스토리
  • 페이스북
  • 인스타그램
  • 트위터
  • 밴드
  • 다음
  • 라인
  • 왓츠앱
  • 스냅챗



Did this page help you?
Yes
No
UP NEXT
자동 발송 메시지
Docs powered by archbee 
TABLE OF CONTENTS
웹 푸시를 사용하면 무엇이 좋나요?
웹 푸시 vs 타 채널
플레어레인 웹 푸시는 무엇이 다른가요?
웹 푸시 동작 원리가 궁금합니다
1. 푸시 알림 구독
2. 푸시 발송
3. 푸시 수신
기종별 표현 방식
모바일 운영체제 (Android)
PC 운영체제 (Windows, Mac OS)
알림 구독 방법
1. 플레어레인이 제공하는 구독 유도 팝업, 위젯 사용
2. SDK를 사용하여 직접 개발
3. 플레어레인에 맞춤형 구독 방법 개발 의뢰 (별도 문의 필요)
인앱 브라우저(웹뷰)에서의 플레어레인 동작 방식
주요 우회 구독 허용 앱 리스트