Clipping MiniProduct & engineering journal
← 저널
글 01

Folder Publishing

ClippingMini 폴더 게시 설정과 활용 방법

폴더를 게시하고 기본 정보를 설정하는 방법부터 콘텐츠 표시, 공유, 접근 제한, 게시 후 관리까지 설명합니다.

HADFAMILY

· 11분 읽기

폴더에 정리한 자료를 동료나 고객에게 공유할 때는 링크 목록만 전달하는 것보다 제목과 설명이 있는 페이지로 보여주는 것이 이해하기 쉽다.

ClippingMini의 폴더 게시를 사용하면 저장한 폴더를 별도의 공유 페이지로 공개할 수 있다. 페이지나 서버를 따로 만들지 않아도 폴더의 콘텐츠와 게시 설정만 정리하면 된다.

모든 설정을 한 번에 채울 필요는 없다. 공개할 콘텐츠를 먼저 정한 다음 공유 목적과 범위에 필요한 설정만 추가한다.

이 글에서는 폴더 게시 과정을 다섯 단계로 나누어 설명한다.

1. 폴더를 게시하고 기본 정보 설정하기

공유할 일반 폴더를 열고 폴더 정보 → 게시로 이동한다. 게시 버튼을 누르면 page.clippingmini.com/contents/... 형식의 전용 주소가 생성되고 상태가 ‘웹에 게시 중’으로 바뀐다. 아래 설명과 예시는 샘플 공유 폴더를 기준으로 한다.

기본 폴더처럼 이름을 변경할 수 없는 시스템 폴더는 게시할 수 없다. 시스템 폴더의 자료를 공유하려면 일반 폴더를 만들고 필요한 항목을 옮긴다.

게시 주소 확인하기

게시가 완료되면 상단 주소 칸에서 링크를 복사할 수 있다. 화면 아래쪽에는 게시 해제, 미리보기, 사이트 복사 버튼이 표시된다.

  1. 미리보기를 눌러 방문자에게 보이는 화면을 확인한다.
  2. 문제가 없으면 주소 칸의 링크 아이콘이나 사이트 복사를 눌러 주소를 복사한다.
  3. 공개를 중단하려면 게시 해제를 누른다. 게시를 해제하면 기존 주소로 접속해도 폴더 내용이 열리지 않는다.

폴더에 항목을 추가하거나 순서를 바꿔도 주소는 그대로 유지되며, 변경 사항은 기존 공유 페이지에 반영된다.

게시자 정보 설정하기

게시자 프로필에서는 공유 페이지 상단에 표시할 이름과 이미지를 설정한다. 처음 게시하면 현재 계정의 이름과 프로필 이미지가 기본값으로 입력된다.

프로필 설정을 열어 이름과 이미지를 확인한 뒤 저장을 누른다. 이름이나 이미지가 비어 있으면 저장할 수 없다. 회사명이나 팀명으로 게시할 때도 함께 표시할 이미지를 준비해야 한다.

게시자 프로필
HADFAMILY
이미지 변경
닫기저장

제목, 설명, 대표 이미지 설정하기

SNS로 공유하기와 검색 엔진 색인 화면에서 공유 페이지의 제목, 설명, 대표 이미지를 설정할 수 있다.

  • 제목을 입력하지 않으면 폴더 이름이 대신 사용된다.
  • 설명에는 폴더에 어떤 자료가 있는지 두세 문장으로 적는다.
  • 이미지는 SNS 미리보기와 검색 메타데이터에 사용된다.

여기서 설정한 이미지는 공유 페이지의 배경으로 표시되지 않는다. 카카오톡이나 SNS에 주소를 공유하거나 검색 결과에 노출될 때 대표 이미지로 사용된다.

공유 페이지에는 어두운 배경 위로 게시자 정보, 제목과 설명, 폴더 콘텐츠가 차례로 표시된다. 위 화면은 썸네일 보기를 적용한 예시다.

2. 콘텐츠 표시 방식 선택하기

게시 설정 아래의 보기 방식에서 리스트, 카드, 썸네일 중 하나를 선택한다. 선택 즉시 폴더의 viewMode가 저장되며 별도의 저장 버튼은 없다. 방식을 바꾼 뒤 미리보기를 열어 화면을 비교한다.

리스트
카드
썸네일

리스트: 많은 링크를 한눈에 보기

파비콘, 제목, 출처 도메인을 한 줄에 가깝게 표시한다. 이미지가 없는 항목도 일정한 형태로 보여주며, 한 화면에서 많은 항목을 확인할 수 있다. 문서 보관함이나 팀 참고 자료처럼 링크를 빠르게 찾아야 하는 폴더에 알맞다.

카드: 설명과 메모를 자세히 보기

