카테고리
입력폼/지도/캘린더/검색 위젯
페이지에 구글 지도 삽입하기 (API 설정 불필요)
페이지에 구글 지도 삽입하기 (API 설정 불필요) 페이지에 단일 지도 위젯에서 구글 지도를 사용하려면, 앞서 구글 지도 API 설정을 마쳐야 합니다. 이 방법은 설정과정이 다소 번거롭지만, 한 번 설정을 완료하면 다양한 효과 및 기능을 편리하게 사용 가능하다는 장점이 있습니다. 만약 지도 API 설정에 어려움을 느끼거나 기본 구글 지도만으로 충분한 경우, 구글의 지도 공유하기 기능을 사용할 수 있습니다. 이 방법은 개인이 지도를 제어할 수는 없지만, 설치가 간단합니다. 참고: 지도 게시판 위젯에서 지도를 사용하려면 네이버 또는 구글 지도 API 설정을 필수로 완료해야 합니다. 삽입방법 1단계: 구글 지도 임베드 코드 복사하기 1. 구글 지도에 접속합니다. 2. 왼쪽 상단 검색필드에 검색할 장소명 또는 주소를 입력하고, 키보드 Enter를 눌러줍니다. 3. 표시할 장소가 맞는 경우 하단의 공유를 클릭합니다. 4. 공유 팝업이 나타나면 지도 퍼가기 탭을 클릭합니다. 5. HTML 복사네이버 지도 설정
네이버 지도 설정 단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도를 연결해 표시할 수 있습니다. 네이버 지도를 사용하기 위해서는 네이버 클라우드 플랫폼에 가입이 필요하며, 네이버 지도 API 설정이 필요합니다. 네이버 지도는 월 1,000만 건까지 무료로 사용할 수 있습니다. 예를 들어, 페이지에 지도가 표시되면 1건이 차감되며, 새로고침 시에도 1건이 차감됩니다. 월 1,000만 건 한도가 초과되면 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 과금됩니다.(네이버 Maps API 요금제) 중요: 네이버 클라우드 플랫폼 가입 시 신용카드 정보를 필수로 등록해야 합니다. 가입 과정에서는 과금되지 않으며, 무료 제공 한도를 초과 했을 때만 과금됩니다. 설정방법 이 도움말은 네이버 클라우드 플랫폼에 가입하고, 캠페이너스에서 네이버 지도를 설정하는 방법을 설명합니다. 이미 네이버 클라우드 플랫폼에 가입했으며, 결제수단을 등록한 경우, 3단계부터 진행해 주시길 바랍니다. 1단계컨텐츠 관리하기(게시물, 입력폼 응답, 댓글 등)
컨텐츠 관리하기(게시물, 입력폼 응답, 댓글 등) 개요 컨텐츠 관리에서는 사이트에 등록되는 모든 컨텐츠를 관리할 수 있습니다. 즉, 사이트에 포함된 모든 게시물, 댓글, 입력폼 제출 정보를 한 번에 조회하고 관리합니다. 또한 불필요하게 생성된 게시판을 삭제할 수도 있습니다. 사이트 상에서 게시판을 직접 보면서 관리할 수도 있지만, 게시판이 많을 경우 관리가 어려울 수 있습니다. 컨텐츠 관리는 이처럼 다양한 게시판, 지도, 입력폼에 등록된 컨텐츠를 한 곳에서 관리할 수 있는 중앙집중 시스템입니다. 게시물 및 지도 관리 게시물 관리와 지도 관리에서는 게시판 위젯 및 지도 리스트 위젯에 등록된 글과 댓글을 확인 및 관리할 수 있습니다. --- 1 생성된 게시판들을 확인하고 선택할 수 있습니다. --- 2 선택된 게시판의 목록이 출력됩니다. --- 3 게시물의 제목, 작성자, 작성 위치 등을 확인할 수 있습니다. --- 4 목록에서 더보기 버튼을 눌러 게시물을 삭제/이동 및 작성시간 수정구글 지도 설정
구글 지도 설정 Google 지도를 이용하려면 개별 사이트 단위 API 키를 입력하여야 합니다. 국내 기반의 지도만 필요한 경우 네이버 지도 API 사용을 권장합니다. 네이버 지도는 일간 200,000회 지도 로드를 무료로 제공하고 있으며, 이는 방문자가 많은 대부분의 사이트에서도 추가 비용 없이 사용할 수 있습니다. 네이버 지도는 대한민국 지역만 표현 가능합니다. 네이버 지도 설정방법 알아보기 국외 기반의 지도가 필요한 경우 Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하기 위해선 Google 지도 API 키를 발급받아 내 사이트에 적용해야 합니다. 시작에 앞서 - Google 계정이 필요합니다. 아직 Google 계정이 없다면 Google 계정 만들기에서 새로운 계정을 만들어 주세요. - Google 지도를 사용하려면 Google 지도 서비스에 가입해야 하며, 가입 과정에서 해외 결제가 가능한 신용카드를 등록해야 합니다. 신카카오 맵 길찾기 버튼 추가하기
카카오 맵 길찾기 버튼 추가하기 방문자가 버튼 클릭 시 카카오맵 길찾기가 켜지도록 설정할 수 있습니다. 이 기능은 웹과 모바일 모두에서 동작하며, 특정 위치(사업장, 매장 등) 길 안내 시 유용합니다. 1단계: 길찾기 링크 획득하기 카카오맵에서, 버튼에 삽입할 길찾기 주소(URL)를 획득합니다. 이 방법을 이미 알고 있는 경우, 다음 2단계로 건너 뛰어도 됩니다. 1. 카카오맵에 접속합니다. 2. 지도의 왼쪽 상단 메뉴에서 길찾기를 클릭합니다. 3. 출발지 및 도착지를 검색합니다. 다음으로 이동수단(자동차, 버스, 도보, 자전거)을 선택합니다. 4. 지도 오른쪽 상단의 내보내기 버튼을 클릭하고, URL 복사를 클릭합니다. 5. URL 복사 버튼을 클릭합니다. 6. URL을 메모장 등에 메모하고, 2단계로 넘어갑니다. (필요한 경우 네이버 지도 버튼도 추가하려는 경우, 네이버 지도 길찾기 링크도 획득합니다.) 2단계: 버튼에 길찾기 링크 삽입하기 페이지에 버튼을 추가하고, 위 1단계에입력폼에서 사용자의 응답 색상 설정하기
입력폼에서 사용자의 응답 색상 설정하기 입력폼에서 사용자의 응답 색상은 공통디자인 설정과 별도로 설정합니다. 1. 입력폼 위젯(우클릭) > 입력폼 설정 > (왼쪽 맨 아래) 사용자 정의 색상 설정을 체크합니다. 2. 아래로 드래그하면 배경색, 글자색, 선색 항목을 확인할 수 있습니다. 3. 색상값을 직접 입력하거나 오른쪽의 원형 버튼을 클릭하여 색상을 바꿀 수 있습니다. 참고 혹시, 사용자 입장에서 입력폼에 정보를 입력하려 하는데, 입력하는 글자 또는 커서가 보이지 않나요? 우선 글자색의 투명도가 높게 설정되어 있는지 확인해보세요. 방법은 아래와 같습니다. 1) 글자색을 조절하는 원형버튼을 클릭합니다. 2) 투명도를 조절하는 바를 왼쪽으로 드래그하여, 색깔이 나타나도록 합니다. 3) 게시하기를 눌러 실제 사이트에 반영합니다.캘린더 높이 조절은 어떻게 하나요?
캘린더 높이 조절은 어떻게 하나요? 1. 먼저 디자인 모드 > 캘린더 위젯위에 커서를 두고 우클릭 > 캘린더 설정을 클릭합니다. 2. 한줄 최소 높이를 줄이거나 늘려서 높이를 조절합니다.검색 위젯 활용하기
검색 위젯 활용하기 검색 위젯 소개 방문자가 사이트 내 콘텐츠를 검색할 수 있도록 검색 위젯을 추가할 수 있습니다. 검색 결과는 통합 검색 형식으로 표시되며, 필요한 경우 검색결과에 노출하고 싶은 콘텐츠만을 나눌 수도 있습니다. 위젯 설정 1. 검색 위젯을 추가합니다. 2. 검색 위젯 설정을 엽니다. 3. 다음 설정항목을 참고해 수정합니다. 검색 설정항목 검색 위젯 설정항목을 알아봅니다. 1. 다른 스타일 : 검색 아이콘 또는 필드 디자인 스타일을 선택합니다. 2. 버튼 : 검색 버튼 텍스트 또는 아이콘을 추가합니다. 글자색 및 Hover 색상, 크기를 변경할 수 있습니다. 3. 폼 : 크기, 여백, 정렬, 배경색, 선 색상/두께/라운딩을 편집해 검색 폼을 변경할 수 있습니다. 4. 텍스트 : 검색 폼 내 텍스트를 편집합니다. 통합검색 설정하기 방문자들이 사이트에서 검색 시 표시될 통합검색 영역을 어떻게 표시할지 설정할 수 있습니다. 1. 디자인 모드에서 메뉴 관리를 엽니다. 2.이미지맵 위젯
이미지맵 위젯 위젯 소개 하나의 이미지에 여러 링크 영역을 구현하고자 할 때 사용합니다. 위젯 사용방법 1. 이미지 맵 위젯을 추가합니다. 2. 이미지 맵 설정을 엽니다. 3. 이미지맵 설정 창 오른쪽에 위치한 이미지 업로드 버튼을 클릭합니다. 4. 내 PC에서 이미지맵에 사용할 이미지 파일을 올려줍니다. 5. 이미지맵 설정 창 왼쪽 상단의 추가 버튼을 클릭합니다. 새 링크가 나오면 링크 방식을 선택하고, 이동할 메뉴를 선택합니다. 링크는 추가 버튼을 다시 클릭해 여러 개 추가할 수 있습니다. 참고: 링크를 외부 사이트로 걸려면 http:// 입력 후 URL(주소)를 입력해 주세요. (예: https://campaignus.do/) 6. 오른쪽 이미지에 생겨난 링크 영역을 마우스로 클릭 후 적절한 크기로 조절하고 배치합니다. 7. 이미지맵 설정 창 바깥 영역을 클릭해 설정을 완료합니다. --- 관련 도움말 다양한 링크 방식을 제공합니다. 이미지 맵 클릭 시 기본 링크 외 전화걸기,지도 게시판 위젯
지도 게시판 위젯 위젯 소개 여러 위치정보를 한 번에 표시하고자 할 때 사용합니다. 예를 들어 서대문구에 있는 모든 음식점 정보를 표시하거나, 프랜차이즈 가맹점 위치를 표시하고자 할 때 사용할 수 있습니다. 단, 개인정보법 개정 이후 개인 위치정보 기능을 사용하려면 SSL 보안인증서가 필수로 설치 되어야 합니다. SSL 보안인증서란? 지도 게시판 사용 전 필수 선행작업 지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다. - 네이버 지도를 주로 사용한다면? 네이버 지도 API 설정하기 - 구글 지도를 주로 사용한다면? Google 지도 API 설정방법 위젯 설정 위젯 설정에서 지도 게시판을 설정하고, 페이지에 접속해 지도 게시글을 추가할 수 있습니다. 1. 지도 게시판 위젯을 추가합니다. 2. 지도 게시판 설정을 엽니다. 3. 설정을 완료하고 지도 게시판이 삽입된 페이지에 접속합니다. 4. 글쓰기를 클릭해 지도 게시물을 추가합니다. 지도 게시판 설정항목 지거리순 정렬과 내 위치 확인이 되지 않아요.
거리순 정렬과 내 위치 확인이 되지 않아요. 캠페이너스에서 제공하는 기능 중 지도 위젯에는 등록된 위치정보와 내 위치간의 거리순으로 정렬해 주는 기능이 제공됩니다. 2016년 8월 기준, 다음과 같은 상황에서는 내 위치 확인 및 거리순 정렬이 제한됩니다. - 보안서버(SSL)를 사용하지 않으면서 Google Chrome 계열 브라우저를 사용하는 경우(모바일, 데스크톱 모두 해당) - 보안서버(SSL)를 사용하지 않으면서 캠페이너스 안드로이드 앱을 사용하여 접속한 경우 - 기기의 위치정보 사용이 꺼져 있거나 지원하지 않는 경우 내 사이트가 보안서버인지 확인하는 방법 위와 같이 보안서버를 사용하는 사이트는 주소 앞에 https:// 가 붙습니다. 보안서버를 사용하지 않는 사이트는 http:// 가 붙습니다. 캠페이너스의 기본 도메인(예: xxxx.campaignus.me)을 사용하는 사이트는 기본적으로 모두 보안서버를 사용합니다. 맞춤도메인 신청 시(최초 1개) 보안서버(SSL)가 함께단일 지도 위젯
단일 지도 위젯 위젯 소개 사용자에게 위치 정보를 알려주고자 할 때 사용합니다. 주로 찾아오시는 길 또는 Contact 메뉴 등에 많이 활용됩니다. 시작에 앞서 지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다. - 네이버 지도를 주로 사용한다면? 네이버 지도 API 설정하기 - 구글 지도를 주로 사용한다면? Google 지도 API 설정방법 위젯 설정 1. 단일 지도 위젯을 추가합니다. 2. 지도 설정을 엽니다. 3. 다음 설정항목을 참고해 지도를 설정합니다. 설정항목 지도 종류 선택 네이버 지도, Google 지도 중 하나를 선택할 수 있습니다. 주의: 지도를 사용하려면 네이버 지도 또는 Google 지도 API 설정을 마쳐야 합니다. 위 시작에 앞서 항목을 참고해 주세요. 주소 설정 표시할 위치 주소를 입력합니다. 1. 주소의 전체 또는 일부를 입력하고 키보드 엔터(Enter)를 누릅니다.(예: 연희동 413-16) 2. 주소 목록이 나타나면 하나를