> For the complete documentation index, see [llms.txt](https://help.citrusad.com/retail-media-interface/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.citrusad.com/retail-media-interface/integration/ko/generating-ads/banner-x-responsive/banner-x-elements.md).

# 광고 슬롯 형식 및 배너 X 요소

Banner X 배너에 다양한 요소를 맞춤 설정하고 사용할 수 있습니다. 이러한 요소를 조합하여 반응형 배너 X 캠페인을 생성할 수 있습니다.

## 광고 슬롯 형식

Banner X 은 유연한 특성 덕분에 다양한 형식으로 배포할 수 있습니다.

일반적으로 사용을 권장하는 3가지 표준 형식이 있습니다.

* **배너**: 검색 결과 또는 카테고리 목록 상단과 같은 관련 페이지의 상단 등, 구매 가능한 영역의 전체 너비에 걸쳐 위치합니다.
* **단일 타일**: 상품 목록 대신 단일 상품 타일을 차지하며 상품 그리드 내에 위치합니다. 단일 타일은 자연스러운 고객 탐색이 상품 목록에 집중되는 점을 활용하여 쇼퍼의 주의를 끌기에 적합합니다.
* **더블 타일**: 두 개의 상품 타일에 걸쳐 상품 그리드에 위치하여 더 크고 눈길을 사로잡는 광고 단위를 생성합니다.

## Banner X 요소

<br>

### 동영상

광고주와 리테일러는 배너에 동영상을 업로드할 수 있습니다. 이러한 동영상 광고는 리테일러의 웹사이트나 앱에 직접 표시되는 프로모션 동영상입니다.

### 기본 배경 이미지

기본 배경은 단순한 배경을 제공하여 여러 기기에서 디자인의 명확성과 일관성을 보장합니다. 특히 다양한 기기 및 브라우저 너비에서 잘림 문제를 방지하려면 상품 이미지를 삽입하거나 콘텐츠를 과도하게 가리지 않도록 하세요. 기본 배경에 사용할 수 있는 6가지 구성은 다음과 같습니다.

* 반복
* 채우기
* 상단 정렬
* 하단 정렬
* 오른쪽 정렬
* 왼쪽 정렬

<figure><img src="/files/mJSZYTjNyqDJr7aZ3O0A" alt="" width="100%"><figcaption></figcaption></figure>

### 보조 배경 이미지

보조 배경 이미지를 사용하여 배너에 장식을 추가하세요. 사용할 수 있는 6가지 보조 배너 구성은 다음과 같습니다.

* 반복
* 채우기
* 상단 정렬
* 하단 정렬
* 오른쪽 정렬
* 왼쪽 정렬

### 배너 텍스트

배너 텍스트는 배너 광고에 표시됩니다. 제한된 HTML 태그를 지원합니다. 예를 들어 굵게 표시하는 `strong` 및 이탈릭체로 표시하는 `i` 가 있으며, 텍스트 색상 맞춤 설정을 허용합니다.

<figure><img src="/files/rJGtKAzQeWqQ60LXm35p" alt="" width="100%"><figcaption></figcaption></figure>

### 히어로 이미지

히어로 이미지는 일반적으로 상품이나 로고를 표시하는 기본 프로모션 이미지입니다. 사용할 수 있는 구성은 다음과 같습니다.

* 가로 방향
* 세로 방향

<figure><img src="/files/9e9z3tpcIFW8qKUGh9QB" alt="" width="100%"><figcaption></figcaption></figure>

### 보조 히어로 이미지

보조 히어로 이미지를 사용하여 추가 상품이나 로고를 표시하세요. 사용할 수 있는 구성은 다음과 같습니다.

* 가로 방향
* 블록(너비와 높이가 동일한 이미지)

<figure><img src="/files/F4waIzMEStEHYmKcXQAD" alt="" width="100%"><figcaption></figcaption></figure>

### 콜투액션(Call-to-action)

콜투액션(CTA)은 클릭 가능한 텍스트 또는 버튼으로, 구매하기나 다른 페이지 방문과 같은 사용자 작업을 유도합니다. 참여를 높이려면 CTA가 명확하고 동작 지향적이며 시각적으로 구별되어야 합니다. 예를 들어 "지금 쇼핑하기"는 구매를 유도합니다.

<figure><img src="/files/EZowyIj8tdNnssNNMIJS" alt="" width="100%"><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.citrusad.com/retail-media-interface/integration/ko/generating-ads/banner-x-responsive/banner-x-elements.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
