구글용 지름도우미 가젯 완성 : iGoogle, Gmail, Google Desktop

많은 분들이 이용중이신 지름도우미 – 하루에 한가지만 파는 쇼핑몰 모음구글용 가젯으로 만들어졌습니다.

이미 이전글인 다음위젯뱅크용 지름도우미 위젯 완성!글에서 보여드렸듯이 다음과 구글이 가젯 API 를 공유하고 있기때문에, 몇개의 API 비호환 문제만 해결하면 다음 위젯뱅크용 위젯이 바로 구글용 가젯으로 변신하게 됩니다.



위에서 보시다 시피, 구글용 가젯으로 작성이 되어있어서 구글이 지원하는 가젯플랫폼에는 어디든 붙일수 있습니다.

사용자 하시는 분들의 취향에 따라 설정할수 있는 4가지 설정값이 있습니다.

  • 리스트당 시간 : 리스트당 보여주는 시간입니다. 초단위이며 기본값은 5초입니다.
  • 상품당 시간 : 상품당 보여주는 시간입니다. 초단위이며 기본값은 3초입니다.
  • 페이드 효과 : 리스트 , 상품이 다음으로 넘어갈때 보이는 FadeIn,FadeOut 효과를 켜고 끌수 있습니다. 기본값은 On 입니다.
  • 이미지 툴팁 : 상품위에 마우스를 올릴때 보이는 상품의 툴팁을 이미지로 나타낼것인지 결정합니다. 기본값은 On 입니다.

즉 5초마다 한번씩 4개의 리스트가 순차적으로 변경이 되며 4번째 리스트가 끝나면 상품보기로 넘어갑니다. 그리고 상품을 3초마다 한개씩 5개를 보여주고 나서는 다시 리스트 보기로 넘어갑니다. 다시 한바퀴 돌고 상품보기로 오면 이전에 봤던 다음 상품부터 돌게 됩니다.

리스트1→리스트2→리스트3→리스트4→상품1→상품2→상품3→상품4→상품5→리스트1→리스트2→리스트3→리스트4→상품6→..

페이드 효과는 CPU 에 부담을 줄이고 싶을때는 꺼두시면 됩니다. 이미지 툴팁은 특별한 이유없으면 그냥 두셔도 상관없습니다 🙂

iGoogle 에 지름도우미 가젯 추가하기

위에서 봤던 지름도우미 가젯의 맨 아래에도 있는 Add to Google 버튼을 누르시면, 바로 자신의 iGoogle 홈페이지에 붙이실수 있습니다. iGoogle 에 올리면 아래와 같은 모습이 됩니다.

iGoogle 지름도우미

GMail 에 지름도우미 가젯 추가하기

또한, Gmail Labs에 최근 추가된 기능으로 어떤 가젯이라도 붙일수 있는 “Add any gadget by URL” 이라는 기능이 있는데요.

Gmail Labs

이것을 위처럼 Enable 하면 자신의 Gmail 설정부에 아래와 같이 Gadgets 탭이 추가되구요. 이 탭을 통해서 어떤 가젯이라도 자신의 Gmail 창에 붙일수 있습니다.

Gmail 지름도우미 추가하기

위 화면에 보이는 것처럼 http://guruguru.googlepages.com/onedays.xml 이라는 주소에 있는 지름도우미 가젯을 추가하면 위와 같이 등록이 됩니다.

Gmail 지름도우미

개인메일 내용을 가리기 위해 스팸창으로 캡쳐했습니다. 양해 부탁드립니다. 🙂 스크린샷 나온 아이템도 좀 이상한거군요 ^^;;
Gmail 에서 보이는 가젯은 기존의 가젯보다 약간 창이 작구요. 이거 때문에 사이즈를 동적으로 적용하는 코딩을 하느라 꽤 많은 삽질을..

구글 데스크탑에 지름도우미 가젯 추가하기

그리고, 구글 데스크탑 사용자를 위한 지름도우미 데스크탑 가젯구글 데스크탑 가젯 디렉토리에 등록 되었습니다.

구글 데스크탑 가젯은 웹 가젯과는 약간 다르게 .gg 파일 ( Google Gadget) 이라는 형태의 압축파일로 되어있구요. Google Gadget SDK를 다운받으면 Google Gadget Designer IDE 가 포함되어 있어서 쉽게 개발할수 있습니다.

구글 데스크탑 가젯 디렉토리에 등록된 지름도우미

이건 제가 가젯개발을 시작하며 맨 처음에 만들었던 것이라, 새로 만든 gadgets.* API 이용하는 가젯과는 조금 다르게 생겼네요.

구글 데스크탑 가젯 추가하기

구글 데스크탑의 사이드바에서 가젯 추가를 누르면 나오는 창에서 라이프스타일 탭과 금융 탭에 추가된 지름도우미 가젯을 보실수 있습니다. 🙂

그리고, 위젯뱅크 글에서 말씀드린대로, 위와 같은 데스크탑 전용 가젯 을 개발해서 하나 등록하게 되면 구글에서 축하한다는 메일과 함께 선물을 받을수 있는 쿠폰코드가 옵니다. 이 쿠폰코드와 함께 자신의 주소를 구글에 보내면 Developer Appreciation Package 라고 하는 선물이 온다고 하네요. 오는대로 바로 알려드리겠습니다.

