Bubble.io에서 사용자 알림을 설정하는 방법을 우리의 쉬운 단계별 가이드로 배워보세요. 사용자 정의 알림과 업데이트로 앱의 참여도를 높이세요.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Bubble.io에서 OneSignal 플러그인을 사용하여 사용자 알림을 생성하는 것은 마케팅 발사, 개인화 메시지 또는 기타 사용자 정의 알림을 통해 사용자의 컴퓨터로 보낼 수 있는 웹 푸시 알림을 설정하는 것을 포함합니다. OneSignal을 사용하여 Bubble.io 앱에서 사용자 알림을 설정하는 데 도움이되는 단계별 가이드는 다음과 같습니다:
1 단계: Bubble의 플러그인 마켓플레이스에서 OneSignal 플러그인을 Bubble.io 앱에 설치하세요.
2 단계: OneSignal 웹사이트를 방문하여 새로운 OneSignal 앱을 설정하고 대시보드로 이동합니다. 'Web Push'를 플랫폼으로 선택하고 "Wordpress 플러그인 또는 웹 사이트 빌더"의 'Bubble'을 통합하는 것을 선택해야 합니다.
3 단계: OneSignal 앱 설정의 일환이므로 "사이트 설정" 섹션에 Bubble 애플리케이션 도메인을 입력해야 합니다. Bubble 앱은 완전히 HTTPS에 따르므로 도메인이 'https'로 시작하는지 확인하세요.
4 단계: OneSignal에서 "Permission Prompt Setup"을 구성합니다. OneSignal은 여러 가지 프롬프트 유형을 제공하지만 'Slide prompt' 유형을 사용하고 '자동 프롬프트'를 끄는 것이 사용자가 프롬프트될 때 더 많은 제어권을 갖게 됩니다. 이 설정은 OneSignal 대시보드에서 구성해야 합니다.
5 단계: 사용자가 알림을 수락하면 고유 ID가 OneSignal로 전송됩니다. 이를 통해 Bubble 데이터베이스의 사용자에게 직접 대상 지향적 알림을 보낼 수 있습니다. OneSignal 'Permission Prompt Setup' 구성을 따르는 워크플로우 작업을 사용하여 Bubble.io 앱에 알림 프롬프트를 설정하세요.
6 단계: OneSignal 대시보드의 "키 & ID" 섹션에서 OneSignal 앱 ID와 API 키를 검색합니다. 이 자격 증명을 앱 편집기의 Bubble '플러그인' 탭에 있는 적절한 필드에 입력하세요.
7 단계: 알림을 보내려면 Bubble 워크플로우에서 '개별 알림 보내기' 또는 '사용자 목록에 알림 보내기' 작업을 사용합니다. 'User' 데이터 필드는 누가 알림을 받을지 지정하는 데 사용해야 합니다. 알림 내용, 제목, URL 및 아이콘 URL을 개인화할 수 있습니다.
8 단계: 템플릿 기반 알림도 보낼 수 있으며, 템플릿은 OneSignal 대시보드 내에서 설계됩니다. OneSignal의 'Messages'> 'Templates'로 이동하여 템플릿 ID에 액세스하고 Bubble에서 템플릿 알림 작업을 설정하는 데 이를 사용하세요.
9 단계: 사용자를 세분화하거나 특정 그룹을 대상으로 하려면 OneSignal에서 제공하는 태깅 기능을 사용하세요. 현재 사용자에 대한 태그를 설정하고 이러한 태그를 기반으로 누가 알림을 받을지 필터링하세요.
10 단계: 알림을 테스트하고 올바르게 작동하는지 확인하세요. 전달 문제는 대개 HTTPS 설정이 올바른지 여부를 확인하고 도메인이 OneSignal에서 올바르게 구성되어 있는지 확인하여 해결할 수 있습니다.
웹 푸시 알림은 아이폰 및 아이패드와 같은 iOS 기기에서 작동하지 않습니다. 현재 이 기능이 지원되지 않기 때문입니다.
이 단계를 사용하면 OneSignal 플러그인과 함께 Bubble.io 앱 이용자에 대한 사용자 알림을 효과적으로 설정할 수 있습니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.