> ## Documentation Index
> Fetch the complete documentation index at: https://updates-proxy.gpappmanager.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 팝업 가이드

아래에서 관련 팝업 기사를 읽어보실 수 있습니다:

## 팝업 소개

팝업은 마케터가 목적에 따라 다양한 콘텐츠를 제시하여 웹사이트 사용자의 관심을 끌기 위해 만든 기능입니다. 다른 팝업과 마찬가지로 광고, 홍보 목적, 공지사항, 웹사이트 사용자가 보기를 원하는 맞춤형 콘텐츠 등 백오피스 사용자가 쉽게 사용자 지정할 수 있도록 설계되었습니다.

1. 팝업을 만들기 전에 백오피스 사용자에게 팝업을 수정할 수 있는 권한이 있어야 합니다. 탐색하려면 CMS > 사용자 관리 > 사용자 선택 > 개별 권한 편집으로 이동합니다.

![image-20240317-053330.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053330.png)

권한 설정은 백오피스 사용자가 관리할 수 있는 항목을 제어합니다. 권한이 수정 가능으로 설정된 경우 백오피스 사용자가 변경할 수 있고, 허용됨은 보기용이며, 허용되지 않음은 사용자에게 액세스 권한이 없음을 나타내는 '권한 없음' 메시지가 표시됩니다.

2. 백오피스 사용자는 팝업의 순서를 변경하고, 비활성화/활성화하며, 플레이어 페이지에 표시되는 방식에 따라 편집할 수 있습니다.

![image-20240317-053440.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053440.png)

*\*열을 정렬할 수도 있습니다.*

순서는 백오피스에서 설정한 설정에 따라 플레이어 페이지에 표시되는 팝업의 순서를 나타냅니다.

**참고:**

* 활성 팝업만 순서를 변경할 수 있습니다.
* 비활성 팝업은 백오피스 사용자가 활성화할 수 있습니다.
* 비활성 팝업은 게시 사용 가능성을 조정하면 다시 활성화할 수 있습니다.

**상태입니다:**

**활성** ![image-20240518-010012.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240518-010012.png) **-** 게시 날짜 내에 활성화되어 있고 활성화된 팝업을 나타냅니다.

**비활성화됨** ![image-20240518-010018.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240518-010018.png) **-** 게시 날짜 내에 비활성화된 팝업을 나타냅니다.

**비활성** ![image-20240518-010025.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240518-010025.png) **-** 게시 날짜 범위를 벗어난 팝업을 나타냅니다.

이 아이콘이 표시될 때까지 주문 앞에 있는 아이콘 위로 마우스를 가져갑니다![image-20240518-010035.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240518-010035.png) . 드래그 가능한 아이콘을 클릭하여 원하는 배열에 배치한 다음 적용을 클릭합니다.

![image-20240317-053707.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053707.png)

이 메시지가 표시됩니다. 예를 클릭하여 변경을 진행합니다. 변경이 완료되었다는 알림이 표시되고 팝업 페이지로 리디렉션됩니다.

![image-20240317-053719.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053719.png)

필터 섹션은 특정 데이터를 검색하는 데 사용할 수 있습니다. 팝업 이름 및 게시 사용 가능성을 제외한 옵션을 두 개 이상 선택할 수 있습니다.

![image-20240317-053737.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053737.png)

3. 각 팝업은 백오피스 사용자가 설정한 방식에 따라 플레이어 포털에만 표시되는 개별 설정이 있습니다. ![image-20240518-230729.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240518-230729.png)    첫 번째 아이콘은 팝업을 활성화/비활성화하는 데 사용할 수 있으며, 눈 아이콘은 보기용, 연필 아이콘은 편집용입니다.

보기를 클릭하면 백오피스 사용자에게 표시되는 내용입니다.

![image-20240317-053816.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053816.png)

편집 팝업 페이지에서

