웹서핑을 하다보면 블로그 혹은 웹사이트에 실시간 방문자수를 표시해주는 위젯을 본 적 있으실 겁니다. 특히, whos.amung.us 에서 제공하는 위젯을 많이 보셨을텐데요.

출처 : whos.amung.us



> 블로그 실시간 방문자 위젯 : http://whos.amung.us/

 위 주소를 방문하시면 관련 위젯의 코드를 얻을 수 있습니다. 아래 이미지들을 참고하세요~

▼ whos.amung.us 에 방문하여 페이지 아래쪽을 보면 아래 이미지와 같은 메뉴가 보일겁니다. 그 녀석을 클릭!



▼ 그럼 다양한 위젯들이 표시될텐데, 원하는 형태를 선택하면... 아래와 같이 해당 되는 위젯의 코드가 부여됩니다. 이 녀석을 이용하여 자신이 원하는 위치에 실시간 방문자수를 체크해주는 위젯을 달 수 있습니다.



 이제부터가 이 포스팅을 작성한 주 목적입니다. 위와 같이 제공되는 코드를 단순히 복사해서 사용하면 정말 편리하긴 합니다. 그런데 파이어폭스, 크롬 등 타 브라우져에서는 그런 문제가 없는 듯 한데, 유독 인터넷 익스플로러(IE)에서는 위 코드를 그대로 사용할 경우 아래처럼 스크립트 오류가 표시됩니다. 물론 오류창이 새창으로 표시되지 않는 경우도 있긴 하지만, 상태 표시줄에서 분명 오류 느낌표를 확인할 수 있을 겁니다.



 테스트를 해보니 인터넷 익스플로러 6 부터 8 까지 모두 오류가 발생하더군요. 사실 이 문제를 발견한 건 예전 스킨을 쓸 때 였는데... 코드를 수정해서 사용하다가 현재 블로그 스킨으로 수정하면서 아무 생각없이 whos.amung.us 에서 부여하는 코드로 위젯을 달고는 우연찮게 스크립트 오류창을 보게 되었습니다. 그래서 문득 떠올라서 IE 에서도 스크립트 오류 없이 whos.amung.us 위젯을 사용할 수 있게 그 코드를 알려드릴까 합니다 ^^;;

IE 에서 스크립트 오류없이 whos.amung.us 위젯 사용하기

 사실 뭐 코드 자체를 응용하는 방법은 간단합니다. whos.amung.us 에서 예~~전에 제공하던 소스를 활용하는 방법인데요. 분명 같은 위젯을 달고 있는데 어떤 사이트에서는 IE 에서 스크립트 오류를 표시하지 않길래 살펴보다가 착안한 방법입니다 ^^

 위에서 whos.amung.us 사이트에서 위젯 코드를 얻을 수 있는 방법을 소개한 이유가 이것 때문인데요. 요즘 whos.amung.us 에서 제공하는 코드의 형태는 아래와 같습니다. 아래 코드는 Color Me 위젯에서 제공하는 코드로... 색상만 제 블로그 사이드바에 달린 것처럼 변경한 건데요. 사실 whos.amung.us 사이트에서 코드를 얻는 이유는 [사이트 키] 부분 때문입니다.

 사이트 키?? 아래에 임의로 123456789 라고 적어둔 부분입니다. 참고하세요 ^^

<script type="text/javascript" src="http://widgets.amung.us/colored.js"></script>
<script type="text/javascript">WAU_colored('123456789', 'ffffff000000')</script>

 다른 건 볼 필요도 없습니다. [사이트 키] 부분과 'ffffff000000' 로 표시된 [색상 코드] 부분만 참고하시면 되는데요. 이 2가지 코드를 아래 소스 코드의 관련 부분에 대입시켜주기만 하면 됩니다. 그리고는 원하는 위치에 적용하면 끝!
 아래 코드는 그 아래 메모장에 그대로 있으니 드래그가 안되서 코드를 사용하기 곤란하신 분은 메모장을 다운로드 받아서 적용하시면 됩니다.

<div align="center"><a href="http://whos.amung.us/stats/123456789/">
<img src="http://whos.amung.us/cwidget/123456789/ffffff000000.png" width="81" height="29" border="0" title="Click to see how many people are online" alt="실시간 방문자" /></a></div>

 빨간색으로 표시된 123456789 부분이 사이트 키, 노란색으로 표시된 ffffff000000 부분이 색상 코드입니다. 이 색상코드 중 앞쪽의 ffffff 는 색상 코드에서 흰색을 의미하는데, 위젯의 색깔을 나타내고, 뒤쪽의 000000 부분은 색상코드에서 검정색인데 위젯 속의 글자색을 표시합니다. 이 원리를 알면 원하는 색상으로 위젯을 구성할 수 있겠죠?


 위 코드를 이용할 경우 웹표준 유효성 검사에서 에러로 표시되는 건 아닐까 생각하신 분들은 걱정마세요. 아무 문제 없습니다 ^^ 실시간 방문자를 표시해주는 위젯을 달았는데 스크립트 오류를 뿜어내는 경우 혹은 앞으로 위젯을 추가할 생각이라면 위 방법을 적용해보세요~ 본인이 파이어폭스나 크롬 등을 이용한다고 해도 방문자는 대부분 IE 라는 사실 ^^;;; 이 포스팅은 여기까지입니다.
LiveREX 유튜브 채널 추천 영상 (구독하고 선물도 받아가세요!)
☞ 이 글은 LiveREX 의 동의없이 재발행/재배포 할 수 없습니다. [License] 를 참고하세요!
Facebook Comment
  1. BlogIcon 팩토리사장 2010.05.10 06:27 신고

    블로그 관리는 해도 해도 끝이 없는 것 같다는 ㅠㅠ
    좋은 글 감사합니다 ^^

  2. BlogIcon 신비한 데니 2010.05.10 06:42 신고

    안그래도 이거 문제때문에 새로운걸로 바꿨는데!!
    다시 바꿔야겠어요 ㅎㅎ

  3. BlogIcon 하늘엔별 2010.05.10 07:11 신고

    흠냐...
    왜 이걸 몰랐을까요? ㅎㅎㅎ

  4. BlogIcon 돌이아빠 2010.05.10 07:17 신고

    흠...키만 바꿔주면 된다는 건가요? 제가 달아본적이 없어서 설명해 주신 내용이 조금 헷갈리네요 >.<

  5. BlogIcon 펨께 2010.05.10 07:21

    좋은 정보 잘 보고 갑니다.

  6. BlogIcon 모피우스 2010.05.10 07:22 신고

    아주 좋은 정보입니다.

  7. BlogIcon 씨디맨 2010.05.10 07:41 신고

    색때문에 에러가 나는거였구나.. 좋은 정보 굿 ~

  8. BlogIcon 날아라뽀 2010.05.10 08:14 신고

    잘보고 갑니다.^^ 좋은 한 주 되세요!

  9. BlogIcon 머니야 머니야 2010.05.10 09:54 신고

    감사합니다. 저도 방금 적용했습니다~^^

  10. BlogIcon 라라윈 2010.05.10 11:49

    정말 감사해요~
    얼른 고쳤어요~ ^^

  11. BlogIcon Hong_1998 2010.05.10 16:33 신고

    블로그 관리는 참 어려운..ㅠㅠ

  12. BlogIcon killerich 2010.05.10 16:48 신고

    아..손 대고 싶은 곳이 요즘 많은데..시간은 없고..ㅎㅎㅎ;;

  13. BlogIcon Mystika 2010.05.10 17:16 신고

    Wibiya로 사용하는 Whos.amung.us 는 오류가 없네요 ㅎㅎ

  14. BlogIcon 재아 2010.05.10 21:31 신고

    저 같은경우는 더 간단한 예로

    <a href="http://whos.amung.us/show/dm6bapc7"><img src="http://whos.amung.us/swidget/dm6bapc7.gif"></a>
    이렇게 사용중입니다. 맨뒤에 dm6abpc7 이 부분만 본인 코드로 바꿔 주시면 됩니다.

    도움이 되시기를..

  15. 알수가 2010.05.30 06:28

    잘 읽었습니다.
    저 근데요 이거 표시안되게 할수는 없나요?
    설치된 블로그에 접속했을때 제 위치가 표시 안되게요.
    은근 사생활 침해같아서요 ㅎㅎ;;;;;

    • BlogIcon LiveREX 2010.05.30 06:34 신고

      무슨 의미인지 잘 이해가 안되네요;;

    • 알수가 2010.05.30 10:16

      설명이 부족해서 죄송해요.
      실시간 방문자 위젯이 설치된 블로그에
      제가 접속하게 되면
      제 위치가 표시되잖아요.
      그걸 숨길?(차단)할수 있는 방법은 없을까요. ㅎㅎ

    • BlogIcon LiveREX 2010.05.30 15:05 신고

      지금보면 접속자수만 나오는데..
      혹시 클릭해서 들어갔을때 말씀인가요??
      글쎄요~ IP 관련툴을 써야겠죠
      사실 그거 잘 안보는데 ㅎㅎ

    • 알수가 2010.05.30 17:56

      그렇군요.
      답변 감사합니다. ㅎㅎ

  16. 너무 감사요^^ 2010.06.01 17:14

    아오 ㅋㅋㅋㅋㅋㅋㅋㅋ 이거 때문에 몇 시간을 소비했는지 몰라요^^ 너무 감사합니다^^

  17. BlogIcon demun 2010.07.04 23:40 신고

    좋은 정보 잘 얻어갑니다.

  18. BlogIcon 닉쑤 2010.07.10 16:41 신고

    오... 블로그 방문자가 그리 많지 않아서 그닥 관심을 두지 않았었는데
    포스팅 본김에 후딱 해보니 바로 적용되네요. 아주 간단. ㅎㅎ

    좋은 포스팅 감사드려요. 오늘도 신세지고 갑니다. ㅋ
    좋은하루 되세요~

  19. BlogIcon Cheapest SSL 2012.06.25 19:03

    좋은 게시물! 우리는 아침부터 라이브 업데이트 스크립트를 검색되었습니다 우리가 라이브 스크립트로 블로그를 발견했습니다. 그리고 정말 블로그와 좋은 경험이었습니다. 이런 유익한 게시물 주셔서 감사합니다. 당신은 정말 훌륭한 작가의 제목을 싸요.

댓글을 남겨주세요 :)




submit