코드앤버터 사용 가이드
home

배너 추가하기

쉽고 간편한 배너 추가 방법을 알려드려요. 천천히 따라와 보세요!

배너 추가는 이렇게 이루어져요

배너 영역 추가 → 배너 영역 코드 추가 → 배너 추가
① 배너 영역 추가
배너 영역을 먼저 만들고, 이 영역 안에 배너를 추가하는 구조예요.
② 배너 영역 코드 추가
1번에서 만든 배너 영역을 내 사이트의 어떤 위치에서 보여줄지 결정하고 사이트에 추가하는 과정이에요.
③ 배너 추가
1번에서 추가한 배너 영역에서 노출할 배너를 만들어 추가해요. 추가한 배너는 2번에서 설정한 내 사이트의 위치에서 보여질 거예요.

배너 영역 추가하기

오른쪽 상단 [+배너 영역 추가] 버튼을 클릭해요.

배너 영역 설정

① 디바이스 선택
해당 배너 영역을 노출할 디바이스를 선택해요.
Mobile / PC 중 선택할 수 있어요.
② 배너 영역 디자인
배너 사이즈 및 배너의 슬라이드 여부를 설정해요.
꼭 알아두세요.
단일 배너 만들기
슬라이드 선택 단계에서 슬라이드 없음을 선택해요.
슬라이드 없음을 선택하고, 해당 영역에 1개의 배너를 추가하면 공개 상태이며 해당하는 노출 기간 동안 1개 배너가 노출돼요.
슬라이드 없음을 선택하고, 해당 영역에 2개 이상의 배너를 추가하면 공개 상태이며 해당하는 노출 기간 동안 2개 이상의 배너가 랜덤으로 노출돼요.
랜덤 노출 시 100%에서 배너 개수에 따라 나눠져요.
슬라이드 배너 만들기 (2개 이상의 배너를 슬라이드 형태로 노출하기)
슬라이드 선택 단계에서 A~C타입을 선택해요.
선택한 A~C타입에 따라 2개 이상의 배너가 슬라이드 형태로 노출돼요.
②a 배너 모양
5가지 지정 사이즈 혹은 사용자 정의를 선택해 배너 영역 사이즈를 직접 설정할 수 있어요.
띠배너
중간 배너
두꺼운 배너
정방형 배너
긴배너
사용자 정의
②b 슬라이드 선택
해당 배너 영역에서 보여질 배너의 슬라이드 여부를 선택해요.
슬라이드 없음
단일 배너를 만들 수 있어요.
A타입 / B타입 / C타입
A~C타입을 선택하면 슬라이드 배너를 만들수 있어요.
슬라이드 배너를 만들 경우, 슬라이드 형태에 대한 추가 설정을 할 수 있어요.
스타일 설정
하단 원형 페이지네이션 색상 변경
슬라이드 버튼 색상 변경
슬라이드 설정
슬라이드 순환
마지막 슬라이드 이후에 첫 슬라이드로 돌아가는 기능이에요.
전환 속도
숫자가 작을 수록 빠르게 전환되고, 숫자가 클수록 느리게 전환돼요.
자동 슬라이드
설정된 대기 시간 후에 슬라이드가 자동으로 넘어가는 기능이에요.
대기 시간
숫자가 작을 수록 한 배너가 보여지는 시간이 짧아지고, 숫자가 클수록 한 배너가 보여지는 시간이 길어져요.
 Tip
오른쪽 미리보기 창에서 적용한 설정을 실시간으로 확인할 수 있어요.
③ 배너 영역 관리
해당 배너 영역을 누구에게, 언제 노출할지 설정해요.
노출 타겟 선택
도메인, 유입 경로 등 해당 배너의 공개 조건 및 제외 조건을 설정할 수 있어요.
공개 조건 선택
해당 배너를 바로 공개하거나 예약 공개할 수 있어요.
︎ 등록하기
배너 영역 추가를 완료했어요. 이제 이 배너를 내 사이트의 어떤 영역에서 노출할지 코드를 설치해야 해요.
 Tip
