helpdesk - 사용자 기여 [ko]

Module

2021-03-25T01:44:57Z

Sklee: /* Daum Map : 다음 지도 API 방식 */

== 모듈 ==
사용되는 모듈들은 메인 메뉴, 서브 메뉴, 모바일 메뉴에 링크를 걸어 사용할 수 있습니다.

=== 오시는길 ===
모듈 오시는길 페이지를 이용하여 위치를 표시할 수 있습니다.

사용가능한 위치 타입은 3가지로 종합형, 기본형, 지도형이 존재합니다.

별도의 선택 과정이 없어도 각 타입은 별도의 페이지에 이미 생성되어 있는 상태입니다.

[[Menu|메뉴]]에서 원하는 타입의 오시는길 페이지로 링크를 걸기만 하면 됩니다.

[[파일:Cut.png]]
==== 구글 지도 이용 방법 ====
===== Google Map : 구글 지도 API 방식 =====
2016년 6월 22일 이전까지는 구글 지도 이용 시, 별도의 인증이 필요하지 않았으나
[https://googlegeodevelopers.blogspot.kr/2016/06/building-for-scale-updates-to-google.html 구글의 정책 변경]으로 인해 2016년 6월 22일 이후로는 구글 지도 사용 시, API키 발급이 필요합니다.
(정책 변경 전 구글 지도를 이용하시던 분들의 경우 API 키가 없더라도 구글 지도 사용이 가능한 경우가 있으나, 추후 지도 사용량에 따라서 지도 사용이 제한될 수 있습니다.)

1. [https://cloud.google.com 구글 클라우드 콘솔] 에 접속합니다.

2. API 키를 발급받을 구글 계정으로 로그인 합니다. (구글 계정이 없다면 가입합니다.)

[[파일:Manual-google-maps-01.png]]

3. 우측 상단의 '''콘솔'''을 클릭합니다.

[[파일:Manual-google-maps-02.png]]

4. 좌측 상단 '''프로젝트 선택'''을 클릭하여 프로젝트 설정 화면에 진입 합니다.

[[파일:Manual-google-maps-03.png]]

5. '''새 프로젝트'''를 클릭하여 프로젝트를 생성 합니다.

[[파일:Manual-google-maps-04.png]]

6. 프로젝트의 이름을 입력 한 후 '''만들기'''를 클릭하여 진행 합니다.
- 프로젝트가 만들어지기까지 약간의 시간이 소요되며, 프로젝트가 만들어지기 전에 페이지를 이탈 하실 경우, '''프로젝트가 정상적으로 생성되지 않는 점''' 주의해 주시기 바랍니다.
- 프로젝트의 생성 여부는 우측 상단의 '''종 모양의 아이콘'''을 클릭하여 확인 하실 수 있습니다.

[[파일:Menu.png]]

7. 좌측 상단을 클릭하여 '''탐색 메뉴'''를 펼칩니다.

[[파일:Manual-google-maps-05.png]]

8. 펼쳐진 메뉴의 '''API 및 서비스''' -> '''라이브러리'''를 클릭 합니다.

[[파일:Manual-google-maps-06.png]]

9. 닷홈 빌더에서 사용 할 모듈은 '''Maps JavaScript API'''입니다.
- API 라이브러리 페이지에서 '''Maps JavaScript API'''를 클릭합니다.

[[파일:Manual-google-maps-07.png]]

10. '''사용 설정'''을 클릭 하여 해당 모듈을 활성화 합니다.

[[파일:Manual-google-maps-08.png]]

- 이후 '''특정 주소'''에서만 해당 API를 불러올 수 있도록 주소 설정을 해야 합니다.
- '''특정 주소'''에서만 불러올 수 있도록 설정 하지 않을 경우, 해당 API의 키 값만 있다면 '''어디서든 나의 API를 불러올 수 있게 됩니다'''.
- 구글 API는 '''월별로 불러올 수 있는 횟수가 정해져 있기 때문에''' 아무 사이트에서나 무분별하게 불러올 경우, '''사용이 불가능 할 수 있습니다'''.

11. 좌측 상단 '''Google Cloud Platform'''을 클릭하여 메인으로 이동합니다.

[[파일:Menu.png]]

12. 좌측 상단을 클릭하여 '''탐색 메뉴'''를 펼칩니다.

[[파일:Manual-google-maps-09.png]]

13. '''API 및 서비스''' -> '''사용자 인증 정보'''를 클릭합니다.

[[파일:Manual-google-maps-10.png]]

14. '''사용자 인증 정보 만들기''' -> '''API 키'''를 클릭합니다.

[[파일:Manual-google-maps-11.png]]

15. API 키 생성 완료 후 우측 하단 '''키 제한''' 을 클릭합니다.

[[파일:Manual-google-maps-12.png]]

16. '''애플리케이션 제한사항''' -> '''HTTP 리퍼러(웹사이트)'''를 클릭합니다.
- '''이러한 HTTP 리퍼러의 요청 허용(웹사이트)란(파란 네모)'''에 '''구글 지도를 불러올 닷홈 빌더 주소'''를 입력 합니다.
- '''예) "http:// 닷홈빌더 주소", "https:// 닷홈빌더 주소"'''
- https:// 주소를 추가하지 않으실 경우, SSL 보안 인증서를 설치하여 https:// 주소로 접속 시 '''지도 API를 불러올 수 없는 점''' 유의해 주시기 바랍니다.

입력 후 '''저장''' 을 클릭합니다.

[[파일:Manual-google-maps-13.png]]

17 . 위 '''버튼'''을 눌러 '''키값을 클립보드에 복사 합니다'''.

[[파일:Builder_Gapi_key.png]]

18. 이후 '''닷홈 빌더 관리자 페이지'''의 '''모듈''' -> '''오시는 길''' 페이지의 '''Google API Key''' 란에 복사한 '''키값을 붙여넣기''' 합니다.
- '''키값을 붙여넣기''' 한 후 페이지 최하단의 '''저장하기'''를 클릭 해야 '''변경된 값이 저장''' 됩니다.

==== 네이버 지도 이용 방법 ====
2015년 2월 24일 업데이트를 통해 구글지도 대신 네이버 지도를 삽입할 수 있는 기능이 추가되었습니다.
[[파일:Nwiki 1.png]]
===== Naver Map : 네이버 오픈 API Client ID 방식 =====
1. [https://www.ncloud.com 네이버 클라우드 플랫폼] 에 접속 합니다.

[[파일:Manual-naver.maps-02.png]]

2. '''서비스''' -> '''Application Service''' -> '''Maps'''를 클릭합니다.

[[파일:Manual-naver.maps-03.png]]

3. '''이용 신청하기'''를 클릭합니다.

'''이용 신청'''을 진행 하시려면 다음의 조건이 모두 만족 되어야 합니다.

- 1. '''네이버 아이디와 별도'''로 '''네이버 클라우드 플랫폼 회원 가입'''

- 2. '''네이버 클라우드 플랫폼 계정''' '''네이버 SNS''' 연동

- 3. '''결제수단''' 등록

[[파일:Napi_1.png]]

'''로그인'''은 '''네이버 클라우드 플랫폼 계정''' 또는 '''네이버 아이디''' 중 편하신 방법대로 진행 하시면 됩니다.
다만, '''네이버 아이디로 로그인''' 하더라도 '''별도로 네이버 클라우드 플랫폼 회원가입'''을 해야 합니다.
'''네이버 아이디로 로그인''' 할 경우 다음의 화면이 출력 됩니다.

[[파일:Napi_2.png]]

'''확인''' 을 클릭해 진행합니다.

[[파일:Napi_3.png]]

4. 로그인 화면에서 회원가입 을 클릭합니다.

[[파일:Napi_5.png]]

5. '''네이버 클라우드 플랫폼 회원가입'''을 진행 하신 후 '''해당 계정으로 로그인''' 하여 '''마이페이지''' -> '''SNS 연동'''을 클릭합니다.

[[파일:Napi_6.png]]

해당 팝업은 결제 수단을 등록 하실 경우 더 이상 출력되지 않습니다.

[[파일:Napi_7.png]]

6. '''연동하기'''를 클릭하여 '''SNS 로그인'''을 연동 합니다.
- '''네이버'''를 연동 하실 경우, 앞으로 '''네이버 클라우드 플랫폼'''에 '''네이버 아이디로 로그인''' 하실 수 있습니다.

[[파일:Napi_8.png]]

7. 이제 해당 팝업의 '''결제수단 등록하기'''를 클릭합니다.

[[파일:Napi_9.png]]

8. '''결제 수단 등록'''을 통해 결제 수단을 등록 합니다.

[[파일:Napi_10.png]]

9. 결제수단 등록 이후 '''마이페이지''' -> '''결제수단 관리'''에서 '''등록하신 결제수단을 확인 및 변경''' 하실 수 있습니다.

[[파일:manual-naver.maps-02.png]]

10. '''서비스''' -> '''Application Service''' -> '''Maps''' 를 클릭합니다.

[[파일:manual-naver.maps-03.png]]

11. '''이용 신청하기'''를 클릭하여 '''네이버 클라우드 콘솔 페이지'''로 이동 합니다.

[[파일:Manual-naver.maps-04.png]]

12. '''+ Application 등록'''을 클릭하여 사용할 어플리케이션을 등록 합니다.

[[파일:Manual-naver.maps-05.png]]

13. '''어플리케이션을 등록'''하기 이전에 '''네이버 API 이용에 관한 약관'''에 '''동의'''를 해야 합니다.

[[파일:Manual-naver.maps-06.png]]

14. '''닷홈 빌더'''에서 사용할 API는 '''Web Dynamic Map'''입니다.
- 따라서 '''Service 선택''' -> '''Web Dynamic Map'''을 선택 한 후 '''Application 이름'''을 입력 합니다(Application 이름은 아무렇게나 설정 하셔도 됩니다. ).

15. '''서비스 환경 등록'''의 '''Web 서비스 URL'''란에 '''네이버 지도를 사용 할 닷홈 빌더 주소'''를 입력 합니다.

16. 이후 '''등록''' 을 눌러 진행합니다.

[[파일:Manual-naver.maps-08.png]]

17. '''인증정보''' 를 클릭하여 '''해당 API의 인증 키'''를 확인할 수 있습니다.
- '''지도 API를 불러와야 할 주소'''가 더 생겼거나 '''어플리케이션 이름 변경'''등을 원하실 경우, '''변경'''을 클릭하여 '''확인 및 수정'''이 가능합니다.

[[파일:Manual-naver.maps-09.png]]

'''푸른 색으로 표시된 부분'''이 신청하신 '''API의 인증 키'''입니다.
해당 키값을 통하여 특정 사이트에서 신청한 네이버 지도 API를 불러 올 수 있으며, '''Web 서비스 URL'''란에 입력 하지 않은 주소에서는 '''키값을 가지고 있더라도 지도 API를 불러 올 수 없습니다'''.

18. 해당 키값 우측의 '''복사''' 아이콘을 클릭하여 '''해당 키값을 클립보드에 복사''' 합니다.

[[파일:Napi_11.png]]

19. '''닷홈 빌더 관리자 페이지'''의 '''모듈''' -> '''오시는길''' 페이지의 '''Naver Client ID'''란에 '''복사한 키값을 붙여넣기''' 합니다.

==== 다음 지도 이용 방법 ====
2019년 4월 15일 업데이트를 통해 구글맵 대신 다음 지도롤 삽입할 수 있는 기능이 추가되었습니다.
[[파일:Dwiki 1.png]]
===== Daum Map : 다음 지도 API 방식 =====
1. [https://developers.kakao.com 카카오개발자 사이트] 에 접속 합니다.

[[파일:Kakaomap-01.jpg]]

2. 로그인 버튼을 눌러 카카오 계정으로 로그인 합니다.

[[파일:Kakaomap-02.jpg]]

3. 애플리케이션을 추가해 보도록 하겠습니다.
- 상단 메뉴에서 '''내 애플리케이션'''을 클릭하여 이동합니다.
- '''애플리케이션 추가하기'''를 클릭합니다.

[[파일:Kakaomap-03.jpg]]

4. 앱 아이콘, 앱 이름, 사업자명을 입력 후 '''저장'''버튼을 눌러 API를 생성합니다.
- 앞으로 닷홈 빌더에서 사용할 지도 API를 생성하는 과정이며, Key만 발급 받으면 되므로 아이콘, 이름, 회사명 등은 아무렇게나 기입 하셔도 무관합니다.
- 다만, 부적절한 이름 및 회사명(비속어 등)은 카카오 측으로부터 이용에 불이익을 받을 수 있습니다.

[[파일:Kakaomap-04.jpg]]

5. '''Web 플랫폼 등록하기'''
- 앱설정 > 플랫폼을 눌러 이동합니다.
- 'Web 플랫폼 등록'을 클릭합니다.

[[파일:Kakaomap-05.jpg]]

6. 사이트 도메인 입력란에 이용 중이신 닷홈 빌더 도메인 주소를 입력하세요.
- 주소 입력 후 '저장' 버튼을 눌러줍니다.

[[파일:Kakaomap-06.jpg]]

7. 플랫폼이 추가 되었다면, '''앱 키''' 의 '''JavaScript 키''' 를 '''복사''' 합니다.
-해당 키 값이 바로 '''API를 사용하여 지도를 가져올 수 있는 주소가 맞는지 인증할 키 값'''입니다.

[[파일:Dapi_8.png]]

8. '''닷홈 빌더 관리자 페이지'''의 '''모듈''' -> '''오시는길''' 의 '''Daum APP Key'''란에 복사한 키값을 '''붙여넣기''' 합니다.

==== 위도, 경도 확인방법(지도 API 이용 시 필수) ====
'''닷홈 빌더'''에서 '''지도 API'''를 등록 하신 이후, '''오시는 길에 표기될 주소'''를 지정해 주셔야 합니다.

'''위도''', '''경도'''를 통해 '''해당 주소의 위치'''를 불러 올 수 있으며 '''위도''', '''경도''' 값만 있으면 되므로 Naver, Daum, Google 지도 모두 적용 방법은 동일 합니다.

1. [https://maps.google.com 구글 지도] 에 접속 합니다.

2. '''오시는 길''' 에 표시할 주소를 검색합니다.

[[파일:Gmap.png]]

3. 검색해서 나온 결과 위에 커서를 두고 '''마우스 우클릭''' -> '''이곳이 궁금한가요?'''를 클릭합니다.

[[파일:Gmap2.png]]

4. '''주소 하단의 숫자''' 를 클릭합니다.
- 해당 숫자가 검색하신 주소의 '''위도''' 및 '''경도'''입니다.

[[파일:Gmap3.png]]

5. 해당 주소 '''좌표 하단의 숫자'''를 복사합니다.

[[파일:Gmap4.png]]

6. '''닷홈 빌더 관리자 페이지'''의 '''모듈''' -> '''오시는 길''' 페이지의 '''MAP(위도, 경도)''' 항목에 '''복사한 위도 및 경도 값을 붙여넣기''' 합니다.

7. 닷홈빌더 관리자 페이지 내에서 설정을 하신 후 맨 아래 '''저장하기''' 를 눌러주셔야 변경된 사항이 적용됩니다.

8. 이후 지도 API가 정상적으로 동작 하는지 확인 합니다.

=== 폼메일 ===
수신자 이메일 주소에 이메일 주소를 입력하여 메일을 받아 보실 수 있습니다.

폼메일 상단과 하단에 표시할 페이지를 작성 후 저장하기를 누릅니다.

[[파일 : v2폼메일.jpeg]]

=== 캘린더 ===
구글 캘린더를 이용하여 일정을 페이지에 표시할 수 있습니다.

Google 캘린더 상단과 하단에 표시할 페이지를 작성 후 저장하기를 누릅니다.

[[파일 : 이미지_60.png]]

==== Google 캘린더 주소 확인방법(2015년 11월 18일 이전) ====
※ 2015년 11월 18일 이후로는 캘린더 주소가 아닌 캘린더 아이디를 입력해야 합니다. 기존에 입력된 캘린더 주소 역시 캘린더 아이디로 변경해야 합니다.

내 캘린더의 사용하시는 캘린더의 아래쪽 화살표를 선택하신 다음 캘린더 설정으로 이동합니다.

[[파일 : mod010.jpeg]]

비공개 주소에서 XML를 선택합니다.

[[파일 : mod011.jpeg]]

비공개 주소가 나오며 해당 주소를 복사하여 Google 캘린더 주소에 입력합니다.

[[파일 : mod012.jpeg]]

이후 해당 캘린더를 공개로 설정하면 캘린더 기능을 이용할 수 있습니다.

[[파일 : goog_cal.png]]
==== Google 캘린더 아이디 확인방법(2015년 11월 18일 이후) ====
※ 2015년 11월 18일 이후로는 캘린더 주소가 아닌 캘린더 아이디를 입력해야 합니다. 기존에 입력된 캘린더 주소 역시 캘린더 아이디로 변경해야 합니다.

내 캘린더의 사용하시는 캘린더의 아래쪽 화살표를 선택하신 다음 캘린더 설정으로 이동합니다.

[[파일 : 캘린더1.jpg]]

[[파일 : 캘린더2.jpg]]

캘린더 설정에서 아래와 같은 캘린더 ID를 찾아 Google 캘린더 아이디에 붙여넣습니다.

[[파일 : Mod013.jpg]]

이후 해당 캘린더를 공개로 설정하면 캘린더 기능을 이용할 수 있습니다.

[[파일 : goog_cal.png]]

[[파일 : 캘린더3.jpg]]

[[파일 : 캘린더4.jpg]]

[[파일 : 캘린더5.jpg]]

[[파일 : 캘린더6.jpg]]

=== 주문폼 ===
주문폼을 이용하여 회원으로부터 입력된 데이터를 확인할 수 있습니다.

[[파일 : v2주문폼1.jpeg]]

[[파일 : v2주문폼2.jpeg]] : 등록된 주문폼을 확인할 수 있습니다.

[[파일 : v2주문폼3.jpeg]] : 회원 및 비회원으로부터 입력받은 데이터를 확인합니다.

[[파일 : v2edit.jpeg]] : 기존에 등록한 주문폼을 수정합니다.

[[파일 : v2delete.jpeg]] : 등록된 주문폼을 삭제합니다.

==== 주문폼 작성하기 ====
주문폼의 제목을 입력 후 한페이지 표시할 출력 갯수를 지정한 다음 주문폼 상단과 하단에 출력할 페이지를 작성합니다.

쓰기권한을 회원, 비회원으로 설정하면 누구나 주문 작성이 가능합니다.

[[파일 : Form8.png]]

질문 추가에는 서술형, 단답형, 선택형(라디오/체크박스형), 이미지 추가, 동영상, 캘린더, 드롭다운 8가지의 방식을 사용할 수 있습니다.

필수입력을 체크한다면 해당 질문에 대해서는 필수적으로 회원 및 비회원으로부터 주문폼에 대한 값을 입력받게 됩니다. 입력하지 않으면 주문이 작성되지 않습니다.

객관식(라디오형)은 무조건 필수 입력 항목으로 등록됩니다. 만일 객관식을 필수 입력 항목으로 사용하고 싶지 않다면 객관식 답안에 "해당없음" 과 같은 답을 추가하세요.

객관식(체크박스)은 무조건 비필수 입력 항목으로 등록됩니다.

서술형 질문은 답변에 줄바꿈이 가능하며 단답형은 줄바꿈이 불가능합니다

객관식 질문의 경우 답변을 추가하여 선택할 답변을 더 추가할 수 있습니다.

질문 저장하기를 선택하여 질문을 등록합니다.

[[파일 : 주문폼02.png]]

질문을 계속 추가하나 등록된 질문을 확인 후 저장하기를 선택하여 주문폼을 적용합니다.

[[파일 : v2주문폼5.jpeg]]

관리자가 아닌 회원이나 비회원이 주문폼을 확인하게 되면 아래와 같이 주문폼에 등록한 질문에 대한 값을 입력하게 됩니다.

[[파일 : v2주문폼6.jpeg]]

관리자로 로그인 하여 주문폼을 확인하게 되면 등록된 질문에 대한 값을 확인할 수 있으며 입력된 값은 접수기간이나 이름으로 조회가 가능합니다.

"Excel Download" 를 선택하여 엑셀파일로 받아볼 수 있으며, 주문폼에 입력한 값을 "View" 를 선택하여 보거나 "Delete" 로 삭제할 수 있습니다.

[[파일 : v2주문폼7.jpeg]]

파일:Kakaomap-06.jpg

2021-03-25T01:30:36Z

Sklee: Sklee 사용자가 파일:Kakaomap-06.jpg의 새 판을 올렸습니다

파일:Kakaomap-05.jpg

2021-03-25T01:30:22Z

Sklee: Sklee 사용자가 파일:Kakaomap-05.jpg의 새 판을 올렸습니다

파일:Kakaomap-04.jpg

2021-03-25T01:30:09Z

Sklee: Sklee 사용자가 파일:Kakaomap-04.jpg의 새 판을 올렸습니다

파일:Kakaomap-03.jpg

2021-03-25T01:29:54Z

Sklee: Sklee 사용자가 파일:Kakaomap-03.jpg의 새 판을 올렸습니다

파일:Kakaomap-03.jpg

2021-03-25T01:29:53Z

Sklee: Sklee 사용자가 파일:Kakaomap-03.jpg의 새 판을 올렸습니다

파일:Kakaomap-02.jpg

2021-03-25T01:29:40Z

Sklee: Sklee 사용자가 파일:Kakaomap-02.jpg의 새 판을 올렸습니다

파일:Kakaomap-01.jpg

2021-03-25T01:29:25Z

Sklee: Sklee 사용자가 파일:Kakaomap-01.jpg의 새 판을 올렸습니다

카카오 개발자 사이트 메인페이지

파일:Kakaomap-06.jpg

2021-03-25T01:16:37Z

Sklee:

파일:Kakaomap-05.jpg

2021-03-25T01:16:29Z

Sklee:

파일:Kakaomap-04.jpg

2021-03-25T01:16:18Z

Sklee:

파일:Kakaomap-03.jpg

2021-03-25T01:15:14Z

Sklee:

파일:Kakaomap-02.jpg

2021-03-25T01:15:03Z

Sklee:

파일:Kakaomap-01.jpg

2021-03-25T01:13:39Z

Sklee: 카카오 개발자 사이트 메인페이지

카카오 개발자 사이트 메인페이지

Advance

2019-07-09T05:16:25Z

Sklee: /* 2. 구글 웹 로그 분석(Google Analytics) 가입 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.
(도메인 주소는 http:// 또는 https:// 를 제외한 주소로 입력해주세요.)

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://analytics.google.com 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
'프로젝트 만들기'를 클릭합니다.
[[ 파일 : Analytics-weblog3.jpg ]]

'프로젝트 이름'을 입력한 뒤, 만들기를 클릭하여 프로젝트를 생성해주세요.
약관 확인창이 뜨면 동의 후 프로젝트를 생성해주세요.
[[ 파일 : Analytics-weblog4.jpg ]]

프로젝트가 생성되었다면 좌측 상단의 메뉴를 클릭하세요.
[[ 파일 : Analytics-weblog5.jpg ]]

좌측 메뉴의 [API 및 서비스] > [라이브러리]를 선택하세요.
[[ 파일 : Analytics-weblog6.jpg ]]

상단의 '프로젝트 선택'을 클릭하세요.
[[ 파일 : Analytics-weblog7.jpg ]]

앞에서 생성했던 프로젝트를 선택한 후 열기를 눌러주세요.
[[ 파일 : Analytics-weblog8.jpg ]]

검색창에 'analytics'를 검색해주세요.
[[ 파일 : Analytics-weblog9.jpg ]]

Google Analytics API를 찾아 클릭하세요.
[[ 파일 : Analytics-weblog10.jpg ]]

Google Analytics API에서 '사용 설정'을 클릭해주세요.
[[ 파일 : Analytics-weblog11.jpg ]]

좌측 메뉴의 [API 및 서비스] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : Analytics-weblog12.jpg ]]

'API 및 서비스의 사용자 인증 정보'를 클릭하세요
[[ 파일 : Analytics-weblog13.jpg ]]

'사용자 인증 정보 만들기'에서 '서비스 계정 키'를 선택하세요.
[[ 파일 : Analytics-weblog14.jpg ]]

선택을 눌러 계정명을 생성하세요
[[ 파일 : Analytics-weblog15.jpg ]]

계정명을 입력하시고 역할에 [역할 선택] - [프로젝트] - [소유자]를 선택해주세요.
키 유형을 P12로 선택해주세요.
[[ 파일 : Analytics-weblog16.jpg ]]

생성된 서비스 계정 키 화면에서 ‘서비스 계정 관리’를 클릭하세요.
[[ 파일 : Analytics-weblog17.jpg ]]

이메일 주소를 클릭하세요.
[[ 파일 : Analytics-weblog18.jpg ]]

이메일 주소를 복사해주세요.
[[ 파일 : Analytics-weblog19.jpg ]]

https://analytics.google.com 에 접속하여 [관리]를 눌러주세요
[[ 파일 : Analytics-weblog20.jpg ]]

[계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

우측의 플러스 아이콘을 누른 뒤 ‘Add users’를 선택하세요.
[[ 파일 : Analytics-weblog22.jpg ]]

'Email addresses'에 복사했던 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : Analytics-weblog23.jpg ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://analytics.google.com 에서 관리를 클릭한 후 중앙의 [속성] > [속성 설정]을 클릭해주세요.
[[ 파일 : Analytics-weblog24.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : Analytics-weblog25.jpg ]]

우측의 [보기] > [설정 보기]를 클릭해주세요.
[[ 파일 : Analytics-weblog26.jpg ]]

'보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : Analytics-weblog27.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : Analytics-weblog28.jpg ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

파일:Analytics-weblog2.jpg

2019-07-09T05:14:40Z

Sklee: Sklee 사용자가 파일:Analytics-weblog2.jpg의 새 판을 올렸습니다

Advance

2019-07-09T02:28:46Z

Sklee: /* 4. 빌더 접속통계 설정 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://analytics.google.com 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
'프로젝트 만들기'를 클릭합니다.
[[ 파일 : Analytics-weblog3.jpg ]]

'프로젝트 이름'을 입력한 뒤, 만들기를 클릭하여 프로젝트를 생성해주세요.
약관 확인창이 뜨면 동의 후 프로젝트를 생성해주세요.
[[ 파일 : Analytics-weblog4.jpg ]]

프로젝트가 생성되었다면 좌측 상단의 메뉴를 클릭하세요.
[[ 파일 : Analytics-weblog5.jpg ]]

좌측 메뉴의 [API 및 서비스] > [라이브러리]를 선택하세요.
[[ 파일 : Analytics-weblog6.jpg ]]

상단의 '프로젝트 선택'을 클릭하세요.
[[ 파일 : Analytics-weblog7.jpg ]]

앞에서 생성했던 프로젝트를 선택한 후 열기를 눌러주세요.
[[ 파일 : Analytics-weblog8.jpg ]]

검색창에 'analytics'를 검색해주세요.
[[ 파일 : Analytics-weblog9.jpg ]]

Google Analytics API를 찾아 클릭하세요.
[[ 파일 : Analytics-weblog10.jpg ]]

Google Analytics API에서 '사용 설정'을 클릭해주세요.
[[ 파일 : Analytics-weblog11.jpg ]]

좌측 메뉴의 [API 및 서비스] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : Analytics-weblog12.jpg ]]

'API 및 서비스의 사용자 인증 정보'를 클릭하세요
[[ 파일 : Analytics-weblog13.jpg ]]

'사용자 인증 정보 만들기'에서 '서비스 계정 키'를 선택하세요.
[[ 파일 : Analytics-weblog14.jpg ]]

선택을 눌러 계정명을 생성하세요
[[ 파일 : Analytics-weblog15.jpg ]]

계정명을 입력하시고 역할에 [역할 선택] - [프로젝트] - [소유자]를 선택해주세요.
키 유형을 P12로 선택해주세요.
[[ 파일 : Analytics-weblog16.jpg ]]

생성된 서비스 계정 키 화면에서 ‘서비스 계정 관리’를 클릭하세요.
[[ 파일 : Analytics-weblog17.jpg ]]

이메일 주소를 클릭하세요.
[[ 파일 : Analytics-weblog18.jpg ]]

이메일 주소를 복사해주세요.
[[ 파일 : Analytics-weblog19.jpg ]]

https://analytics.google.com 에 접속하여 [관리]를 눌러주세요
[[ 파일 : Analytics-weblog20.jpg ]]

[계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

우측의 플러스 아이콘을 누른 뒤 ‘Add users’를 선택하세요.
[[ 파일 : Analytics-weblog22.jpg ]]

'Email addresses'에 복사했던 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : Analytics-weblog23.jpg ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://analytics.google.com 에서 관리를 클릭한 후 중앙의 [속성] > [속성 설정]을 클릭해주세요.
[[ 파일 : Analytics-weblog24.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : Analytics-weblog25.jpg ]]

우측의 [보기] > [설정 보기]를 클릭해주세요.
[[ 파일 : Analytics-weblog26.jpg ]]

'보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : Analytics-weblog27.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : Analytics-weblog28.jpg ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

Advance

2019-07-09T02:24:14Z

Sklee: /* 3. 구글 웹로그 API 설정 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://analytics.google.com 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
'프로젝트 만들기'를 클릭합니다.
[[ 파일 : Analytics-weblog3.jpg ]]

'프로젝트 이름'을 입력한 뒤, 만들기를 클릭하여 프로젝트를 생성해주세요.
약관 확인창이 뜨면 동의 후 프로젝트를 생성해주세요.
[[ 파일 : Analytics-weblog4.jpg ]]

프로젝트가 생성되었다면 좌측 상단의 메뉴를 클릭하세요.
[[ 파일 : Analytics-weblog5.jpg ]]

좌측 메뉴의 [API 및 서비스] > [라이브러리]를 선택하세요.
[[ 파일 : Analytics-weblog6.jpg ]]

상단의 '프로젝트 선택'을 클릭하세요.
[[ 파일 : Analytics-weblog7.jpg ]]

앞에서 생성했던 프로젝트를 선택한 후 열기를 눌러주세요.
[[ 파일 : Analytics-weblog8.jpg ]]

검색창에 'analytics'를 검색해주세요.
[[ 파일 : Analytics-weblog9.jpg ]]

Google Analytics API를 찾아 클릭하세요.
[[ 파일 : Analytics-weblog10.jpg ]]

Google Analytics API에서 '사용 설정'을 클릭해주세요.
[[ 파일 : Analytics-weblog11.jpg ]]

좌측 메뉴의 [API 및 서비스] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : Analytics-weblog12.jpg ]]

'API 및 서비스의 사용자 인증 정보'를 클릭하세요
[[ 파일 : Analytics-weblog13.jpg ]]

'사용자 인증 정보 만들기'에서 '서비스 계정 키'를 선택하세요.
[[ 파일 : Analytics-weblog14.jpg ]]

선택을 눌러 계정명을 생성하세요
[[ 파일 : Analytics-weblog15.jpg ]]

계정명을 입력하시고 역할에 [역할 선택] - [프로젝트] - [소유자]를 선택해주세요.
키 유형을 P12로 선택해주세요.
[[ 파일 : Analytics-weblog16.jpg ]]

생성된 서비스 계정 키 화면에서 ‘서비스 계정 관리’를 클릭하세요.
[[ 파일 : Analytics-weblog17.jpg ]]

이메일 주소를 클릭하세요.
[[ 파일 : Analytics-weblog18.jpg ]]

이메일 주소를 복사해주세요.
[[ 파일 : Analytics-weblog19.jpg ]]

https://analytics.google.com 에 접속하여 [관리]를 눌러주세요
[[ 파일 : Analytics-weblog20.jpg ]]

[계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

우측의 플러스 아이콘을 누른 뒤 ‘Add users’를 선택하세요.
[[ 파일 : Analytics-weblog22.jpg ]]

'Email addresses'에 복사했던 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : Analytics-weblog23.jpg ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://www.google.com/analytics/web/ 에서 관리를 클릭한 후 중앙의 '속성 설정'을 클릭해주세요.
[[ 파일 : analytics_6.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : analytics_7.jpg ]]

보기 ID (3번 과정을 진행해 주신 경우에만 진행해주세요.)
https://www.google.com/analytics/web/ 에서 로그인 하신 뒤 상단의 관리(Admin)을 클릭해 관리 화면에 접속해주세요.
우측의 '보기' 하단의 '설정 보기'를 클릭해주세요.
[[ 파일 : analytics_4.jpg ]]

상단의 '보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : analytics_5.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : google_email_analystic.png ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

Advance

2019-07-09T02:23:28Z

Sklee: /* 3. 구글 웹로그 API 설정 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://analytics.google.com 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
'프로젝트 만들기'를 클릭합니다.
[[ 파일 : Analytics-weblog3.jpg ]]

'프로젝트 이름'을 입력한 뒤, 만들기를 클릭하여 프로젝트를 생성해주세요.
약관 확인창이 뜨면 동의 후 프로젝트를 생성해주세요.
[[ 파일 : Analytics-weblog4.jpg ]]

프로젝트가 생성되었다면 좌측 상단의 메뉴를 클릭하세요.
[[ 파일 : Analytics-weblog5.jpg ]]

좌측 메뉴의 [API 및 서비스] > [라이브러리]를 선택하세요.
[[ 파일 : Analytics-weblog6.jpg ]]

상단의 '프로젝트 선택'을 클릭하세요.
[[ 파일 : Analytics-weblog7.jpg ]]

앞에서 생성했던 프로젝트를 선택한 후 열기를 눌러주세요.
[[ 파일 : Analytics-weblog8.jpg ]]

검색창에 'analytics'를 검색해주세요.
[[ 파일 : Analytics-weblog9.jpg ]]

Google Analytics API를 찾아 클릭하세요.
[[ 파일 : Analytics-weblog10.jpg ]]

Google Analytics API에서 '사용 설정'을 클릭해주세요.
[[ 파일 : Analytics-weblog11.jpg ]]

좌측 메뉴의 [API 및 서비스] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : Analytics-weblog12.jpg ]]

'API 및 서비스의 사용자 인증 정보'를 클릭하세요
[[ 파일 : Analytics-weblog13.jpg ]]

'사용자 인증 정보 만들기'에서 '서비스 계정 키'를 선택하세요.
[[ 파일 : Analytics-weblog14.jpg ]]

선택을 눌러 계정명을 생성하세요
[[ 파일 : Analytics-weblog15.jpg ]]

계정명을 입력하시고 역할에 [역할 선택] - [프로젝트] - [소유자]를 선택해주세요.
키 유형을 P12로 선택해주세요.
[[ 파일 : Analytics-weblog16.jpg ]]

생성된 서비스 계정 키 화면에서 ‘서비스 계정 관리’를 클릭하세요.
[[ 파일 : Analytics-weblog17.jpg ]]

이메일 주소를 클릭하세요.
[[ 파일 : Analytics-weblog18.jpg ]]

이메일 주소를 복사해주세요.
[[ 파일 : Analytics-weblog19.jpg ]]

https://analytics.google.com 에 접속하여 [관리]를 눌러주세요
[[ 파일 : Analytics-weblog20.jpg ]]

[계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

우측의 플러스 아이콘을 누른 뒤 ‘Add users’를 선택하세요.
[[ 파일 : Analytics-weblog22.jpg ]]

'Email addresses'에 복사했던 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://www.google.com/analytics/web/ 에서 관리를 클릭한 후 중앙의 '속성 설정'을 클릭해주세요.
[[ 파일 : analytics_6.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : analytics_7.jpg ]]

보기 ID (3번 과정을 진행해 주신 경우에만 진행해주세요.)
https://www.google.com/analytics/web/ 에서 로그인 하신 뒤 상단의 관리(Admin)을 클릭해 관리 화면에 접속해주세요.
우측의 '보기' 하단의 '설정 보기'를 클릭해주세요.
[[ 파일 : analytics_4.jpg ]]

상단의 '보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : analytics_5.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : google_email_analystic.png ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

Advance

2019-07-09T02:22:08Z

Sklee: /* 3. 구글 웹로그 API 설정 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://analytics.google.com 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
'프로젝트 만들기'를 클릭합니다.
[[ 파일 : Analytics-weblog3.jpg ]]

'프로젝트 이름'을 입력한 뒤, 만들기를 클릭하여 프로젝트를 생성해주세요.
약관 확인창이 뜨면 동의 후 프로젝트를 생성해주세요.
[[ 파일 : Analytics-weblog4.jpg ]]

프로젝트가 생성되었다면 좌측 상단의 메뉴를 클릭하세요.
[[ 파일 : Analytics-weblog5.jpg ]]

좌측 메뉴의 [API 및 서비스] > [라이브러리]를 선택하세요.
[[ 파일 : Analytics-weblog6.jpg ]]

상단의 '프로젝트 선택'을 클릭하세요.
[[ 파일 : Analytics-weblog7.jpg ]]

앞에서 생성했던 프로젝트를 선택한 후 열기를 눌러주세요.
[[ 파일 : Analytics-weblog8.jpg ]]

검색창에 'analytics'를 검색해주세요.
[[ 파일 : Analytics-weblog9.jpg ]]

Google Analytics API를 찾아 클릭하세요.
[[ 파일 : Analytics-weblog10.jpg ]]

Google Analytics API에서 '사용 설정'을 클릭해주세요.
[[ 파일 : Analytics-weblog11.jpg ]]

좌측 메뉴의 [API 및 서비스] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : Analytics-weblog12.jpg ]]

'API 및 서비스의 사용자 인증 정보'를 클릭하세요
[[ 파일 : Analytics-weblog13.jpg ]]

'사용자 인증 정보 만들기'에서 '서비스 계정 키'를 선택하세요.
[[ 파일 : Analytics-weblog14.jpg ]]

선택을 눌러 계정명을 생성하세요
[[ 파일 : Analytics-weblog15.jpg ]]

계정명을 입력하시고 역할에 [역할 선택] - [프로젝트] - [소유자]를 선택해주세요.
키 유형을 P12로 선택해주세요.
[[ 파일 : Analytics-weblog16.jpg ]]

생성된 서비스 계정 키 화면에서 ‘서비스 계정 관리’를 클릭하세요.
[[ 파일 : Analytics-weblog17.jpg ]]

이메일 주소를 클릭하세요.
[[ 파일 : Analytics-weblog18.jpg ]]

이메일 주소를 복사해주세요.
[[ 파일 : Analytics-weblog19.jpg ]]

https://analytics.google.com 에 접속하여 [관리]를 눌러주세요
[[ 파일 : Analytics-weblog20.jpg ]]

[계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

우측의 플러스 아이콘을 누른 뒤 ‘Add users’를 선택하세요.
[[ 파일 : Analytics-weblog22.jpg ]]

'Email addresses'에 복사했던 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : Analytics-weblog21.jpg ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://www.google.com/analytics/web/ 에서 관리를 클릭한 후 중앙의 '속성 설정'을 클릭해주세요.
[[ 파일 : analytics_6.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : analytics_7.jpg ]]

보기 ID (3번 과정을 진행해 주신 경우에만 진행해주세요.)
https://www.google.com/analytics/web/ 에서 로그인 하신 뒤 상단의 관리(Admin)을 클릭해 관리 화면에 접속해주세요.
우측의 '보기' 하단의 '설정 보기'를 클릭해주세요.
[[ 파일 : analytics_4.jpg ]]

상단의 '보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : analytics_5.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : google_email_analystic.png ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

파일:Analytics-weblog9.jpg

2019-07-09T02:18:08Z

Sklee: Sklee 사용자가 파일:Analytics-weblog9.jpg의 새 판을 올렸습니다

파일:Analytics 0.png

2019-07-09T02:10:46Z

Sklee: Sklee 사용자가 파일:Analytics 0.png의 새 판을 올렸습니다

접속통계

파일:Analytics-weblog28.jpg

2019-07-09T02:10:35Z

Sklee:

파일:Analytics-weblog27.jpg

2019-07-09T02:10:27Z

Sklee:

파일:Analytics-weblog26.jpg

2019-07-09T02:10:19Z

Sklee:

파일:Analytics-weblog25.jpg

2019-07-09T02:10:10Z

Sklee:

파일:Analytics-weblog24.jpg

2019-07-09T02:10:02Z

Sklee:

파일:Analytics-weblog23.jpg

2019-07-09T02:09:53Z

Sklee:

파일:Analytics-weblog22.jpg

2019-07-09T02:09:45Z

Sklee:

파일:Analytics-weblog21.jpg

2019-07-09T02:09:37Z

Sklee:

파일:Analytics-weblog20.jpg

2019-07-09T02:08:11Z

Sklee:

파일:Analytics-weblog19.jpg

2019-07-09T02:08:04Z

Sklee:

파일:Analytics-weblog18.jpg

2019-07-09T02:07:58Z

Sklee:

파일:Analytics-weblog17.jpg

2019-07-09T02:07:50Z

Sklee:

파일:Analytics-weblog16.jpg

2019-07-09T02:07:43Z

Sklee:

파일:Analytics-weblog15.jpg

2019-07-09T02:07:36Z

Sklee:

파일:Analytics-weblog14.jpg

2019-07-09T02:07:28Z

Sklee:

파일:Analytics-weblog13.jpg

2019-07-09T01:57:05Z

Sklee:

파일:Analytics-weblog12.jpg

2019-07-09T01:56:55Z

Sklee:

파일:Analytics-weblog11.jpg

2019-07-09T01:56:46Z

Sklee:

파일:Analytics-weblog10.jpg

2019-07-09T01:56:24Z

Sklee:

파일:Analytics-weblog9.jpg

2019-07-09T01:56:14Z

Sklee:

파일:Analytics-weblog8.jpg

2019-07-09T01:56:07Z

Sklee:

파일:Analytics-weblog7.jpg

2019-07-09T01:55:58Z

Sklee:

파일:Analytics-weblog6.jpg

2019-07-09T01:55:50Z

Sklee:

파일:Analytics-weblog5.jpg

2019-07-09T01:55:41Z

Sklee:

Advance

2019-07-09T01:54:15Z

Sklee: /* 2. 구글 웹 로그 분석(Google Analytics) 가입 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.
[[ 파일 : Analytics-weblog1.jpg ]]
로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://www.google.co.kr/analytics 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
[[ 파일 : google_dev00.png]]

'프로젝트 만들기'를 클릭하거나 좌측 상단의 '프로젝트 선택'에서 '프로젝트 생성...'을 클릭합니다.
[[ 파일 : google_dev01.png ]]

'프로젝트 이름'과 '프로젝트 ID'를 입력한 뒤, 서비스 약관에 동의하신 다면 체크해주시고, 만들기를 클릭하여 프로젝트를 생성해주세요.
(프로젝트 ID가 수정되지 않는다면, '프로젝트 ID' 라벨 우측의 Edit을 클릭하세요.)
[[ 파일 : google_dev02.png ]]

프로젝트가 생성되었다면 '프로젝트 선택'에서 생성된 프로젝트를 선택하여 생성된 프로젝트로 이동하세요.
[[ 파일 : google_dev03.png ]]

좌측 메뉴의 [API 관리자] > [라이브러리]를 선택하세요.
[[ 파일 : google_dev04.png ]]

API 라이브러리 중 'analytics'를 검색하여 Analytics API를 찾아 클릭하세요.
[[ 파일 : google_dev05.png ]]

Analytics API에서 'API 사용 설정'을 클릭해주세요.
[[ 파일 : google_dev06.png ]]

좌측 메뉴의 [API관리자] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : google_dev07.png ]]

'사용자 인증 정보 추가'에서 '서비스 계정'을 선택하세요.
[[ 파일 : google_dev08.png ]]

P12 키를 선택하세요.
(이때 다온로드 된 P12 키 파일을 차후 빌더 접수 통계에 업로드해야 합니다.)
[[ 파일 : google_dev09.png ]]

생성된 서비스 계정을 클릭하면 아래와 같은 화면이 나옵니다.
서비스 계정의 '이메일 주소'는 나중에 빌더 접수통계에 입력해야합니다.
[[ 파일 : google_dev10.png ]]
[[ 파일 : google_dev11.png ]]

https://www.google.co.kr/analytics 에서 로그인 한 뒤, [관리] > [계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Goog_dev12.png ]]

'Google 계정에 등록된 사용자 이메일'에 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : analystic.png ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://www.google.com/analytics/web/ 에서 관리를 클릭한 후 중앙의 '속성 설정'을 클릭해주세요.
[[ 파일 : analytics_6.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : analytics_7.jpg ]]

보기 ID (3번 과정을 진행해 주신 경우에만 진행해주세요.)
https://www.google.com/analytics/web/ 에서 로그인 하신 뒤 상단의 관리(Admin)을 클릭해 관리 화면에 접속해주세요.
우측의 '보기' 하단의 '설정 보기'를 클릭해주세요.
[[ 파일 : analytics_4.jpg ]]

상단의 '보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : analytics_5.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : google_email_analystic.png ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

Advance

2019-07-09T01:53:12Z

Sklee: /* 2. 구글 웹 로그 분석(Google Analytics) 가입 */

== 고급 ==

=== 팝업 ===

홈페이지 접속 시 팝업 창을 만들 수 있습니다.

[[파일 : 팝업4.png]]

팝업를 추가 하는 방법은 ADD 버튼을 누릅니다.

[[파일 : 팝업2.png]]

빈칸에 원하는 정보를 입력합니다.

[[파일 : 팝업3.png]]

저장 버튼을 눌러야 저장이 됩니다.

=== 위젯 ===

인트로페이지에 노출되는 위젯을 생성, 삭제, 수정할 수 있습니다.

==== 소셜 ====

아래와 같은 소셜사이트의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯1.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯2.png]]

==== Youtube ====

아래와 같이 Youtube 위젯을 설정 할 수 있습니다.

[[파일 : 위젯3.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯4.png]]

==== 이미지 게시판 ====

아래와 같이 이미지 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯5.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯6.png]]

==== 목록 게시판 ====

아래와 같이 목록 게시판의 위젯을 설정 할 수 있습니다.

[[파일 : 위젯7.png]]

ADD 버튼을 눌러 생성이 가능 합니다.

[[파일 : 위젯8.png]]

=== 소셜 ===

트위터, 페이스북, 구글, 카카오스토리, 유투브, 핀터레스트, 인스타그램, 카카오톡 옐로아이디의 SNS를 연결 할 수 있습니다.

[[파일 : Dq1.png]]

==== DISQUS ====
[[파일 : Disqus1.png]]
1. disqus.com을 클릭하여 https://disqus.com 에 접속해주세요.

2. 우측 상단의 [[파일 : Disqus_login.png]]Login 버튼을 클릭하여 로그인합니다.
Disqus 계정이 없다면 [[파일 : Bt10.png]]GET STARTED 버튼을 누른 뒤 이름, 이메일, 비밀번호를 입력하고 'Signup' 버튼을 클릭하여 생성한 뒤 로그인 합니다.

[[파일 : Dqlogin.png]]
3. 로그인을 마치시고, https://disqus.com/profile/signup/intent/ 에서 하단에 나오는 'I want to install Disqus on my site'를 클릭하세요.
[[파일 : DisQ0.png]]

[[파일 : Dq009.png]]
4. 사이트 이름(Website Name)을 입력하고, 분류(Category)와 언어(Language)를 선택한 뒤 'Create Site' 버튼을 클릭하여 사이트를 등록합니다.

[[파일 : Disqus4.png]]
5. 다시 빌더로 돌아와서, Disqus ID에 4에서 입력한 사이트 이름을 입력한 뒤 저장합니다. 이제 게시판에서 'SOCIAL 댓글'을 사용하실 수 있습니다.
===== DISQUS 광고 =====
DISQUS에서는 댓글 창 상/하단에 DISQUS를 이용하는 다른 사이트의 링크를 노출시킬 수 있습니다.
해당 기능은 disqus의 관리 페이지에 접속하여 'Discovery'의 체크를 해제한 뒤 저장하여 사용하지 않을 수 있습니다.
관리 페이지는 disqus.com 에서 로그인 하신 뒤, 우측 상단의 톱니바퀴 모양 버튼을 클릭하시고 admin 항목을 선택하여 접속할 수 있습니다.
이때 등록한 사이트가 두 개 이상이라면 좌측의 [[ 파일 : Bt098.png ]] 버튼을 클릭하여 사이트를 선택해야 합니다.
이후 General 탭을 선택하여 Discovery 부분의 체크를 해제하면 다른 사이트의 링크를 사용하지 않을 수 있습니다.

[[ 파일 : Disc0.png ]]

광고에 대한 자세한 정보는 하단의 링크를 참고하세요.
https://help.disqus.com/customer/portal/articles/2080463

=== 배너 ===
F 타입 스킨에서만 사용할 수 있습니다.
F 타입 스킨에서 생성되는 좌측 메뉴의 아래에 이미지 배너를 넣을 수 있습니다.

'''배너 관리''' : 배너의 출력여부를 설정할 수 있습니다.

'''배너 우선순위''' : 배너의 우선 순위를 지정할 수 있습니다. 숫자가 낮을 수록 상단에 위치하게 됩니다.

'''배너 이미지''' : 배너 이미지를 업로드 할 수 있습니다.

'''배너 링크''' : 배너에 링크를 걸 수 있습니다.

배너 이미지는 화면 크기에 맞게 조절되며 모바일 화면에서는 표시되지 않습니다.

=== 구글 접속 통계 ===
==== 1. 구글 로그인 ====
https://google.com 에 접속합니다.
구글에 로그인 되어 있지 않다면 로그인 화면에 접속됩니다.
접속 통계를 사용할 구글 계정으로 로그인한 뒤 계속 진행해야합니다.
※ 기존에 개인적인 용도로 사용하시던 구글 계정을 이용하시기 보다는 빌더 홈페이지 관리를 위한 새로운 빌더 계정을 만드시기를 권장드립니다.

==== 2. 구글 웹 로그 분석(Google Analytics) 가입 ====
https://analytics.google.com 에 접속하여 '로그인'을 클릭해주세요.

[[ 파일 : Analytics-weblog1.jpg ]]

로그인 화면에 접속됩니다.
'1. 구글 계정 설정'에서 계정 설정 확인이 완료된 계정으로 로그인 해주세요.

로그인이 완료되면 가입 절차가 시작됩니다. '가입(sign up)'을 눌러 가입을 시작해주세요.
이미 '구글 웹 로그 분석(Google Analytics)'에 가입되어 있다면 '3. 빌더 접속통계 설정'을 진행해 주세요.

[[ 파일 : Analytics-weblog2.jpg ]]
※ 계정에 설정된 언어에 따라 위 화면과 실제 화면은 약간의 차이가 있을 수 있습니다.

내용은 자유롭게 입력하셔도 무관합니다만 두 가지 내용은 반드시 정해진 대로 입력해야 합니다.
무엇을 추적하시겠습니까 : 웹사이트를 클릭해주세요.
웹사이트 URL : 사용중인 도메인을 입력해주세요. 이후 빌더 접속통계 설정에 사용됩니다.

입력이 끝나셨다면 최하단의 '추척 ID 가져오기(Get Tracking ID)'를 클릭합니다.

==== 3. 구글 웹로그 API 설정 ====
'''3번 과정은 접속통계 정보를 빌더 내에서 바로 확인하기를 바라시는 분만 진행해주세요.'''
'''본 과정을 진행하지 않으시더라도 https://www.google.co.kr/analytics 에서 쌓인 통계정보를 확인할 수 있습니다.'''

https://console.developers.google.com/project 에 접속합니다.
[[ 파일 : google_dev00.png]]

'프로젝트 만들기'를 클릭하거나 좌측 상단의 '프로젝트 선택'에서 '프로젝트 생성...'을 클릭합니다.
[[ 파일 : google_dev01.png ]]

'프로젝트 이름'과 '프로젝트 ID'를 입력한 뒤, 서비스 약관에 동의하신 다면 체크해주시고, 만들기를 클릭하여 프로젝트를 생성해주세요.
(프로젝트 ID가 수정되지 않는다면, '프로젝트 ID' 라벨 우측의 Edit을 클릭하세요.)
[[ 파일 : google_dev02.png ]]

프로젝트가 생성되었다면 '프로젝트 선택'에서 생성된 프로젝트를 선택하여 생성된 프로젝트로 이동하세요.
[[ 파일 : google_dev03.png ]]

좌측 메뉴의 [API 관리자] > [라이브러리]를 선택하세요.
[[ 파일 : google_dev04.png ]]

API 라이브러리 중 'analytics'를 검색하여 Analytics API를 찾아 클릭하세요.
[[ 파일 : google_dev05.png ]]

Analytics API에서 'API 사용 설정'을 클릭해주세요.
[[ 파일 : google_dev06.png ]]

좌측 메뉴의 [API관리자] > [사용자 인증 정보]를 선택하세요.
[[ 파일 : google_dev07.png ]]

'사용자 인증 정보 추가'에서 '서비스 계정'을 선택하세요.
[[ 파일 : google_dev08.png ]]

P12 키를 선택하세요.
(이때 다온로드 된 P12 키 파일을 차후 빌더 접수 통계에 업로드해야 합니다.)
[[ 파일 : google_dev09.png ]]

생성된 서비스 계정을 클릭하면 아래와 같은 화면이 나옵니다.
서비스 계정의 '이메일 주소'는 나중에 빌더 접수통계에 입력해야합니다.
[[ 파일 : google_dev10.png ]]
[[ 파일 : google_dev11.png ]]

https://www.google.co.kr/analytics 에서 로그인 한 뒤, [관리] > [계정] > [사용자 관리]를 선택해주세요.
[[ 파일 : Goog_dev12.png ]]

'Google 계정에 등록된 사용자 이메일'에 서비스 계정의 이메일 주소를 넣은 뒤, 수정 권한을 부여하고 추가해주세요.
[[ 파일 : analystic.png ]]

다음 과정을 위해, '서비스 계정'의 이메일 주소와 P12 키 파일이 필요합니다.

==== 4. 빌더 접속통계 설정 ====
[[ 파일 : analytics_0.png ]]

추적 ID
https://www.google.com/analytics/web/ 에서 관리를 클릭한 후 중앙의 '속성 설정'을 클릭해주세요.
[[ 파일 : analytics_6.jpg ]]

상단의 '추적 ID'를 빌더의 추적 아이디에 입력해주세요.
[[ 파일 : analytics_7.jpg ]]

보기 ID (3번 과정을 진행해 주신 경우에만 진행해주세요.)
https://www.google.com/analytics/web/ 에서 로그인 하신 뒤 상단의 관리(Admin)을 클릭해 관리 화면에 접속해주세요.
우측의 '보기' 하단의 '설정 보기'를 클릭해주세요.
[[ 파일 : analytics_4.jpg ]]

상단의 '보기 ID'를 빌더의 보기 ID에 입력해주세요.
[[ 파일 : analytics_5.jpg ]]

GOOGLE 이메일(3번 과정을 진행해 주신 경우에만 진행해주세요.)
[[ 파일 : google_email_analystic.png ]]
3에서 생성한 서비스 계정의 이메일 주소를 입력해주세요.

P12 KEY(3번 과정을 진행해 주신 경우에만 진행해주세요.)

'Add file'을 클릭하여 3에서 다운로드 받은 P12 키를 업로드해주세요.
이후 'Change file'을 클릭하여 업로드된 P12키를 교체할 수 있고,
'Delete file' 을 클릭하여 업로드된 파일을 삭제할 수 있습니다.

'저장하기'를 누르시면 앞으로는 빌더 홈페이지에 접속할 때 마다 접속정보가 통계에 기록됩니다.
구글 웹로그 가입 후 실제 통계 정보가 출력되기까지는 최대 7일의 시간이 걸릴 수 있습니다.
보기 ID, GOOGLE 이메일, P12 KEY를 모두 입력하면 통계 정보가 빌더 내에서 표시됩니다.
[[ 파일 : analytics_9.png ]]

==== 기타 ====
(403) User does not have any Google Analytics account.

구글 웹 로그에서 서비스 계정에 권한 부여가 완료되지 않았을 경우 위와 같은 오류가 발생할 수 있습니다.
3번의 과정 중 'https://www.google.co.kr/analytics 에서 로그인 한 뒤(후략)…' 부분을 완료해 주신 뒤 30분 정도 후에 다시 확인해보세요.
=== 보안 ===
==== iframe 허용 주소 ====
게시판에서 게시글 작성 시 iframe 태그가 존재할 경우, iframe에 입력된 주소가 허용된 주소가 아닐 경우 해당 주소를 자동으로 지웁니다.
이곳에서 허용할 주소를 입력하면 허용된 주소는 iframe 태그에서 사용할 수 있습니다.
유투브와 비메오 공유 주소 및 현재 접속 주소는 기본적으로 허용하도록 설정되어 있습니다.
==== SSL 설정 ====
이용중인 서버에 SSL 인증서가 설치되어 있다면 https 방식을 통해 로그인, 회원가입, 회원 비밀번호 찾기 기능의 보안을 강화할 수 있습니다.
이용중인 SSL 포트를 입력하고 "사용"으로 설정하면 됩니다.
사용으로 설정하였으나 SSL 인증서가 올바르게 설치되지 않았거나 인증서를 설치한 도메인이 아닌 다른 도메인으로 접속하였을 경우에는 로그인, 회원가입, 회원 비밀번호 찾기 기능을 이용할 수 없을 수 있으니 주의하여 주시기 바랍니다.

파일:Analytics-weblog1.jpg

2019-07-09T01:50:56Z

Sklee: Sklee 사용자가 파일:Analytics-weblog1.jpg의 새 판을 올렸습니다

파일:Analytics-weblog4.jpg

2019-07-09T01:46:29Z

Sklee: