트위터가 프로필 미리보기 기능인 호버카드(hovercards)를 적용한 지 얼마가 지났습니다. 트위터를 저처럼 주로 웹브라우저로 이용하는 사람에게는 아주 유용한데요, 트위터는 개발자를 위한 공간에 일반 블로거도 이 호버카드 기능을 자신의 블로그에 쉽게 적용할 수 있도록 장치를 마련했습니다. 이름은 애니웨어(Anywhere).
제 트위터 아이디 @odlinuf 에 마우스 포인터를 살며시 올려놔 보세요. 트위터 웹에서 아이디에 마우스 포인터를 올려놨을 때와 똑같이 작은 팝업창이 나타나는 걸 확인할 수 있습니다. (2010년 4월25일 현재 트위터 웹에 이 기능이 빠져 있습니다.)
이번 글에서 어떻게 이 기능을 블로그와 접목하는지 그 방법에 대해 설명하겠습니다. 단, 티스토리나 텍스트큐브닷컴, 텍스트큐브 등, 블로거인 여러분이 스킨 소스코드를 편집할 수 있는 블로그 서비스여야만 한다는 점 미리 알아두세요. (다음, 네이버 등 포털사 서비스도 스킨 소스코드를 편집할 수 있는지는 잘 모르니 확인해보시고요.)
우선 트위터 Anywhere로 이동합니다. 트위터에 로그인한 상태에서 아래 "Start using it now" 버튼을 누릅니다. 로그인하지 않더라도 버튼을 누르면 로그인 화면이 나타납니다.
Application Name
애플리케이션 이름을 적는 부분입니다. 그림에 표시했듯이 우리말로도 가능합니다. 영문으로 적을 때 주의사항은 'twitter'가 포함되면 다음 단계로 넘어가지 않는다는 겁니다. 트위터는 자사 서비스 외에 제 3자가 'twitter'라는 용어를 포함해 영리활동하는 것을 아주 꼼꼼하게 제한합니다.
Application Website
애플리케이션을 설치할 웹사이트, 즉 블로그/웹사이트 주소를 적어 넣습니다.
Organization
애플리케이션을 사용할 조직/단체의 이름을 적는 곳인데, 첫번째 이름과 같아도 상관없습니다.
Callback URL
Application Website와 똑같이 블로그/웹사이트 주소를 적어 넣으면 됩니다.
Default Access type
두 가지 중 어느 것을 선택하든지 크게 상관없습니다.
Application Icon
아이콘 이미지를 업로드하는 부분으로, 그림 파일을 업로드 하고 싶으신 분은 "파일 선택" 버튼을 누르고 자신의 컴퓨터에 저장된 아이콘 파일을 찾아 선택하면 됩니다. 나중에 해도 상관없습니다.
이제 마지막 단계로, 큼지막하게 적힌 글자를 그 아래 입력창에 대소문자 구별해서 그대로 써넣습니다.
그리고 맨 아래 "Register application" 버튼을 누르면 아래 그럼처럼 API 이용 약관이 나타나는데요, 거절하려고 위 작업을 한 것이 아니니 "I Accept" 버튼을 눌러서 다음 단계로 이동합니다. :)
아래와 같이 다음 화면에 나타나는 자바 스크립트 코드를 잘 복사해둡니다. 참고로 아래는 제 블로그에서만 쓸모있는 소스코드이므로 여러분이 복사해서 가져다 붙여넣기 해도 작동하지 않습니다.
<script src="http://platform.twitter.com/anywhere.js?id=VKF66wvk9CKrrEQZonA&v=1">
</script>
<script type="text/javascript">
twttr.anywhere(function(twitter) {
twitter.hovercards();
});
</script>
그럼 이제 여러분 블로그/웹사이트의 스킨 소스코드, 티스토리 경우 skin.html 파일을 열어 <head></head> 부분을 펼칩니다. 위 자바 스크립트가 들어갈 자리는 바로 이 <head>와 </head> 사이입니다.
<head>
<title> | </title>
.
.
.
<script src="http://platform.twitter.com/anywhere.js?id=VKF66wvk9CKrrEQZonA&v=1">
</script>
<script type="text/javascript">
twttr.anywhere(function(twitter) {
twitter.hovercards();
});
</script>
.
.
</head>
붙여 넣었으면 적용 버튼을 눌러 마무리합니다.
자, 이제 여러분이 글을 쓸 때 아무런 링크를 연결하지 않고도 단순히 '@아이디'로 입력하면 자동으로 호버카드가 나타나서 트위터 프로필이 보일 겁니다. 호버카드 기능으로 더욱 재밌게 블로깅/트위팅 하세요! :)
Loading…
Loading…
Loading…
Loading…
를 보면 2009년 12월까지 일본의 트위터 이용자 수는 약 3백5십만 명입니다. 일본 총리 하토야마 유키오와 소프트뱅크 회장 손정의 씨가 이후 트위터 계정을 만들었으니 지금(2010년 3월)은 아마도 400만을 넘었으리라 짐작해 봅니다.\nvia GreyReview\n\n그리고 아래 자료는 3월 1일 일본의 후지쓰 연구소가 일본 내 트위터 이용 상황을 설문조사를 통해 집계/발표한 내용으로 RBB Today가 기사화 했습니다. 설문조사는 인터넷에서 이루어졌으며 대상은 15세~64세, 전체 응답 수는 5,451개입니다.\n트위터 인지율\n\n트위터를 사용하진 않지만, 트위터라는 이름을 들어본 적이 있다는 응답이 59.3%를 차지했고 전혀 들어본 적이 없다는 응답은 29.8%, 트위터를 현재 이용한다는 응답은 8.2%였습니다.\n연령대별 트위터 이용률\n\n10대(15세~19세)가 14.9%이고 그다음으로 20대가 12.4%, 40대 7.9% 순입니다.\n연령대별 트위터 접속률\n\n전체(맨 위)로 보면 응답자 5,451명 중 29.2%가 하루 4회 이상 트위터에 접속하고 1일 1회는 22.8%입니다. 그리고 10대 응답자 중 하루 4회 이상 접속은 40.5%로 가장 많습니다. 다음으로, 20대와 40대가 각각 35.8%와 25.9% 군요.\n연령대별 트위터 접속 방법\n\n10대(맨 아래)가 컴퓨터와 모바일 기기를 균형 있게 사용(50%)하는 반면 60대(위에서 두 번째)는 컴퓨터로만 사용한다는 응답이 95%를 보였습니다. 전체적으로 트위터를 접속하는 방법(맨 위)은 56%는 컴퓨터로만, 6.3%는 모바일 기기로, 37.7%는 컴퓨터와 모바일 기기를 같이 사용하는 것으로 나타났습니다.\n트위터 이용 성비(性比)\n\n72% 인지율을 보인 10대 남성은 16.8%였으며 69% 인지율의 10대 여성은 13.1%가 트위터를 이용한다고 응답했습니다. 다음으로, 20대 남성은 15.2%, 20대 여성은 9.5%입니다.\n아래는 해당 기사에 있는 나머지 자료입니다.\n유명인 follow 비율 (1위: 하토야마 총리, 5위: 손정의 회장)\n\n트위터에 대한 생각 (1위: 실시간 정보, 2위: 블로그보다 쉽다)\n\n연령별 업데이트\n\n단순히 설문조사를 통해 나타난 결과라서 그다지 정확하다고 볼 순 없지만, 일본 사람들의 트위터 이용 상황을 대략적으로나마 가늠할 수 있는 자료가 아닐까 생각합니다. 우리나라 트위터 이용자들만의 통계도 하루빨리 나타나면 좋겠네요.\nImages via RBB Today\n관련 글: 숫자로 보는 트위터와 미투데이 (Jamie Loves Social Media)\n\n\n\n ','media':[{'type':'image','src':'www.spectives.com/9937/57/0/no-url/no-url-main.jpg','href':'http://www.spectives.com/posts/2015388'}]},[{'text':'Powered by Spectives','href':'http://www.spectives.com'}]);){kind=link}
 기능을 추가했습니다.\n아래 그림을 보면 짐작하시겠지만, 호버카드는 일종의 풍선창입니다.\nimage via twitter blog\n\n트위터 웹의 타임라인 상에서 상대방 아이디나 프로필 사진에 마우스 포인터를 올려놓으면 풍선창에 간략하게 바이오 내용이 나타나고, 자신이 이 사람을 follow 했는지 아닌지 그리고 상대방에게 DM 보내기, 스팸신고 등을 할 수 있도록 버튼이 있습니다.\n트위터에 이 소식이 전해지자마자 사용자마다 호불호가 갈리곤 있지만, 일단 저는 환영합니다. 앞서 말씀드렸듯이 제가 좀 게으르거든요. :) 마우스 클릭을 한 번이라도 줄여 사용자를 트위터 웹(twitter.com)에 묶어두려고 하는 트위터의 욕심이 살짝 엿보입니다. 물론 사용자에 대한 배려심도요.\n호버카드(Hovercards) 기능은 현재 소수 사용자만 확인할 수 있으며 리트윗, 리스트 기능을 적용했을 때와 마찬가지로 차차 범위를 넓혀가면서 모든 사용자에게 적용할 거라고 합니다.\n\n\n\n ','media':[{'type':'image','src':'www.spectives.com/17886/47/0/no-url/Hovercards-main.jpg','href':'http://www.spectives.com/posts/1653905'}]},[{'text':'Powered by Spectives','href':'http://www.spectives.com'}]);){kind=link}
 Some rights reserved.\n\n먼저 다가가기\n누군가 내게 먼저 말을 걸어오리라고 절대 기대하지 마세요. 트위터에 계신 분들이 매정하다고 말씀드리는 게 아니라 먼저 여러분의 존재를 알리는 게 중요하다고 말씀드리는 겁니다. 기다리지 말고 여러분이 먼저 다가가세요. 먼저 다가가면 십중팔구 상대방도 반응을 보이게 마련입니다. 그 반응 정도에 따라 또다시 follow/unfollow를 결정하면 됩니다.\n대화 시도하기\n트위터는 파티장을 연상케 할 만큼 끊임없이 대화가 이루어지는 곳입니다. 트위터에 가입하신 여러분은 그 파티 참석자고요. 파티를 나 혼자 즐길 수 있나요? 자리를 옮겨다니면서 꾸준히 다른 사람들과 대화를 해야 그 파티가 재미있습니다. 트위터도 다르지 않다고 생각합니다. 나 혼자 떠들면 따분하고 금방 지치기 일쑤겠죠. 그래서 following 수를 일정 수준으로 끌어올린 다음 타임라인에 올라오는 사람들과 어울리시라는 겁니다.\n손가락에 철판 깔기\n내성적이라 먼저 말 걸기가 쑥스럽다고요? 단상에 올라 수많은 사람들 앞에서 일장 연설을 하는 것도 아닌데 뭐가 두려우신가요? 여러분은 모니터를 보는 거지 직접 그 사람과 마주 앉아 얘기를 나누는 게 아닙니다. 여러분이 조금만 적극적으로 나선다면 저를 포함 기존 트위터 사용자분들이 많이 도와주실 겁니다. 도와주고 싶어 안달인 분들이 많이 계시니 그런 걱정은 떨쳐버리세요.\n이 글 읽으시는 신규 가입자 여러분 그리고 아직 걸음마 단계인 여러분, 그럼 트위터에서 뵙겠습니다! :)\n\n\n ','media':[{'type':'image','src':'www.spectives.com/5739/14/0/no-url/no-url-main.jpg','href':'http://www.spectives.com/posts/472057'}]},[{'text':'Powered by Spectives','href':'http://www.spectives.com'}]);){kind=link}