쉽고 간편한 배너 추가 방법을 알려드려요. 천천히 따라와 보세요!
배너 추가는 이렇게 이루어져요 🧞♂️
배너 영역 추가 → 배너 영역 코드 추가 → 배너 추가
① 배너 영역 추가
- 배너 영역을 먼저 만들고, 이 영역 안에 배너를 추가하는 구조예요.
② 배너 영역 코드 추가
- 1번에서 만든 배너 영역을 내 사이트의 어떤 위치에서 보여줄지 결정하고 사이트에 추가하는 과정이에요.
③ 배너 추가
- 1번에서 추가한 배너 영역에서 노출할 배너를 만들어 추가해요. 추가한 배너는 2번에서 설정한 내 사이트의 위치에서 보여질 거예요.
배너 영역 추가하기
오른쪽 상단 [+배너 영역 추가] 버튼을 클릭해요.
배너 영역 설정
① 디바이스 선택
해당 배너 영역을 노출할 디바이스를 선택해요.
- Mobile / PC 중 선택할 수 있어요.
② 배너 영역 디자인
배너 사이즈 및 배너의 슬라이드 여부를 설정해요.
👀 꼭 알아두세요.
|
②a 배너 모양
5가지 지정 사이즈 혹은 사용자 정의를 선택해 배너 영역 사이즈를 직접 설정할 수 있어요.
- 띠배너
- 중간 배너
- 두꺼운 배너
- 정방형 배너
- 긴배너
- 사용자 정의
②b 슬라이드 선택
해당 배너 영역에서 보여질 배너의 슬라이드 여부를 선택해요.
- 슬라이드 없음
- 단일 배너를 만들 수 있어요.
- A타입 / B타입 / C타입
- A~C타입을 선택하면 슬라이드 배너를 만들수 있어요.
- 슬라이드 배너를 만들 경우, 슬라이드 형태에 대한 추가 설정을 할 수 있어요.
- 스타일 설정
- 하단 원형 페이지네이션 색상 변경
- 슬라이드 버튼 색상 변경
- 상단 숫자 색상 변경
- 슬라이드 설정
- 슬라이드 순환
- 마지막 슬라이드 이후에 첫 슬라이드로 돌아가는 기능이에요.
- 전환 속도
- 숫자가 작을 수록 빠르게 전환되고, 숫자가 클수록 느리게 전환돼요.
- 자동 슬라이드
- 설정된 대기 시간 후에 슬라이드가 자동으로 넘어가는 기능이에요.
- 대기 시간
- 숫자가 작을 수록 한 배너가 보여지는 시간이 짧아지고, 숫자가 클수록 한 배너가 보여지는 시간이 길어져요.
- 슬라이드 순환
- 스타일 설정
🤲 Tip
- 오른쪽 미리보기 창에서 적용한 설정을 실시간으로 확인할 수 있어요.
③ 배너 영역 관리
해당 배너 영역을 누구에게, 언제 노출할지 설정해요.
- 노출 타겟 선택
- 도메인, 유입 경로 등 해당 배너의 공개 조건 및 제외 조건을 설정할 수 있어요.
- 공개 조건 선택
- 해당 배너를 바로 공개하거나 예약 공개할 수 있어요.
✔︎ 등록하기
배너 영역 추가를 완료했어요. 이제 이 배너를 내 사이트의 어떤 영역에서 노출할지 코드를 설치해야 해요.
🤲 Tip
- 해당 배너 영역의 이름 수정이 필요하신가요? 배너 영역 설정에서 해당 배너 영역의 이름을 수정할 수 있어요. 날짜, 캠페인명 등 리스트에서 알아보기 쉬운 이름으로 설정해 보세요!
배너 영역 코드 설치하기
배너는 배너 영역 코드를 설치해야 정상적으로 노출돼요.
- 배너 영역 코드를 설치한다는 것은 내 사이트의 어떤 영역에서 배너를 노출할지 위치를 지정하는 작업이에요.
- 따라서 내 사이트의 여러 영역에서 배너를 노출하려면 각 영역에 코드를 설치해야 해요.
- 해당 위치에 노출하고자하는 배너 그룹의 배너 영역 코드를 설치하세요.
① [배너 영역 코드 설치하기] 버튼을 클릭하세요.
② 배너 영역 코드 추가
- 안내에 따라 배너 영역 코드를 사이트에 추가하세요.
🤲 Tip
- 배너는 사이트에서 각 배너 영역이 노출될 위치를 지정하는 것이므로, 여러 개의 배너 영역을 지정할 수 있어요.
- 따라서 배너 영역마다 배너 영역 코드의 id 값이 달라요. 사이트의 여러 위치에서 배너를 노출하려면 각 영역에, 각 영역에 해당하는 id를 가진 코드를 설치해야 해요.
이제 배너를 만들고 앞서 추가한 영역에 배너를 추가하면 끝이에요 🏃➡️
배너 추가하기
오른쪽 상단 [+배너 추가] 버튼을 클릭해요.
① 꾸미기
- 본문 프레임
- 배너로 사용할 이미지 혹은 영상을 추가할 수 있어요.
- 이미지
- 확장자 jpg, jpeg, png, sgv, gif 파일을 사용할 수 있어요.
- 용량 3MB 미만의 파일만 업로드할 수 있어요.
- 영상 (베타기능 BETA*)
- 확장자 mp4, wmv, webm, mov 파일을 사용할 수 있어요.
- 용량 30MB 미만의 파일만 업로드할 수 있어요.
- 영상은 1분까지만 보여줄 수 있어요. 1분 이상의 영상을 업로드 하더라도 영상의 1분까지만 보여요.
- 이미지
- 배너를 클릭하면 연결되는 링크를 추가할 수 있어요
- 배너로 사용할 이미지 혹은 영상을 추가할 수 있어요.
🤲 Tip
- 고급 모드에서 더 상세한 설정이 가능해요.
② 노출 설정
- 스케줄 설정
- 일정 없음
- 해당 배너의 노출 일정이 없는 상태예요.
- 해당 배너를 노출할 일정이 아직 정해지지 않았다면 일정 없음을 선택하고 확인 → 등록하세요.
- 예약 공개
- 해당 배너의 공개 일정을 선택해요. 공개 시작일시와 종료일시를 설정할 수 있어요.
- 해당 배너를 무기한으로 노출하고자 한다면 예약 기간에서 시작일시만 설정한 뒤 확인 → 등록하세요.
- 일정 없음
- 노출 대상
- 도메인, 유입 경로 등 해당 배너의 공개 조건 및 제외 조건을 설정할 수 있어요.
모두 완료했다면 오른쪽 상단 [등록] 버튼을 클릭하세요.
🤲 Tip
- 노출 설정 단계에서 기본 설정값은 앞서 추가한 배너 영역 설정에서의 값이에요.
③ 등록하기
슬라이드 선택 단계에서 A~C타입을 선택했다면
리스트
① 해당 배너 영역(캠페인)에 속한 배너들의 정보를 확인할 수 있어요.
② 캘린더 페이지로 진입해요. 아래에서 자세한 내용을 확인하세요.
캘린더
① Slot이란?
- 배너의 노출 순서를 의미해요. 1번 Slot에 포함된 배너가 첫 번째로 노출돼요.
- 캘린더 설정하기
- 만든 배너를 노출할 일정만큼 드래그해요.
- 캘린더에서 배너 노출 일정을 클릭해 배너 노출 스케줄을 수정할 수 있어요.
- 캘린더에서 설정한 일정과 배너 추가 단계에서 설정한 스케줄은 동기화돼요.
슬라이드 선택 단계에서 슬라이드 없음을 선택했다면
리스트
① 해당 배너 영역(캠페인)에 속한 배너들의 정보를 확인할 수 있어요.
④ 공개하기
- 배너를 공개 상태로 변경하세요.
- 배너 영역(캠페인)을 공개 상태로 변경하세요.
(베타기능 BETA* : 별도 알림 없이 상황에 따라 기능 사용에 제한이 생길 수 있어요.)
