> For the complete documentation index, see [llms.txt](https://catenoid-support.gitbook.io/klc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://catenoid-support.gitbook.io/klc/userguide/managepage/banner.md).

# 배너 전시 관리

이 페이지에서는 Kollus Live Commerce 관리 시스템에서 방송 전시 페이지에 전시할 배너를 등록하고 관리하는 방법에 대해 안내합니다.

> ### **배너 전시 관리** <a href="#id-.1" id="id-.1"></a>
>
> 배너(banner)란 주요한 정보 혹은 상품을 알리기 위해 트래픽을 유도하여 웹 사이트에 표시되는 사각형 광고를 의미합니다. 배너 전시 관리에서는 방송 전시 페이지에 전시할 배너를 등록할 수 있으며, 배너의 전시 순서 또는 전시 기간 등을 관리합니다.

{% hint style="info" %}
**참고**

* 배너 전시 관리 메뉴는 Kollus Live Commerce 담당자가 설정을 별도로 진행해야 제공 가능합니다. 해당 기능 사용을 원하실 경우, 영업 담당자(AM)에게 문의하시면 도움을 드릴 수 있습니다.
* 방송 전시 페이지에 배너를 전시하려면 서비스 계약 시 스킨 C, 스킨 D, 스킨 E, 스킨 F 중 하나를 선택해야만 전시 가능합니다.
  {% endhint %}

### **배너 전시 관리** <a href="#id-.1" id="id-.1"></a>

#### **스킨 C로 설정되어 있는 경우**

배너 전시 관리에서 방송 전시 페이지에 전시할 메인 배너와 띠 배너를 등록하고 관리할 수 있습니다. 배너 전시 관리에서 확인 가능한 항목들은 다음과 같습니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FI4a9srUluqsax9vDFm19%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%EA%B4%80%EB%A6%AC%20%EB%AA%A9%EB%A1%9D_1(%EC%8A%A4%ED%82%A8C).png?alt=media&amp;token=3cfb9a0e-91e0-4773-ae07-2d82e7bcfefe" alt=""><figcaption><p>페이지 관리 > 배너 전시 관리 > 메인 배너(스킨 C로 설정되어 있는 경우)</p></figcaption></figure>

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FgAWEQkPMqONhDJvUpkDe%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%EA%B4%80%EB%A6%AC%20%EB%AA%A9%EB%A1%9D_2(%EC%8A%A4%ED%82%A8C).png?alt=media&amp;token=32d3a3e5-4576-44da-af07-eeb26fda6ecd" alt=""><figcaption><p>페이지 관리 > 배너 전시 관리 > 띠 배너(스킨 C로 설정되어 있는 경우)</p></figcaption></figure>

<table><thead><tr><th width="175.5">항목</th><th>설명</th></tr></thead><tbody><tr><td>메인 배너</td><td>메인 배너는 방송 전시 페이지 진입 시 상단 영역에 가장 먼저 노출되는 배너로, 중요한 정보 등을 안내하는 용도로 사용 가능합니다. 배너 섹션 전체가 가로 슬라이드 형태로 노출되며, 메인 배너 이미지는 최대 10개까지 등록할 수 있습니다.</td></tr><tr><td>띠 배너</td><td>띠 배너는 방송 전시 페이지 중단 영역에 띠 형태로 노출되는 배너로 프로모션, 기획전 등을 홍보하는 용도로 사용 가능합니다. 배너 섹션 전체가 가로 슬라이드 형태로 노출되며, 띠 배너 이미지는 최대 3개까지 등록할 수 있습니다.</td></tr><tr><td>전시 순서 저장</td><td><strong>순서이동</strong> 항목에서 배너 전시 순서를 변경한 다음, 해당 버튼을 클릭하면 방송 전시 페이지에 변경한 전시 순서가 반영됩니다.</td></tr><tr><td>순서이동</td><td>해당 항목에서 <strong>≡</strong> 아이콘 클릭 후 위아래로 드래그하면 등록된 배너들의 전시 순서를 변경할 수 있습니다.</td></tr><tr><td>배너명</td><td>배너 등록 시 입력한 배너 타이틀이 노출됩니다. 해당 항목을 클릭하면 상세 페이지로 이동합니다.</td></tr><tr><td>전시시작</td><td>배너 등록 시 설정한 배너 전시 시작 날짜와 시간이 노출됩니다.</td></tr><tr><td>전시종료</td><td>배너 등록 시 설정한 배너 전시 종료 날짜와 시간이 노출됩니다.</td></tr><tr><td>상태</td><td>활성화 버튼을 통해 해당 배너의 전시 상태를 선택할 수 있습니다. 해당 배너를 방송 전시 페이지에 전시하려면 활성화 상태로, 전시하지 않으려면 비활성화 상태로 설정하시면 됩니다. 또한 활성화 버튼 우측의 삭제(🗑️) 아이콘을 클릭하면 해당 배너 정보를 삭제할 수 있습니다.</td></tr></tbody></table>

#### **스킨 D, 스킨 E, 스킨 F로 설정되어 있는 경우** <a href="#id-.1" id="id-.1"></a>

배너 전시 관리에서 방송 전시 페이지에 전시할 띠 배너를 등록하고 관리할 수 있습니다. 배너 전시 관리에서 확인 가능한 항목들은 다음과 같습니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FWU3lkkOwEVLy5v7EzZWg%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%EA%B4%80%EB%A6%AC%20%EB%AA%A9%EB%A1%9D_2(%EC%8A%A4%ED%82%A8D%2CE%2CF).png?alt=media&amp;token=b045c045-1763-496a-b81c-ddf549a17fd5" alt=""><figcaption><p>페이지 관리 > 배너 전시 관리(스킨 D, 스킨 E, 스킨 F로 설정되어 있는 경우)</p></figcaption></figure>

<table><thead><tr><th width="175.5">항목</th><th>설명</th></tr></thead><tbody><tr><td>전시 순서 저장</td><td><strong>순서이동</strong> 항목에서 배너 전시 순서를 변경한 다음, 해당 버튼을 클릭하면 방송 전시 페이지에 변경한 전시 순서가 반영됩니다.</td></tr><tr><td>순서이동</td><td>해당 항목에서 <strong>≡</strong> 아이콘 클릭 후 위아래로 드래그하면 등록된 배너들의 전시 순서를 변경할 수 있습니다.</td></tr><tr><td>배너명</td><td>배너 등록 시 입력한 배너 타이틀이 노출됩니다. 해당 항목을 클릭하면 상세 페이지로 이동합니다.</td></tr><tr><td>전시시작</td><td>배너 등록 시 설정한 배너 전시 시작 날짜와 시간이 노출됩니다.</td></tr><tr><td>전시종료</td><td>배너 등록 시 설정한 배너 전시 종료 날짜와 시간이 노출됩니다.</td></tr><tr><td>상태</td><td>활성화 버튼을 통해 해당 배너의 전시 상태를 선택할 수 있습니다. 해당 배너를 방송 전시 페이지에 전시하려면 활성화 상태로, 전시하지 않으려면 비활성화 상태로 설정하시면 됩니다. 또한 활성화 버튼 우측의 삭제(🗑️) 아이콘을 클릭하면 해당 배너 정보를 삭제할 수 있습니다.</td></tr></tbody></table>

### **배너 전시 등록** <a href="#id-.1" id="id-.1"></a>

배너 전시 관리에서 **+ 등록** 버튼을 클릭하면 배너 전시 등록 페이지를 조회할 수 있습니다. 배너 전시 등록 페이지에서 입력해야 할 항목들은 다음과 같습니다. 아래 필수 입력 항목들을 모두 입력한 후, 하단의 **등록** 버튼을 클릭하면 배너가 등록됩니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FH1bOTezmnFWMFzYOhprn%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%EB%93%B1%EB%A1%9D.png?alt=media&amp;token=4515d8f5-eeb4-4f95-9d2a-cbea8614efcc" alt=""><figcaption><p>페이지 관리 > 배너 전시 관리 > 배너 전시 등록</p></figcaption></figure>

(<mark style="color:red;">\*</mark> 표시된 항목은 필수 입력 값입니다.)

<table><thead><tr><th width="228.5">항목</th><th>설명</th></tr></thead><tbody><tr><td><mark style="color:red;">*</mark> 배너 종류</td><td><strong>스킨 C</strong>로 설정되어 있는 경우, 메인 배너와 띠 배너 중 등록할 배너의 종류를 선택할 수 있습니다. <strong>스킨 D, 스킨 E, 스킨 F</strong>로 설정되어 있는 경우, 배너 종류가 <strong>띠 배너</strong>로 자동 선택되어 노출됩니다.</td></tr><tr><td><mark style="color:red;">*</mark> 배너 타이틀</td><td>등록하고자 하는 배너의 이름을 입력합니다. 배너 타이틀은 등록 후 배너 전시 관리 목록에 노출됩니다.</td></tr><tr><td><mark style="color:red;">*</mark> 배너 이미지(PC)</td><td>PC Web의 방송 전시 페이지에 노출할 배너 이미지를 등록합니다. 배너 이미지(PC)는 5 MB 이하의 1280×320px 사이즈로 제작된 png, jpg, jpeg, gif 이미지 파일만 등록할 수 있습니다.</td></tr><tr><td><mark style="color:red;">*</mark> PC 연결 URL</td><td>배너에 연결할 PC Web URL 주소를 입력합니다. URL 주소는 반드시 https://를 포함하여 입력하도록 합니다.</td></tr><tr><td><mark style="color:red;">*</mark> 배너 이미지(MOBILE)</td><td>Mobile Web의 방송 전시 페이지에 노출할 배너 이미지를 등록합니다. 배너 이미지(MOBILE)는 5 MB 이하의 640×320px 사이즈로 제작된 png, jpg, jpeg, gif 이미지 파일만 등록할 수 있습니다.</td></tr><tr><td><mark style="color:red;">*</mark> MOBILE 연결 URL</td><td>배너에 연결할 Mobile Web URL 주소를 입력합니다. URL 주소는 반드시 https://를 포함하여 입력하도록 합니다.</td></tr><tr><td><mark style="color:red;">*</mark> 배너 전시 기간</td><td>해당 배너를 전시할 시작 날짜 및 시작 시간, 종료 날짜와 종료 시간을 설정합니다.</td></tr><tr><td><mark style="color:red;">*</mark> 배너 사용 여부</td><td>배너의 사용 여부를 설정합니다. <strong>사용</strong>을 선택하면 배너 등록과 동시에 방송 전시 페이지에 노출됩니다. <strong>미사용</strong>을 선택하면 배너가 등록되어도 방송 전시 페이지에 노출되지 않습니다.</td></tr></tbody></table>

### **배너 전시 상세** <a href="#id-.1" id="id-.1"></a>

배너 전시 관리에서 **배너명** 항목을 클릭하면 배너 전시 상세 페이지를 조회할 수 있습니다. 배너 전시 상세 페이지에서 등록되어 있는 배너의 정보를 수정할 수 있습니다. 배너의 정보를 수정 입력한 후, 하단의 **수정** 버튼을 클릭하면 배너 수정이 완료됩니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FgFP3s1xWS5YPFHOy8YkC%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%EC%83%81%EC%84%B8.png?alt=media&amp;token=dd7bee2d-5cf2-46ba-adc7-943d7f78687a" alt=""><figcaption><p>페이지 관리 > 배너 전시 관리 > 배너 전시 상세</p></figcaption></figure>

### **배너 전시 확인** <a href="#id-.1" id="id-.1"></a>

등록한 배너는 배너 전시 정보에 등록되어 있는 전시 시작 시간에 맞추어 방송 전시 페이지에 노출되며, 전시 종료 시간이 지나면 노출되지 않습니다.

#### **스킨 C로 설정되어 있는 경우**

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2F2eOakUoWWnoxyCpy6oWN%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%ED%99%95%EC%9D%B8_1.png?alt=media&amp;token=394fff72-2dee-4f42-a7c6-9b75095d71ae" alt=""><figcaption><p>방송 전시 페이지(스킨 C) > 메인 배너/띠 배너 전시</p></figcaption></figure>

#### **스킨 D, 스킨 E, 스킨 F로 설정되어 있는 경우** <a href="#id-.1" id="id-.1"></a>

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FV62FjJJh55DmDcBdjTw9%2F%EB%B0%B0%EB%84%88%20%EC%A0%84%EC%8B%9C%20%ED%99%95%EC%9D%B8_2.png?alt=media&amp;token=0e9ff8c3-35ee-484d-9c7a-09ca097aee5d" alt=""><figcaption><p>방송 전시 페이지(스킨 D, 스킨 E, 스킨 F) > 띠 배너 전시</p></figcaption></figure>

{% hint style="info" %}
**참고**

방송 전시 페이지의 URL 정보는 [페이지 설정](/klc/userguide/managepage/frontsetting.md)에서 확인 가능합니다.
{% endhint %}