■ 배너 등록
- 신규 배너를 등록할 수 있습니다.
- 배너는 이미지 혹은 이미지와 링크를 쇼핑몰 방문자에게 노출시켜 정보를 제공하거나 페이지 이동을 유도하는데 활용됩니다.
- 배너 등록 시 치환코드가 생성되며, 생성된 치환코드를 디자인 페이지에 삽입하여 노출할 수 있습니다.
- 이미지를 서버에 등록하고 HTML로 직접 코딩하는 별도의 과정 없이도,
등록한 배너의 치환코드를 디자인 페이지에 삽입하는 방식으로 배너 이미지 노출 및 링크 연결이 가능합니다.
- 배너 등록 시 "구분 / 디자인 스킨 / 배너 그룹 / 배너 이미지 설명 / 배너 이미지 / 노출 여부"는 필수 항목입니다.
· 구분
: PC와 모바일쇼핑몰 중 노출하고자 하는 쇼핑몰을 선택합니다.
- 쇼핑몰은 하나만 선택할 수 있으며, PC와 모바일쇼핑몰에 모두 노출하고자 하는 경우 배너를 각각 등록하셔야 합니다.
· 디자인 스킨
: 현재 등록할 배너를 어떤 스킨에 등록할지를 선택할 수 있습니다.
- 등록된 이미지는 선택한 스킨의 Web FTP 폴더에 저장됩니다.
- 적용 스킨 선택은 필수 항목으로 선택하지 않을 경우 등록이 불가능합니다.
· 배너 그룹
: 등록할 배너의 그룹을 선택할 수 있습니다.
- 배너 그룹은 "디자인 > 디자인 설정 > 배너 그룹 관리"에서 등록 / 수정 / 삭제가 가능합니다.
- 배너 그룹 선택은 배너 등록 시 필수 항목으로 선택하지 않을 경우 등록이 불가능합니다.
· 치환코드
: 선택한 배너 그룹의 치환코드가 노출됩니다.
- 등록되어 있는 배너 그룹에 배너를 추가 등록하는 경우 해당 배너 그룹 안에 신규 배너가 추가 등록되며,
해당 치환코드 삽입 시 추가된 배너가 동시에 노출됩니다.
· 배너 링크 주소
: 배너 클릭 시 연결되는 페이지 주소를 등록할 수 있습니다.
- 링크 주소는 절대경로 또는 상대경로 모두 입력 가능합니다.
- 기본값은 "현재창"으로 설정되어 있습니다.
- 현재창 : 현재 배너가 노출되어 있는 브라우저 내에서 링크 주소로 이동합니다.
- 새창 : 현재 브라우저가 아닌 새로운 브라우저에서 링크 주소로 이동합니다.
· 배너 이미지 설명
: 배너 이미지의 alt와 title 값을 등록할 수 있습니다.
- 배너 이미지 설명은 배너 등록 시 필수 항목으로, 입력하지 않을 경우 등록이 불가능합니다.
* alt : HTML의 img 태그에서 쓰이고, 브라우저에서 이미지를 표시할 수 없을 경우 이미지를 대신해 표시할 문자를 지정하기 위한 값입니다.
* title : 이미지 위에 마우스 커서를 올려 놓을 때 출력되는 메세지 값으로 활용합니다.
- 시각장애인 등 이미지를 보지 못하는 사람을 위해 문서의 내용을 목소리로 변환해주는 음성 합성 기술을 이용하는 소프트웨어에서 사용됩니다. 예시) 스크린 리더
- 2013년 4월 11일부터 시행하는 장애인 차별금지 및 권리구제 등에 관한 법률이 시행되면서 웹 접근성 준수가 의무화되었습니다.
이에 따라 이미지를 보지 못하는 사람을 위해 이미지를 글로 설명해주는 alt 값 설정을 위해 배너 이미지 설명은 필수항목 입니다.
- webP 확장자 파일의 경우 이미지 크기 측정이 불가능 하여 업로드 시 해당 파일의 크기 정보는 출력되지 않습니다.
등록한 webP 형식의 이미지 크기 정보가 출력되지는 않지만 webP 형식의 파일로 배너 등록 및 이용은 가능하오니 해당 부분은 오류가 아닌 점 참고 바랍니다.
· 배너 이미지
: 쇼핑몰에서 노출할 배너 이미지를 등록합니다.
- 등록한 이미지 사이즈대로 노출되므로 등록 시 유의하시기 바랍니다.
· 노출 여부
: 배너의 쇼핑몰 노출 여부를 설정할 수 있습니다.
- 노출 : 등록된 배너가 노출됩니다.
- 미노출 : 배너가 노출되지 않습니다.
- "노출 기간" 설정이 "기간 노출"일 경우, 노출 여부 설정과 무관하게 종료일 이후에는 배너가 노출되지 않습니다.
· 노출 기간
: 쇼핑몰에 노출될 배너의 노출 기간을 설정할 수 있습니다.
- 상시 노출 : 기간에 상관없이 배너를 항상 노출합니다.
- 기간 노출 : 일자와 시간을 설정하여 특정 기간동안 배너를 노출합니다.
① 노출 기간을 "기간 노출"로 선택할 경우 시작일과 종료일을 입력할 수 있는 입력란이 출력됩니다.
▶ 쇼핑몰 내 배너 등록 예시
: 배너를 삽입할 디자인 페이지에 치환코드를 삽입하면 쇼핑몰에 배너를 노출시킬 수 있습니다.
① 배너 이미지 : 쇼핑몰에 노출할 배너 이미지는 배너 리스트에서 확인이 가능합니다.
② [코드보기]에 마우스 오버시 쇼핑몰에 노출할 배너의 치환코드를 확인할 수 있으며, [복사]를 클릭하면 치환코드를 클립보드에 복사할 수 있습니다.
③ 배너를 삽입할 디자인 페이지를 선택합니다.
④ 디자인 페이지 내에 복사된 치환코드를 불여넣기(ctrl + v)하고 [디자인 페이지 저장]을 클릭하여 저장합니다
- 삽입된 치환코드는 이미지 (5-1)과 같이 등록된 배너 이미지를 노출합니다
