메시지 채널

웹 푸시

웹 푸시는 웹사이트 방문자를 대상으로 브라우저를 통해 푸시 알림을 보낼 수 있는 메시징 채널입니다. 방문자가 알림 권한을 허용한 이후에는 웹사이트에 접속해있지 않아도 알림을 받을 수 있어 언제든 재방문을 유도할 수 있습니다.



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

  • 그동안 도달이 불가능했던 수많은 '비회원 익명 방문자'에게 도달이 가능한 유일한 채널입니다.
  • 스마트폰, 태블릿, PC 등 기종을 가리지 않아 높은 도달률과 반응률을 자랑합니다.
  • 문자, 알림톡, 친구톡 등 기존 채널들의 막대한 발송 비용을 절감할 수 있습니다.

웹 푸시 vs 타 채널



웹 푸시

문자

알림톡,친구톡

앱 푸시

비용

저가

고가

중고가

저가

비회원 익명 방문자 도달

O

X

X

O

앱 설치 필요

X

X

X

O

메시지 제한

X

단문 텍스트

검수 필요

X

주요 수신 기기

스마트폰 태블릿 PC

스마트폰

스마트폰

스마트폰 태블릿



웹 푸시 동작 원리

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

1. 푸시 알림 구독



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




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


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

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

2. 푸시 발송

플레어레인을 통해 구독 기기를 대상으로 푸시 발송이 가능합니다.

3. 푸시 수신

발송된 푸시는 웹사이트를 방문했었던 브라우저 앱(크롬 등)을 통해 알림이 표현 됩니다.



기종별 표현 방식

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

모바일 운영체제 (Android)

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




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




모바일 운영체제 (iOS)

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

iOS(홈화면)
iOS(홈화면)

iOS(잠금화면)
iOS(잠금화면)


PC 운영체제 (Windows, Mac OS)



Windows
Windows




Mac OS
Mac OS



웹 푸시 규격

Document image


항목

설명

a (배지)

72x72 이상의 정사각형 이미지, 투명 배경의 "검정색" 아이콘 (다른 색 x)

b (제목)

60자 이내 제한

c (내용)

150자 이내 제한

d (이미지)

1440x720 이상의 2:1 가로형 이미지 (GIF 불가)

e (브라우저)

구독한 브라우저, 변경 불가

f (도메인)

구독한 사이트, 변경 불가

g (시간)

알림 수신 시각, 변경 불가

h (아이콘)

256x256 이상의 정사각형 이미지