제목 아래에 큰 이미지가 표시되고 그 아래에 설명과 메모가 이어진다. 링크를 저장한 이유나 관련 정보를 자세히 보여줄 때 사용한다. 카드가 기본 보기 방식이므로 별도로 변경하지 않은 폴더는 카드 형태로 열린다.

썸네일: 설명과 이미지를 함께 보기

왼쪽에는 제목과 짧은 설명, 오른쪽에는 썸네일이 표시되며 항목 사이는 구분선으로 나뉜다. 제품 사례, 디자인 참고 자료, 영상 목록처럼 이미지로 항목을 구분해야 하는 폴더에 알맞다.

3. 공유 방법과 페이지 버튼 설정하기

게시한 폴더는 SNS로 공유하거나 다른 웹사이트에 삽입할 수 있다. 공유 페이지 하단에는 연락처와 외부 링크를 연결하는 커스텀 버튼도 추가할 수 있다.

SNS로 공유하기

설정을 열면 왼쪽에 X, WhatsApp, LinkedIn, Facebook, Telegram, Pinterest, Reddit이 표시되고, 오른쪽에는 제목, 설명, 이미지 입력란이 표시된다.

  1. 제목과 설명을 입력한다.
  2. 미리보기에 사용할 이미지를 올린다.
  3. 왼쪽에서 서비스를 선택하면 해당 서비스의 게시물 작성 화면이 열린다.
  4. 주소만 전달하려면 아래의 사이트 복사를 누른다.

제목, 설명, 이미지 중 필수 항목이 입력되지 않으면 SNS 공유를 시작할 수 없다. Pinterest는 대표 이미지를 공유 데이터로 사용하므로 이미지도 설정해야 한다.

SNS로 공유하기
닫기

웹에 삽입하기

웹에 삽입하기를 열면 현재 폴더 주소가 포함된 iframe 코드가 생성된다. 코드 복사를 누른 뒤 웹사이트의 HTML 영역에 붙여 넣는다.

기본 코드의 너비는 100%, 높이는 600px다. 코드를 삽입할 영역에 맞게 높이를 조정할 수 있다. 폴더 게시를 해제하면 삽입된 화면에서도 콘텐츠가 표시되지 않는다. 접근 암호를 설정한 경우 iframe 안에서도 암호를 입력해야 한다.

웹에 삽입하기
<iframe src="https://page.clippingmini.com/contents/PwKLo1xRwHrr7U24G77N"
width="100%" height="600" frameBorder="0" allowFullScreen></iframe>
닫기코드 복사

커스텀 버튼 설정

공유 페이지 하단에 연락처나 외부 링크를 고정할 때 사용한다. 이메일, 전화, Instagram, Telegram, 지도 주소를 입력하고 댓글 기능을 켤 수 있다. 전화번호 버튼은 WhatsApp 연결로 변경할 수도 있다.

추가 버튼에는 아이콘, 10자 이내의 버튼 이름, 이동할 URL을 입력한다. 기본 버튼과 추가 버튼을 합해 최대 다섯 개까지 저장할 수 있다. 방문자에게 필요한 버튼만 선택해 구성한다.

커스텀 버튼 설정
기본 버튼
01012345678
clippingmini
clippingmini
https://maps.google.com/...
추가 버튼+ 추가
취소저장

커스텀 버튼은 공유 페이지 하단의 고정 영역에 표시된다. 댓글 창이나 콘텐츠 보기 창을 열면 버튼 영역은 잠시 숨겨진다.

4. 공개 범위와 다운로드 권한 설정하기

검색 엔진 색인은 검색 결과 노출 여부를, 접근 암호는 페이지 열람 여부를, 다운로드 설정은 파일 저장 가능 여부를 결정한다.

검색 엔진 색인 켜짐

검색엔진과 공개 탐색에 노출할지 설정합니다.

접근 암호 설정

설정한 암호를 입력한 사람만 폴더를 열 수 있습니다.

콘텐츠 다운로드 허용

문서, 이미지, 영상 파일의 다운로드 허용 여부를 정합니다.

‘ClippingMini 무료로 시작하기’ 버튼 숨기기

공유 페이지 아래에 표시되는 서비스 안내 버튼을 숨깁니다.

검색 엔진 색인

설정을 열고 검색 허용 스위치를 켠다. 링크 제목, 설명, 대표 이미지가 검색 미리보기에 올바르게 표시되는지 확인한 뒤 저장을 누른다.

색인을 켜면 검색 로봇이 페이지를 수집할 수 있다. 페이지가 게시 상태이고 제목과 게시자 정보가 입력되어 있으며 암호나 위치 제한이 없는 등 공개 조건을 충족하면 ClippingMini 사이트맵과 공개 탐색에도 포함될 수 있다. 색인을 끄면 페이지에 noindex가 적용된다.