마지막으로, 정말 정말 중요한 한가지 팁! – 맨 처음에 보여드린 지름도우미 구글 웹 가젯 역시 데스크탑에 바로 추가하실수 있습니다.

구글 데스크탑에 웹 가젯 추가하기

위와 같이 구글 데스크탑의 가젯 추가 창에서 검색 창에 http://guruguru.googlepages.com/onedays.xml 을 입력하고 엔터를 치시면 우측에 보이는 대로 웹가젯을 데스크탑에서 똑같이 활용할수 있습니다. 추가할때 위와 같은 확인창이 뜨니까 확인 눌러주시면 됩니다. 웹 가젯이 데스크탑에 등록이 된다는걸 알았다면 데스크탑 가젯을 따로 개발하는 수고를 줄일수 있었을텐데 말이죠 ^^;

염장성 멘트가 될수도 있겠지만, 지난 토요일날 위젯 개발하느라 지름도우미 위젯을 지메일,데스크탑등 여기저기 올리고 테스트중이었는데, 시작한지 17분만에 매진이 되어버린 원어데이천원짜리 ONE BOX 이벤트가 딱 보여서 1004명 안에 드는 행운을 얻었네요. 뭐가 배송될지 기대중입니다 🙂

어쨋거나 이제부터는 Gmail , iGoogle , Google Desktop 을 이용하시는 사용자 분들께서는 쉽게 어디서나 오늘의 상품을 확인하고 지르시면 되겠습니다. ^^
즐거운 지름 생활을 위해 항상 노력하는 구루였습니다.

* 지름도우미 위젯의 몇몇 URL 은 스폰서링크로 되어있습니다. 이 링크를 통하여 구매시 약간의 수수료(1%)가 발생하며 서버 비용 및 회선 사용료로 쓰이고 있습니다.

Leave a comment ?

25 Comments.

  1. ㅎㅎ 이러시면 아니되옵니다…
    이렇게 편리하게 지를수 있게 만들어주시다니,,

  2. 큭큭~ 제대로 지름 도우미네요 ㅋㅋ 안그래도 빠듯한데 저 가젯 추가하면 지출이 ㄷㄷ

  3. 온마우스 되어 있을때 페이지 이동이 안되게 하는 기능 추가 부탁드릴께요~~~

  4. 핫핫.. 우선 달아봅니다. ^^;

  5. 잘 써요 꼭 필요했는데 🙂

  6. 이럴 땐 외국에 있는 게 어찌나 다행한 일인지요..^^

  7. 감사히 잘쓰겠습니다 ^^ 한가지 질문있는데요
    저도 Gmail 사용자라서 메일에 포함시켜볼라고했는데 Gmail Labs가 어딧는지 알수가 없네요?
    가젯부분을 찾을수가 없는데 어떻게하신건지 궁금해효~!

  8. 잘 사용하고 있습니다. 지름신 억제 충동을 단박에 없애시는 가젯입니다.
    그런데, 한가지 궁금한 점이… 각 사이트로 연결되기 전에 있는 링크프라이스는 클릭광고비용 충당이신가요? 이왕이면 사용자에게 공지하시는 편이 어떠신가 해서…

  9. 마지막에 이문구요.
    * 지름도우미 위젯의 몇몇 URL 은 스폰서링크로 되어있습니다. 이 링크를 통하여 구매시 이익금(1%)이 발생하며 서버 비용 및 회선 사용료로 쓰이고 있습니다.
    수수료 라는 말이 어감이 좀 이상한거 같네요.
    꼭 지름도우미를 사용하는 사용자에게 추가적인 수수료가 생긴다는 느낌이 드네요~^^
    생각해보시고 그렇게 느껴지시면 다른 단어로 수정하시는게 좋을것같아요~
    예를 들어 이익금이란 단어 같은 걸로요.
    제 언어능력이 부족하여 더 좋은 단어 선택은 안되네요^^
    그럼 좋은글 잘보고 갑니다~!

  10. 수정이 안되네요~ ㅋ
    두번째줄에 이 내용이 들어가야 맞아요~ 잠시 수정해서 읽어보느라 써놨는데 원래대로 안해놨네요^^
    * 지름도우미 위젯의 몇몇 URL 은 스폰서링크로 되어있습니다. 이 링크를 통하여 구매시 약간의 수수료(1%)가 발생하며 서버 비용 및 회선 사용료로 쓰이고 있습니다.

  11. 09년 9월28일 오후 2시 18분 현재.. 위젯이 제대로 표시가 안되고 있네요. 페이지쪽은 정상입니다.

  12. 윈도우 7 (사이드바)에서 사용할수 있는 가젯 만들어 주세요. 참고로 구글이던 뭐던 툴바는 절대 사용안하는 스타일..

  13. 제 웹사이트에 달아서 잘 쓰고 있긴한데요..
    IE6에서 금액이 퍼져(?) 보이는 문제가 있네요..

  14. 아.. IE6에서 금액 퍼져보이는 건.. 페이드 효과를 안주니까 제대로 보입니다..

  15. 아 디자인 이쁘네요.모바일에서 사용할수 있으면 편리하겠네요.

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>