# 앱 프로모터

**URL:** https://meta.discourse.org/t/app-promoter/318432
**Category:** Theme component
**Created:** [7월 25, 2024, 8:22오후 UTC](https://meta.discourse.org/t/app-promoter/318432 "2024-07-25T20:22:13Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [7월 25, 2024, 8:22오후 UTC](https://meta.discourse.org/t/app-promoter/318432/1 "2024-07-25T20:22:13Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **요약** | 앱 홍보하기 |
| 👓 | **미리보기** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/app-promoter) |
| 🛠 | **리포지토리** | [GitHub - VaperinaDEV/discourse-app-promoter · GitHub](https://github.com/VaperinaDEV/discourse-app-promoter) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스코ourse 테마 초보이신가요?** | [디스코ourse 테마 사용 입문가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

이 테마 컴포넌트 설치

안녕하세요 👋

이 테마 컴포넌트를 사용하면 Reddit에서 영감을 받은 모달을 통해 앱을 홍보할 수 있습니다… 이 모달은 브라우저 사용 시 로그인한 사용자에게만 표시됩니다. _신뢰 수준으로 제한하는 설정을 추가하고, 비로그인 사용자(익명)에게도 표시되도록 할 계획입니다._ 모달은 쿠키 기반으로 두 개의 섹션(행)으로 구성되어 있습니다.

1. 첫 번째 행에는 설정에서 구성한 앱이 표시됩니다.

2. 두 번째 행(브라우저)은 브라우저를 자동으로 감지하고, 그에 따라 로고와 이름을 변경합니다. 계속 버튼을 클릭하면 기본적으로 만료일이 1개월로 설정된 쿠키가 사용자 브라우저에 저장됩니다. (이는 쿠키가 만료될 때까지 사용자가 배너를 다시 보지 않음을 의미합니다.) 이 설정도 설정에서 변경할 수 있습니다.

브라우저 로고는 테마 컴포넌트 설치 시 자동으로 업로드됩니다.

 ![Screenshot 2024-07-26 at 14.47.46](https://global.discourse-cdn.com/meta/original/4X/e/c/b/ecb3978c30116ad8ea9f5c98b84d958652119b72.png)

안드로이드와 iOS 앱을 각각 별도로 설정할 수 있는 몇 가지 설정이 있습니다.

 ![Screenshot 2024-07-26 at 14.49.35](https://global.discourse-cdn.com/meta/original/4X/a/5/2/a522f499627e201572e9c1cd21a3bb784805306d.png)

* * *

PWA 버전은 Chrome에서만 작동하며, 지원되는 브라우저에서 앱 설치 상태를 자동으로 감지합니다.

PWA가 아직 설치되지 않은 경우.

 ![Screenshot 2024-07-25 at 21.23.10](https://global.discourse-cdn.com/meta/original/4X/9/3/9/939d81d563fd34a01b942b1de8753ece4e319a45.png)

PWA가 이미 설치된 경우.

 ![Screenshot 2024-07-25 at 21.22.00](https://global.discourse-cdn.com/meta/original/4X/6/f/b/6fb96c3e68f42ec57669b8bddb0181778bc3382b.png)

브라우저에서 보이는 모습.

 ![Screenshot 2024-07-25 at 21.23.10](https://global.discourse-cdn.com/meta/original/4X/9/3/9/939d81d563fd34a01b942b1de8753ece4e319a45.png)  
 ![Screenshot 2024-07-25 at 21.24.28](https://global.discourse-cdn.com/meta/original/4X/5/f/7/5f7da454cd9e75298bd3464a8cefd85b047456b3.png)  
 ![Screenshot 2024-07-25 at 21.25.29](https://global.discourse-cdn.com/meta/original/4X/5/4/c/54cdd99e3c2cade7ae1a1f16e5b5540e6557587b.png)  
 ![Screenshot 2024-07-26 at 14.26.47](https://global.discourse-cdn.com/meta/original/4X/a/5/a/a5ab7cd4c04b8d6347cf4245f8e6bf5516e0daea.png)

* * *

테마 번역(Theme Translations)에서 모든 텍스트를 번역하고 사용자 지정할 수 있습니다…

* * *

> ⚠ 모든 브라우저가 PWA 설치를 지원하지 않으므로 일부 제한 사항이 있습니다. PWA 설치 기능은 Chrome에서만 작동합니다. 다른 브라우저에서는 설정에서 구성한 앱 기반 모달이 표시됩니다.  
> ~~**이 테마 컴포넌트는 Android 전용입니다!** 앱 기반 모달이 AppStore 앱 페이지로 사용자를 리디렉션할 수 있도록 표시될 수 있으므로, 향후 iOS, iPadOS Safari에서도 업데이트할 수 있습니다.~~
> 
> **테마 컴포넌트를 업데이트하여 이제 iOS를 지원합니다.**

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [7월 26, 2024, 2:31오전 UTC](https://meta.discourse.org/t/app-promoter/318432/3 "2024-07-26T02:31:15Z")

</div>

이건 꽤 멋진 것 같아요. 기억이 맞다면, 얼마 전 누군가가 브라우저에서 ‘앱 설치’/'홈 화면에 추가’를 찾아야 하는 번거로움 없이 이 앱이 바로 뜨거나 직접 설치할 수 있는 방법을 원하고 있었어요.

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [7월 26, 2024, 7:50오전 UTC](https://meta.discourse.org/t/app-promoter/318432/4 "2024-07-26T07:50:48Z")

</div>

놀랍다! 내 앱 출시 아이디어 + 이것 = 완벽하다.

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [7월 26, 2024, 12:28오후 UTC](https://meta.discourse.org/t/app-promoter/318432/5 "2024-07-26T12:28:22Z")

</div>

테마 컴포넌트 @Don 덕분에 감사합니다

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [7월 26, 2024, 12:52오후 UTC](https://meta.discourse.org/t/app-promoter/318432/6 "2024-07-26T12:52:33Z")

</div>

안녕하세요 👋

컴포넌트와 OP도 업데이트했습니다… 🎉

> <https://github.com/VaperinaDEV/discourse-app-promoter/pull/1>

---

<div class="post-metadata">

### Author: ![Samsonite](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@Samsonite](https://meta.discourse.org/u/Samsonite)
#### Post date: [9월 21, 2025, 2:41오후 UTC](https://meta.discourse.org/t/app-promoter/318432/7 "2025-09-21T14:41:56Z")

</div>

안녕하세요, 컴포넌트가 아주 잘 만들어진 것 같습니다.

로그인한 사용자만 모달을 보이거나, 특정 횟수의 페이지 로딩 후에만 보이도록 하는 방법이 있을까요?

또한 안드로이드에서 테스트해 본 결과, 사용자가 “설치”를 클릭하면 앱이 백그라운드에서 설치되지만, 설치 완료 후 아무 일도 일어나지 않습니다. 설치 버튼을 다시 눌러도 반응이 없으며, 사용자는 모달을 벗어나기 위해 계속하기를 클릭해야만 합니다. 이후에는 앱을 사용하려면 브라우저를 닫아야 합니다.

설치가 완료되면 모달이 자동으로 닫히고 앱이 자동으로 실행되도록 하는 방법이 있을까요?
