WordPress에 대한 브라우저 알림을 추가하는 방법

이메일 구독자 목록을 늘리려 했지만 방문자가 사이트를 다시 방문하지 않는 경우 다른 조치를 취할 수 있는지 궁금할 수 있습니다. 사이트 방문자에게 업데이트를 알리고 사이트로 돌아가는 트래픽을 유도하는 것은 어려울 수 있습니다.

다행스럽게도 브라우저 알림 또는 '푸시' 알림은 웹사이트 경험에 동적 요소를 추가할 수 있습니다. 각 사용자의 브라우저를 통해 정보를 푸시하는 옵션은 방문자에게 정보를 제공하고 새로운 가입자를 모으는 새로운 방법을 열 수 있습니다.

이 기사에서는 푸시 알림이 무엇이며 어디에 사용할 수 있는지 설명합니다. 데스크톱 및 모바일 브라우저 모두에 대해 설정하는 방법도 살펴보겠습니다. 이 유용한 기술에 대해 자세히 알아볼 준비가 되었다면 시작하겠습니다!

웹사이트 브라우저 알림(푸시 알림)이란 무엇입니까?

웹 사용자는 스마트폰의 푸시 알림에 더 익숙할 것입니다. 푸시 알림은 그 이름에 걸맞게 정보를 자동으로 장치나 브라우저에 '푸시'하여 주목할만한 일이 발생했을 때 알려줍니다. 예를 들어 문자 메시지를 받았거나 소셜 게시물에 대한 좋아요 또는 댓글을 받았을 때일 수 있습니다.

실제로 모바일 사용자의 52%가 휴대폰에서 푸시 알림을 활성화했습니다. 또한 동일한 기술을 사용하여 데스크톱 웹 브라우저 내에서 푸시 알림을 받을 수 있습니다. 웹사이트에 대한 푸시 알림을 활성화하면 지리적 위치와 같은 기능을 활용하여 개인화된 경험을 만들거나 구매자 습관을 추적하여 장바구니 포기를 줄일 수 있습니다.

작동 중인 브라우저 알림의 한 가지 예는 Freefly의 쿠폰 및 무료 샘플 웹사이트입니다. Freefly는 데스크톱 브라우저용 푸시 알림을 사용합니다. 사용자가 사이트를 방문하면 "공짜 알림"을 ​​받고 싶은지 묻는 알림이 표시됩니다. "예" 또는 "아니요"를 선택하고 웹 사이트 보기를 계속할 수 있습니다.

Freefly의 푸시 알림 구현에 대한 사례 연구에 따르면 Freefly의 목적은 시간 제한이 있는 거래를 방문자에게 즉시 전달하는 것이었습니다. 이 접근 방식은 단 3분의 설정 프로세스 후 30일 만에 4,400명의 신규 가입자를 유치했습니다.

WordPress로 브라우저 알림을 설정하는 방법(6단계)

이제 최대 30,000명의 구독자에게 무제한 모바일 푸시 및 웹 알림을 제공하는 무료 WordPress 플러그인인 OneSignal을 살펴보겠습니다.

OneSignal은 또한 청중을 분류하고, 현지화 기능을 구현하고, Google Analytics로 결과를 추적하고, 강력한 API를 사용하는 기능을 제공합니다.

즉, 모든 최고의 이메일 마케팅 서비스와 통합하여 푸시 알림을 통해 뉴스레터를 보내 더욱 개인화된 고객 경험을 제공할 수 있습니다. 다음 6단계에 따라 OneSignal을 시작하는 방법을 살펴보겠습니다.

1. OneSignal 플러그인 다운로드 및 설치

먼저 WordPress Plugin Directory로 이동하여 OneSignal을 검색합니다. 플러그인 파일을 다운로드한 후 WordPress 사이트의 관리 영역에 있는 플러그인 섹션을 방문해야 합니다.

또는 플러그인 섹션 내에서 OneSignal을 검색하고 바로 거기에 무료 플러그인을 추가할 수 있습니다.

플러그인을 설치한 후 설치 완료 후 표시되는 활성화 버튼을 선택해야 합니다. 완료하면 OneSignal 링크를 클릭하여 프로세스를 완료할 수 있습니다.

2. OneSignal 웹사이트를 방문하여 WordPress에 연결

OneSignal 웹사이트에서 무료 계정을 만들어야 합니다. WordPress 사이트에 대해 OneSignal이 구성되었는지 확인하고 사용할 브라우저를 선택하기 위해 완료해야 하는 몇 가지 단계도 있습니다.

가입하면 알림을 받을 애플리케이션을 선택하라는 메시지가 표시됩니다.

이 예에서는 Chrome을 사용합니다. 다음 단계를 계속하려면 애플리케이션의 이름을 지정해야 합니다. 다음 화면에서 웹 푸시를 구성하라는 메시지가 표시됩니다.