해당 배너 영역의 이름 수정이 필요하신가요? 배너 영역 설정에서 해당 배너 영역의 이름을 수정할 수 있어요. 날짜, 캠페인명 등 리스트에서 알아보기 쉬운 이름으로 설정해 보세요!

배너 영역 코드 설치하기

배너는 배너 영역 코드를 설치해야 정상적으로 노출돼요.
배너 영역 코드를 설치한다는 것은 내 사이트의 어떤 영역에서 배너를 노출할지 위치를 지정하는 작업이에요.
따라서 내 사이트의 여러 영역에서 배너를 노출하려면 각 영역에 코드를 설치해야 해요.
해당 위치에 노출하고자하는 배너 그룹의 배너 영역 코드를 설치하세요.
① [배너 영역 코드 설치하기] 버튼을 클릭하세요.
② 배너 영역 코드 추가
안내에 따라 배너 영역 코드를 사이트에 추가하세요.
 Tip
배너는 사이트에서 각 배너 영역이 노출될 위치를 지정하는 것이므로, 여러 개의 배너 영역을 지정할 수 있어요.
따라서 배너 영역마다 배너 영역 코드의 id 값이 달라요. 사이트의 여러 위치에서 배너를 노출하려면 각 영역에, 각 영역에 해당하는 id를 가진 코드를 설치해야 해요.
이제 배너를 만들고 앞서 추가한 영역에 배너를 추가하면 끝이에요

배너 추가하기

오른쪽 상단 [+배너 추가] 버튼을 클릭해요.

① 꾸미기

본문 프레임
배너 이미지를 추가하세요.
배너를 클릭하면 연결되는 링크를 추가하세요.
 Tip
고급 모드에서 더 상세한 설정이 가능해요.

② 노출 설정

스케줄 설정
일정 없음
해당 배너의 노출 일정이 없는 상태예요.
해당 배너를 노출할 일정이 아직 정해지지 않았다면 일정 없음을 선택하고 확인 → 등록하세요.
예약 공개
해당 배너의 공개 일정을 선택해요. 공개 시작일시와 종료일시를 설정할 수 있어요.
해당 배너를 무기한으로 노출하고자 한다면 예약 기간에서 시작일시만 설정한 뒤 확인 → 등록하세요.
노출 대상
도메인, 유입 경로 등 해당 배너의 공개 조건 및 제외 조건을 설정할 수 있어요.
모두 완료했다면 오른쪽 상단 [등록] 버튼을 클릭하세요.
 Tip
노출 설정 단계에서 기본 설정값은 앞서 추가한 배너 영역 설정에서의 값이에요.

③ 등록하기

슬라이드 선택 단계에서 A~C타입을 선택했다면
리스트
① 해당 배너 영역(캠페인)에 속한 배너들의 정보를 확인할 수 있어요.
② 캘린더 페이지로 진입해요. 아래에서 자세한 내용을 확인하세요.
캘린더
① Slot이란?
배너의 노출 순서를 의미해요. 1번 Slot에 포함된 배너가 첫 번째로 노출돼요.
캘린더 설정하기
만든 배너를 노출할 일정만큼 드래그해요.
캘린더에서 배너 노출 일정을 클릭해 배너 노출 스케줄을 수정할 수 있어요.
캘린더에서 설정한 일정과 배너 추가 단계에서 설정한 스케줄은 동기화돼요.
슬라이드 선택 단계에서 슬라이드 없음을 선택했다면
리스트
① 해당 배너 영역(캠페인)에 속한 배너들의 정보를 확인할 수 있어요.

④ 공개하기

배너를 공개 상태로 변경하세요.
배너 영역(캠페인)을 공개 상태로 변경하세요.
관련 가이드
마케팅 레시피
배너 기능을 200% 활용하고 싶다면?