검색 엔진 색인
검색 미리보기
page.clippingmini.com제품 개발 참고 자료기획, 디자인, 개발 과정에 참고할 자료를 모았습니다.
제품 개발 참고 자료
기획, 디자인, 개발 과정에 참고할 자료를 모았습니다.
취소저장

접근 암호 설정

설정을 열어 암호를 입력하고 잠금을 누른다. 이후 방문자는 암호를 입력해야 폴더 내용을 볼 수 있다. 주소를 전달하기 전에 미리보기에서 암호가 정상적으로 동작하는지 확인한다.

암호를 삭제하려면 같은 화면에서 잠금 해제를 누른다. 암호가 설정된 폴더는 검색 허용을 켜도 공개 사이트맵과 탐색 목록에서 제외된다. 접근 암호 기능은 이용 중인 요금제에 따라 제한될 수 있다.

접근 암호 설정
••••••••
방문자는 이 암호를 입력해야 공유 폴더를 열 수 있습니다.
닫기잠금잠금 해제

콘텐츠 다운로드 허용

스위치를 켜면 방문자가 문서, 이미지, 영상 파일을 데스크톱 뷰어에서 다운로드할 수 있다. 스위치를 끄면 폴더 전체에 다운로드 제한이 적용된다.

폴더 설정은 폴더 전체에 적용되는 기본값이다. 특정 항목만 제한하려면 해당 콘텐츠의 다운로드 설정도 따로 확인한다. 폴더나 항목 중 하나라도 다운로드가 제한되어 있으면 파일을 다운로드할 수 없다.

무료 시작 버튼 숨기기

공유 페이지 하단에는 기본적으로 ClippingMini 무료로 시작하기 버튼이 표시된다. 이 스위치를 켜면 안내 버튼만 숨겨지며 게시자 정보와 콘텐츠에는 영향을 주지 않는다. 이 설정은 유료 요금제에서 제공된다.

5. 게시 후 통계와 스크립트 관리하기

게시 후에는 통계에서 방문 현황을 확인할 수 있다. 별도의 분석 도구가 필요하면 커스텀 스크립트를 추가한다.

통계 확인하기

게시 설정에서 통계를 열고 조회 기간을 선택한다. 상단 그래프에는 날짜별 조회수 추이가 표시된다. 아래에서는 브라우저, 기기, 운영체제, 유입 경로, 국가별 사용자 정보를 확인할 수 있다.

설정 목록 오른쪽의 작은 선 그래프에는 최근 조회수 추이가 표시된다. 자세한 수치는 통계 화면에서 확인한다. 조회 기간과 제공되는 데이터 범위는 요금제에 따라 달라질 수 있다.

통계 최근 7일
조회수
브라우저Chrome72% 기기Mobile64% 운영체제Android51%
닫기

커스텀 스크립트 삽입

외부 분석 도구나 인라인 JavaScript를 공유 페이지에 추가할 때 사용한다. 커스텀 스크립트 삽입을 열고 코드를 붙여 넣은 뒤 저장을 누른다.

입력한 코드에서 <script>와 </script> 태그는 저장할 때 제거된다. 따라서 태그를 제외한 JavaScript 본문만 입력한다. 코드는 방문자의 브라우저에서 실행되므로 출처가 불분명한 코드나 계정의 비밀값이 포함된 코드를 입력해서는 안 된다. 이 기능도 이용 중인 요금제에 따라 제한될 수 있다.

커스텀 스크립트 삽입
window.addEventListener('load', () => {
  console.log('shared folder loaded')
})
취소저장

처음 게시할 때 확인할 순서

  1. 일반 폴더에 공개할 항목을 모으고 순서를 정리한다.
  2. 폴더를 게시해 주소를 만들고 게시자, 제목, 설명, 대표 이미지를 설정한다.
  3. 미리보기에서 리스트, 카드, 썸네일 방식을 비교한다.
  4. 검색 노출, 접근 암호, 다운로드 범위를 결정한다.
  5. 필요한 SNS 공유, 삽입 코드, 커스텀 버튼을 설정한다.
  6. 실제 주소에서 최종 화면을 확인한 뒤 공유하고 통계를 확인한다.

모든 기능을 설정할 필요는 없다. 공개 자료실은 검색과 SNS 공유를, 고객 전용 자료는 접근 암호와 다운로드 제한을 먼저 설정한다. 행사 안내나 포트폴리오 페이지에는 문의처와 외부 링크를 제공하는 커스텀 버튼을 활용할 수 있다.

먼저 폴더의 공개 목적과 대상을 정한 뒤 필요한 기능만 설정한다. 게시 후에도 주소를 유지하면서 콘텐츠와 보기 방식을 변경할 수 있다. 공유한 뒤에도 미리보기와 통계를 확인하며 설정을 조정한다.

읽어주셔서 감사합니다.다른 이야기 보기 →