표시되는 옵션을 변경하려면 화면 상단에서 WordPress 플러그인 또는 웹사이트 빌더를 선택해야 합니다. 그렇게 하면 다른 웹 응용 프로그램 목록 중에서 선택할 수 있는 WordPress 아이콘이 표시됩니다.

WordPress 아이콘을 선택하면 WordPress 사이트 설정 이라는 추가 구성 옵션이 아래에 나타납니다. 여기에서 웹사이트 정보를 추가하고 원하는 경우 맞춤 아이콘을 업로드할 수 있습니다.

이 설정 대화 상자에서 완전히 HTTPS가 아닌 사이트에 관한 설명서도 찾을 수 있습니다. 이러한 상황에 처한 경우 이 설명서를 검토하고 OneSignal의 권장 사항을 따르십시오. 사이트 정보 작성을 완료하면 변경 사항을 저장하십시오.

3. WordPress 플러그인 설정 패널에서 구성 확인

WordPress 사이트 설정 정보를 저장하면 WordPress의 OneSignal 설정 패널로 전송해야 하는 중요한 세부 정보 화면이 표시됩니다. 여기에는 방금 설정한 애플리케이션의 API ID 및 API 키가 포함됩니다.

API 정보 아래에 있는 내 웹사이트로 이동 버튼을 사용하거나 다른 브라우저 탭에서 워드프레스 대시보드로 이동하여 설정을 완료할 수 있습니다.

대시보드에 있으면 왼쪽 메뉴에서 OneSignal 푸시를 클릭하고 구성 탭을 선택해야 합니다. 여기에 WordPress와 OneSignal을 최종 연결하기 위해 해당 API 코드를 입력해야 합니다.

Apple Safari 브라우저에 대한 푸시 알림도 설정하려면 OneSignal 웹사이트로 돌아가서 Safari를 애플리케이션으로 추가해야 합니다(다른 브라우저의 경우에도 마찬가지임).

4. 팝업 메시지 사용자 정의

이제 WordPress와 OneSignal을 연결했으므로 플러그인에 포함된 다양한 옵션을 모두 사용자 정의할 수 있습니다. 여기에는 푸시 알림 구독을 위한 팝업 메시지가 포함됩니다.

WordPress의 OneSignal 푸시 설정 내에서 API 정보 아래로 스크롤하여 푸시 초대 텍스트를 말할 내용을 결정할 수 있습니다.

이것은 경험을 개인화하고 방문자가 알림을 사용하도록 유도하는 훌륭한 방법입니다.

5. 알림 아이콘 사용자 정의

사용자 지정할 수 있는 또 다른 주요 항목은 알림 아이콘입니다. 이렇게 하면 방문자가 브라우저에서 알림을 받는 방식을 조정할 수 있습니다. 예를 들어 방문자가 구독하면 받게 될 사용자 지정 감사 메시지를 디자인할 수 있습니다.

또한 방문자가 푸시 알림 서비스를 차단하거나 구독을 취소하는 경우 표시될 알림 텍스트를 구성할 수 있습니다. 때때로 이러한 일이 발생하지만 알림을 계속 구독하는 것이 유익한 이유를 명확하게 설명하는 메시지를 작성하여 방문자를 계속 끌어들일 수 있습니다.

6. WordPress 웹사이트에서 알림 보내기

이제 OneSignal을 모두 설정했으므로 알림을 보내는 방법이 궁금할 것입니다. 다행스럽게도 OneSignal 애플리케이션은 웹사이트에 새 게시물이 게시될 때마다 자동으로 푸시 알림을 보냅니다.

그러나 페이지나 게시물에 대한 알림을 수동으로 보내려는 경우 모든 WordPress 편집 화면에서 이를 수행할 수 있습니다.

문서 탭 아래에 이제 OneSignal 옵션이 있습니다. 여기에서 게시물이 업데이트될 때마다 새 브라우저 알림을 푸시하는 확인란을 선택할 수 있습니다. 예를 들어 온라인 상점에서 항목을 업데이트하는 경우 특히 유용할 수 있습니다. 특정 사용자 지정 게시물 유형에 대한 푸시 알림을 자동으로 보내도록 OneSignal을 구성할 수도 있습니다.

디지털 경험을 개선하는 데 도움이 필요하십니까?

WordPress 웹사이트에 대한 푸시 알림을 설정하면 사이트 방문자에게 동적 경험을 제공할 수 있는 완벽한 방법이 될 수 있습니다. 이 도구에 대해 배우는 것이 즐거우셨다면 여기 WP Engine에서 공유해야 하는 다른 훌륭한 개발자 리소스도 마음에 드실 것입니다.

WP Engine은 빠르고 안정적인 WordPress 호스팅 서비스 그 이상을 제공합니다. 우리는 또한 완전한 디지털 경험 플랫폼을 제공합니다. 즉, WP 엔진을 사용하면 고객을 위한 우수한 웹사이트 디자인 개발에 집중하고 호스팅 관리는 우리에게 맡길 수 있습니다!