Google 캘린더 일정 알림 버튼을 만들기 위한 지침
Google 캘린더 일정 알림 버튼을 제어하는 HTML 코드를 만들기 위한 방법은 다음과 같습니다. 본 지침은 사용자가 HTML에 대한 지식을 어느 정도 가지고 있다는 전제 하에 작성된 것입니다. 지침의 내용보다 쉽게 버튼에 대한 HTML 코드를 만들 수 있는 간단한 양식도 있습니다.
사용할 수 없는 문자에 대한 주의사항
등호(=) 같은 특정 문자는 CGI 매개변수 값과 함께 사용할 경우 문제가 발생할 수 있습니다. 이러한 특수 문자를 일정에 표시할 수는 있지만 CGI 매개변수와 사용하기 위해서는 특수 코드로 변환해야 합니다. 쉽게 읽을 수 있도록 하기 위해 아래의 예에서는 사용할 수 없는 문자를 변환하지 않았습니다. 자세히 알아보기
자세한 지침
각각의 일정 세부정보(일정 제목, 일정 시작시간, 일정 종료시간 및 일정 장소)는 버튼이 링크되는 URL 내에 고유 CGI 매개변수(링크의 동작을 변경하는 웹 주소 세그먼트)를 가집니다. 일정 CGI 매개변수는 앰퍼샌드 기호(&)로 구분되어야 합니다.
이러한 HTML 코드의 일반적인 형식은 다음과 같습니다. 일정 매개변수는 순서와 상관없이 href 링크의 끝 부분에 원하는 만큼 추가할 수 있습니다.
<a href="http://www.google.com/calendar/event?action=TEMPLATE&Parameter1;&Parameter2;&Parameter3;"><img src="//www.google.com/calendar/images/ext/gc_button2.gif"></a>
다음 표에는 일정을 정의하는 기본 CGI 매개변수가 제시되어 있습니다.
| 매개변수 이름 |
값 |
예 |
| action(필수) |
이 값은 항상 TEMPLATE(모두 대문자)입니다. |
action=TEMPLATE |
| text(필수) |
일정 제목입니다. |
text=Java Cafe에서 브런치 |
| dates(필수) |
일정 날짜 및 시간(UTC 형식)입니다. 시간 끝에 대문자 'Z'를 추가합니다. Google 캘린더는 사용자의 시간대에 맞춰 날짜 및 시간을 변환합니다. |
dates=20060415/20060415
2006년 4월 15일 하루 종일
dates=20060415T180000Z/20060415T190000Z
2006년 4월 15일 오전11시 - 정오 태평양 시간 |
| sprop(필수) |
웹사이트 주소와 같은 회사에 대한 정보를 표시합니다. 여러 개의 sprop 매개변수를 사용할 수 있습니다. 이 정보는 유형:값으로 지정해야 합니다. 콜론은 유형과 값을 구분하는 데에만 사용해야 합니다. |
sprop=website:www.javacafebrunches.com
웹사이트 = www.javacafebrunches.co.kr
sprop=website:www.javacafebrunches.co.kr&sprop;=name:Java Cafe
웹사이트 = www.javacafebrunches.co.kr and name = Java Cafe |
| add |
초대할 사람의 이메일 주소입니다. 여러 개의 add 매개변수를 사용할 수 있습니다. |
add=username1@domain.co.kr
초대할 사람 1명
add=username1@domain.co.kr&add;=username2@domain.com
초대할 사람 2명 |
| details |
일정에 대한 설명입니다. 간단한 HTML을 사용할 수 있습니다. |
details=토요 브런치 스페셜:<br><br>프렌치 토스트와 신선한 과일<br><br>최고의 맛! |
| location |
일정이 열릴 장소입니다. Google Maps에서 검색할 수 있는 위치를 사용하는 것이 좋습니다. |
location=대한민국, 서울, Java Cafe |
| trp |
해당 일정이 진행되는 동안 사용자의 Google 캘린더를 '바쁨'으로 표시할지 여부를 지정합니다. 기본값은 false입니다. |
trp=true |
Google 캘린더 일정 알림 버튼에 대한 예제 HTML
브런치 예약에 대한 CGI 매개변수의 형식의 예입니다.
action=TEMPLATE
text=Java Cafe에서의 브런치
location=대한민국, 서울, Java Cafe
details=토요 브런치 스페셜:<br><br>프렌치 토스트와 신선한 과일<br><br>최고의 맛!
dates=20060415T180000Z/20060415T190000Z
trp=true
sprop=웹사이트:http://www.javacafebrunches.co.kr
sprop=이름:Jave Cafe
이 브런치 예약에 대한 Google 캘린더 일정 알림 버튼을 삽입하기 위해 웹사이트에 추가해야 할 HTML 코드 전체는 다음과 같습니다.
<a href="http://www.google.com/calendar/event?action=TEMPLATE&text;=Java Cafe에서의 브런치&dates;=20060415T180000Z/20060415T190000Z&location;=대한민국, 서울, Java Cafe&details;=토요 브런치 스페셜:<br><br>프렌치 토스트와 신선한 과일<br><br>최고의 맛!&trp;=true&sprop;= 웹사이트:http://www.javacafebrunches.co.kr&sprop;=이름:Jave Cafe'><img src="//www.google.com/calendar/images/ext/gc_button2.gif"></a>
버튼 스타일
다양한 형태의 버튼을 사용할 수 있습니다. 사이트에 가장 잘 어울리는 모양의 버튼을 선택하세요.
|
