[WEB] 웹 푸시 세팅 가이드

자사 도메인 푸시 VS 대안 도메인 푸시

디파이너리에서는 웹 푸시 알림을 위해 두 가지 기본 기술을 지원합니다.

웹 사이트가 자체 개발 사이트며, 개발팀을 보유한 경우 활용할 수 있는 자사 도메인 푸시 기능과
웹 빌더를 사용중이거나 자체 서버 인프라를 소유하지 않은 경우 활용할 수 있는 대안 도메인 푸시 기능입니다.

자사 도메인 푸시와 대안 도메인 푸시를 이해하려면 구독 알림 설정과 푸시 구독 팝업창에 대한 이해가 필요합니다.

구독 알림 설정

만일 한 사이트에서 웹 푸시 알림을 위한 브라우저 권한 요청을 갑작스럽게 요청한다면 유저는 당황스러울 수 있습니다.

사이트에 들어온 유저가 불편함 없이 웹 푸시 알림을 스스로 구독할 수 있도록 자연스러운 유도가 필요합니다.
이를 위해 원하는 타이밍에 구독 유도를 위한 알림을 노출할 수 있으며 해당 부분을 "구독 알림 설정"이라 칭합니다.
설정 부분에서 해당 부분의 문구 및 버튼을 설정할 수 있습니다. 

자사 도메인 푸시의 경우 알림 허용 시 위와 같이 권한 요청이 이루어지며,
대안 도메인 푸시의 경우에는 알림  허용 시 푸시 구독 팝업창에서 브라우저 권한 요청이 이루어집니다.

푸시 구독 팝업창

대안 도메인 푸시의 경우에는 구독 알림 요청 뒤 유저가 알림 허용 버튼을 눌렀더라도
자사의 사이트에서 브라우저 권한 요청을 곧바로 할 수 없습니다.

따라서 디파이너리에서 제공하는 별도의 구독 팝업창이 오픈되고
해당 팝업창을 통해 웹 푸시 알림을 위한 브라우저 권한을 요청합니다.

이 때 구독 알림 설정과 마찬가지로 해당 팝업창에 대한 커스터 마이징이 가능합니다.
브랜드 이미지와 어울리는 색상과 문구를 통해 유저가 알림 허용 이후에 권한 허용까지 할 수 있도록 설정해보세요. ☺️

각 푸시 타입의 이점

1. 자사 도메인 푸시: 모든 웹 사이트 도메인 주소가 HTTPS여야 하며 다음과 같은 이점이 있습니다.

    a. 소유하고 있는 도메인 명의로 푸시 메시지를 발송할 수 있습니다.
        푸시 메시지에서 보이는 사이트 주소가 브랜드 도메인과 일치한다면 일부 유저의 혼동을 줄일 수 있습니다.
    b. 웹 푸시 알림 허용 이후 브라우저 알림 권한 요청 시 별도의 팝업창이 필요하지 않습니다.

2. 대안 도메인 푸시 : HTTPS, HTTP에 대한 제한이 없어지며, 다음과 같은 이점이 있습니다.

    a. 언급된 바와 같이 도메인에 대한 제한이 없습니다.
    b. 웹 푸시 알림 허용 이후 별도의 팝업창으로 브라우저 알림 권한을 요청하며, 
        브랜드 컬러에 맞게 커스터마이징이 가능합니다.

브라우저 알림 권한 허용

웹 푸시는 브라우저를 통해 메시지가 발송됩니다.
따라서 유저의 브라우저 알림 권한이 허용되어야 메시지를 발송할 수 있습니다.

만일 브라우저가 이미 알림 권한 거부에 대한 정보를 가지고 있다면,
다음 권한 허용 시에는 유저가 직접 권한 허용을 설정해야 합니다.

- 예) 대안 도메인 푸시

권한 허용 방법은 각 브라우저별로 상이합니다.
대표적으로 크롬 브라우저의 경우에는 유저가 주소창의 자물쇠 모양을 클릭하여 권한을 허용해야 합니다.
브라우저 알림 권한 허용 설정에서 해당 문구를 수정할 수 있습니다. 

사파리 인증서 등록하기

사파리 브라우저에 푸시 알림을 보내기 위해서는 암호가 없는 p.12 인증서가 필요합니다. [🤔어떻게 확인하나요?]

※ 업로드를 하지 않았을 시 사파리 브라우저에 푸시 알림을 발송할 수 없습니다.   

[[인용:경고:작게]] 암호가 없는 p.12 인증서를 등록해야 합니다.

Web Link 브라우저 오픈 정책

자사 도메인 푸시는 유저가 웹 푸시 알림을 받은 경우
항상 새 창으로 웹 링크를 열 지, 유저가 열어놓은 탭에서 설정한 웹 링크를 열 지 선택할 수 있습니다.
열려있는 탭을 활용하기 위해서는 유저가 열어놓은 탭이
설정한 웹 링크 값과 정확하게 일치하거나 도메인이라도 일치해야 합니다.

※ 해당 정책은 선택 사항으로, 선택하지 않는 경우 항상 새 창으로 열게 됩니다.

[[인용:경고:작게]] Setting에서 설정한 Web Link 브라우저 오픈 정책은 생성하게 될 모든 웹 푸시 메시지에 적용됩니다.

TTL(Time To Live)란?

TTL은 메시지 전송 유효기간을 나타냅니다.
웹 푸시 메시지 발송 시점에 사용자가 오프라인인 경우,
해당 메시지를 특정 기간 동안 유지한 후 사용자가 온라인 시 해당 메시지를 보낼 수 있습니다.

TTL 기본 설정은 7일로 제공되지만, 최소 0일부터 최대 4주까지 일, 시간, 분 단위로 설정할 수 있습니다.
최소 0일을 설정한다면, 메시지 유효기간이 ‘0’이기 때문에
사용자가 온라인일 때 즉시 연결할 수 있는 경우에만 메시지가 발송됩니다. 

TTL은 Setting에서 설정한 기본값이 적용되지만 메시지 생성 시 메시지별 TTL 재설정이 가능합니다.