태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 블로그 푸쉬 알림 기능 추가하기

Creator KEBI/블로그|2019. 1. 30. 17:03

가끔 인터넷 사이트를 방문을 하다 보면 사이트의 알림을 받을지 물어 보는 창이 뜨는걸 볼수 있는데요. 크롬 브라우저를 사용하는 경우에 특히 많이 보게 됩니다. 만약에 알림을 받는다고 설정을 해놓으면 새로운 글이 올라오거나 할때 해당 사용자에게 알림을 보내서 새로운 글이 올라왔다는걸 알릴수가 있습니다. 이렇게 하면 한번 방문 했던 사용자가 다시 방문을 할수 있도록 유도 할수도 있고, 사용자를 늘릴수 있게 되는거죠.

그래서 이번 포스팅에서는 티스토리 블로그 푸쉬 알림 기능 추가 하는 방법에 대해서 알아 보려고 합니다. 블로그에 푸쉬 알림을 설정 하기 위해서는 다른 사이트의 기능을 이용해야 하는데요. 여기에서는 " https://www.pushengage.com " 에 가입해서 설정 하는 방법을 알아 보겠습니다.

사이트에 접속을 하시면 위와 같은 페이지를 보실수가 있는데요. "Sign Up for FREE" 를 클릭 하셔서 무료 가입을 진행 하시면 됩니다. 가입하기를 클릭 하시면 아래와 같이 등록 폼이 나오는데요. 이메일주소, 내 블로그 주소, 비밀번호와, 스카이프가 있으면 스카이프 ID 혹은 전화 번호등을 입력 하시면 됩니다. 모두 입력을 하신후에 Register 를 클릭 하시면 완료 됩니다.

그러면 위에 입력하신 이메일 주소로 Verify 메일이 전송이 되었는데요. 해당 메일의 내용을 클릭 하던가, 혹은 메일 코드 내용의 값을 아래와 같이 로그인 후에 입력을 하시면 이용을 하실수가 있습니다. 

여기까지는 가입을 하는 방법이였구요. 이제 실제로 구성을 하시면 되는데요, 처음 페이지에 로그인을 하시면 아래와 같은 대시보드를 보실수가 있습니다. 대시 보드에서는 현재 알림을 받고 있는 사용자수와 알림을 클릭한 횟수등이 표시가 됩니다. 그리고 상단에 보시면 Plan:FREE 라고 되어 있고 알림을 받을수 있는 수가 2500개로 제한되어 있는걸 보실수가 있을겁니다. 이 이상을 이용하고자 한다면 유료로 전환 해야 하는데요. 저정도 도달까지 얼마나 걸릴지 모르겠네요. ^^

구성을 하기 위해서는 위 대시 보드에서 "1. Install the ... " 로 시작하는 부분을 클릭 하시면 됩니다. 클릭 하시면 아래와 같이 설정 페이지가 나오는데요.

설정할 내용은 기본적인것만 한다고 하면 그렇게 많지는 않습니다. 사이트 이미지 추가하고 사이트 이릅과 URL 을 다시 한번 확인해서 입력을 해주시면 됩니다. 그리고 하단에 Script 를 받을수 있는 부분이 있는데요. 티스토리는 모두 https 로 전환이 되었으니 HTTPS 부분을 클릭 하셔서 하단에 나오는 코드를 복사해 주시면 됩니다. 

복사한 코드는 티스토리 테마 수정에서 HTML 부분에 <head> </head> 사이에 추가를 하시면 됩니다. 그러고 적용을 눌러 주시면 기본적인 설정은 끝납ㄴ니다. 이제 다시 사이트를 접속해 보시면 되는데요.

사이트를 접속해 보시면 아래와 같이 알림 표시 권한을 요청 한다는 알림이 뜨게 되는걸 확인 하실수가 있습니다 .허용을 하시면 이제 이후에는 해당 블로그에 새로운 글이 발행이 되거나 할때 허용을 클릭한 사용자에 한해서 알람이 전달 되게 됩니다.

이상으로 티스토리 블로그 푸쉬 알림 기능 추가 하는 방법에 대해서 알아 보았습니다. 해당 사이트를 이용하면 다른 사이트들도 푸쉬 기능을 이용할수가 있다고 하네요. 구글 블로거나 워드프레스 등을 이용하시는 경우도 한번 해보시기 바랍니다. 그럼 이상으로 조금더 블로그 사용자 유입이 늘기를 바라면서 이만 포스팅 마치도록 하겠습니다. 읽어주셔서 감사합니다. ^^

// 추가

잘되는줄 알았는데 Service Worker 등록이 불가능해서 안되는거 같네요 ^^;;; 참고하세요. 티스토리에 Service Worker 등록 하는 방법 아시는분 알려 주세요.. 아무리 해도 불가능해 보이네요.. 잉..


댓글()