![image-20240317-053842.png](https://sunny-genie-c9179b.netlify.app/1356628805/image-20240317-053842.png)

팝업을 시작하려면 다음 주소로 이동하세요.  [팝업 설정 방법](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356661899)

플레이어가 팝업을 보고, 방문하거나 [플레이어가 팝업을 보는 방법](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356694461)

## 팝업 설정 방법

다음은 백오피스 사용자가 팝업을 보고 추가할 수 있도록 안내하는 지침입니다.

**팝업 만들기**

팝업을 추가하려면 위를 클릭하여 시작하세요![image-20240518-010330.png](https://sunny-genie-c9179b.netlify.app/1356661899/image-20240518-010330.png) . 새 팝업 만들기 페이지로 리디렉션됩니다.

1. **일반 설정**\
   **a. 팝업 이름 -** 생성되는 팝업의 라벨 이름을 나타냅니다.\
   **b. 대상 -** 전체, 공개, 등록된 회원만 볼 수 있는 3가지 카테고리가 있습니다.

   **c. 트리거 유형 -** 현재 이벤트 트리거 유형만 사용할 수 있습니다. \
   **d. 이벤트 -** 팝업 프롬프트가 표시되는 시기를 나타냅니다. 이벤트 선택은 오디언스 설정에 따라 달라집니다. 네 가지 이벤트가 있습니다: (1) OnPageLoad, (2) AfterLogin, (3) AfterRegistration, (4) AfterLogout.

* **OnPageLoad -** 페이지에 액세스할 때 OncePerSession에 설정된 팝업이 표시됩니다. 페이지를 새로 고침하면 페이지를 로드할 때마다 표시되도록 설정된 팝업(OnPageLoad)이 표시됩니다. 대상은 모두, 공개 및 등록됨으로 설정됩니다.
* **로그인 후 -** 웹사이트에 로그인하면 팝업이 표시됩니다. 대상은 등록됨으로 설정됩니다.
* **등록 후 -** 새 플레이어가 등록되면 자동으로 로그인됩니다. 등록 후로 설정된 팝업이 나타납니다. 대상은 등록됨으로 설정됩니다.
* **로그아웃 후 -** 플레이어가 로그아웃하면 팝업이 표시됩니다. 대상이 모두로 설정되어 있습니다.

**e. 게시 사용 가능성 -** 팝업을 사용할 수 있는 기간을 나타냅니다.

**f. 언어 표시** - 팝업에 사용되는 언어(한국어, 영어)를 나타냅니다. 콘텐츠를 표시하려면 먼저 언어를 선택해야 합니다.

**g. 24시간 동안 옵트아웃 허용 -** 선택하면 플레이어 페이지에 '오늘 다시 열기 안 함' 버튼이 표시됩니다. 선택하지 않으면 플레이어 페이지에서 '오늘 다시 열기 안 함' 버튼이 숨겨집니다.

이 페이지는 이벤트에서 온페이지로드를 선택한 경우에만 표시됩니다.\
**a. 적용 페이지 -** 팝업이 표시될 페이지를 나타냅니다. 옵션은 전체, 홈 또는 선택된 페이지입니다.

* 선택된 페이지가 설정된 경우 팝업을 표시할 페이지를 선택해야 합니다. 선택할 카테고리를 두 번 클릭해야 합니다.

**b. 빈도 -** 팝업 발생 빈도를 나타냅니다.

* **세션당 1회 -** 전체 로그인 세션에서 팝업이 한 번만 표시됩니다.
* **매 페이지 로드 -** 페이지를 로드할 때마다 팝업이 표시됩니다.

2. **콘텐츠**\
   콘텐츠 세부 정보는 언어가 선택된 경우에만 표시됩니다.

   EN을 선택하면 언어 콘텐츠: EN이 표시됩니다. ko를 선택하면 언어 콘텐츠: KO가 표시됩니다. en 또는 ko 중 하나를 선택할 수 있으며 둘 다 선택할 수 있습니다. 두 언어를 모두 선택한 경우 두 언어를 모두 채워야 합니다.

   **a. 팝업 제목 -** 팝업 콘텐츠의 제목을 나타냅니다.\
   **b. 링크 제목 속성 -** 추가된 링크의 제목을 나타냅니다. 선택한 팝업에 포인터를 가져가면 제목이 표시됩니다.

![image-20240317-052827.png](https://sunny-genie-c9179b.netlify.app/1356661899/image-20240317-052827.png)

**c. 대상 창 -** 상위 창(팝업을 클릭하면 같은 페이지에서 열림) 및 새 탭(클릭하면 다른 탭으로 리디렉션됨)이 될 수 있습니다.\
**d. 링크 유형 -** 팝업의 콘텐츠를 제공하는 두 가지 카테고리가 있습니다.

* **내부 -** 팝업 세부 정보가 선택되어 페이지에 표시되는 내부 페이지를 나타냅니다.
* **외부 -** 외부를 선택하면 페이지에서 URL이 추가된 페이지로 리디렉션됩니다.

**페이지 -** 내부를 선택하면 선택 페이지가 나타납니다. 외부를 선택하면 URL 공간이 나타납니다.

* 내부인 경우 선택한 페이지를 두 번 클릭하면 해당 페이지가 나타납니다.

**f. 팝업 콘텐츠 -** 팝업의 기본 로고 역할을 합니다. 팝업 이미지를 선택하면 파일이 나타납니다.

저장하면 백오피스의 팝업 페이지에 자동으로 나타납니다. 최근에 만든 팝업이 순서대로 마지막 번호로 표시됩니다. 그러나 백오피스 사용자는 원하는 대로 순서를 변경할 수 있습니다. 이 페이지에서 팝업 순서를 변경하는 방법을 확인할 수 있습니다.

**팝업 관련 팁:**

* 저장하기 전에 필수 필드를 반드시 입력하세요. 아래는 반드시 입력해야 하는 필드입니다.

![image-20240317-052929.png](https://sunny-genie-c9179b.netlify.app/1356661899/image-20240317-052929.png)

* 팝업 이름과 팝업 제목을 생성할 때는 영숫자, 대시, 공백의 조합으로 1\~50자만 입력할 수 있습니다. 팝업 이름은 고유해야 합니다. 이미 존재하는 팝업 이름이 있으면 오류가 표시됩니다.
* 사용 가능한 언어는 영어와 한국어만 가능합니다.

팝업에 대해 자세히 알아보려면 다음을 방문하세요. [팝업 소개](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356628805)

플레이어가 팝업을 어떻게 보는지 알고 싶으신가요? [플레이어가 팝업을 보는 방법](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356694461)

## 플레이어가 팝업을 보는 방법

팝업 모양은 백오피스 사용자의 설정에 따라 달라집니다. 그 요소 중 하나는 대상입니다. 대상 설정에는 크게 세 가지 범주가 있습니다: 전체, 공개 및 등록된.

1. **모두 -** 대상을 모두로 설정하면 웹사이트에 액세스하는 모든 등록 및 비등록 플레이어가 팝업을 볼 수 있습니다. \* 팝업 모양은 백오피스 사용자가 설정한 이벤트(페이지 로드 또는 로그아웃 후)에 따라 결정됩니다.
2. **공개 -** 웹사이트에 액세스하는 등록되지 않은 플레이어에게만 팝업이 표시됩니다.\* 이벤트 설정은 OnPageLoad 또는 AfterLogout이 될 수 있습니다.
3. **등록됨 -** 웹사이트에 액세스하는 기존 플레이어와 신규 플레이어에게 팝업이 표시됩니다. \* 이벤트 설정은 OnPageLoad, AfterLogin, AfterRegistration으로 설정할 수 있습니다.

**참고:** 로그인하지 않고 웹사이트에 접속하는 플레이어는 모두 또는 공개에 속합니다. 플레이어가 웹사이트에 로그인하면 그때부터 등록한 잠재고객으로 집계됩니다.

다음은 샘플 팝업과 플레이어에게 표시되는 내용입니다:

**A.  로그인하지 않음**\
**팝업 이름:** 팝업 테스트 AA\
**대상: 대상:** 모두\
**Event:** OnPageLoad\
**빈도** 세션당 1회\
**대상 창:** 부모\
**링크 유형:** 내부

**페이지** 스포츠북

**24시간 동안 옵트아웃 허용:** 체크됨

재로드/로그인하면 빈도가 세션당 1회로만 설정되어 있어 팝업 AA가 다시 나타나지 않습니다.

![image-20240317-052147.png](https://sunny-genie-c9179b.netlify.app/1356694461/image-20240317-052147.png)

아래 두 개의 팝업 중 팝업 AB.를 제외한 나머지 팝업에는 "오늘 다시 열지 않기" 버튼이 나타납니다.

백오피스에서 \*\*"24시간 동안 옵트아웃 허용"\*\*을 선택 해제하면 "오늘 다시 열기 안 함" 버튼이 나타나지 않습니다.

![image-20240317-052217.png](https://sunny-genie-c9179b.netlify.app/1356694461/image-20240317-052217.png)

체크하면 **'오늘 다시 열지 않음'** 버튼이 나타납니다.

![image-20240317-052238.png](https://sunny-genie-c9179b.netlify.app/1356694461/image-20240317-052238.png)

"**오늘 다시 열기 안 함"** 버튼을 클릭하면 24시간 동안 플레이어가 사이트에 접속할 때마다 팝업이 나타나지 않습니다.

플레이어는 "X"를 클릭하여 팝업을 수동으로 제거할 수도 있습니다.

![image-20240317-052311.png](https://sunny-genie-c9179b.netlify.app/1356694461/image-20240317-052311.png)

B. 로그인

**팝업 이름:** 팝업 AA, 팝업 AB, R-PInternal\
**대상:** 모두, 등록, 등록\
**Event:** OnPageLoad\
**빈도:** 세션당 1회, 세션당 1회, 모든 페이지 로드\
**대상 창:** 부모, 새탭, 부모\
**링크 유형:** 내부

위 이미지에서 로그인한 후 프로모션 페이지를 클릭했습니다,

플레이어가 팝업 AA를 클릭한 경우, 플레이어가 웹사이트에 접속한 상위 탭에서 팝업의 내용을 열지만 스포츠북 페이지로 리디렉션됩니다.  외부인 경우, 대상 창이 새 탭으로 설정되어 있지 않으면 동일한 페이지에서 URL에 액세스합니다.

팝업 AB는 선택된 페이지에만 표시되도록 설정되어 있습니다. 이 경우 로그인한 사용자가 프로모션을 클릭하면 이 팝업이 표시됩니다. 클릭하면 이 팝업은 새 탭에서 열리며 한 번만 표시됩니다.

R-PInternal은 모든 페이지 로드에 나타납니다. 세션당 1회 표시와 비교하면 사이트가 새로 고침될 때마다 R-PInternal이 표시됩니다. 클릭하면 BTI 스포츠북 규칙 또는 팝업 설정에 설정된 내용이 열립니다.

* 로그아웃한 후 페이지가 새로고침되면 등록한 플레이어에게만 적용되므로 EveryPageLoad에 설정되어 있어도 R-PInternal이 나타나지 않습니다. 로그아웃한 사용자는 전체 또는 공개로 계산됩니다.

**참고:**

* 팝업에는 공지사항, 프로모션, 광고 또는 운영자가 플레이어에게 표시하고 알리기 위해 만든 콘텐츠가 포함될 수 있습니다.
* 팝업은 백오피스 사용자가 설정한 팝업 설정에 따라 반복적으로 표시됩니다.
* 플레이어는 웹사이트를 계속 탐색하기 전에 개별적으로 팝업을 닫아야 합니다.
* 플레이어는 '오늘 다시 열지 않기' 버튼을 클릭하여 24시간 동안 다시 표시되지 않도록 설정할 수 있습니다.
* 웹사이트에서는 팝업이 중앙에 표시되고 모바일에서는 팝업이 쌓여 있습니다.
* 개별 팝업 크기: 400px x 600px 또는 100:150 비율

팝업을 소개합니다: [팝업 소개](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356628805)

팝업을 설정하는 데 도움이 됩니다: [팝업 설정 방법](https://updates-proxy.gpappmanager.com/ko-pop-up-guide.md#p1356661899)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.