트위터카운터 블로그에 달고 트위터로 직접 연결시키는 방법 - 트위터 버튼과 블로그


트위터카운터 버튼을 블로그에 달고, 트위터로 직접 연결시키기 - Twittercounter for Blog

트위터카운터 TwitterCounter


트위터카운터는 트위터 하는 분들이면 많이 알거같은데요. 말 그대로 자신의 팔로워 수를 세어주는 사이트입니다.
국내 트위터리안들은 별로 사용을 안하는 곳이지만 외국에서는 이미 널리 알려진 곳이죠.
트위터카운터는 천만명의 유저가 활동하고 있고 하루에 9만 페이지뷰가 발생하는 꽤 큰 트위터 관련사이트인데
소정의... 금액을 내면 팔로워를 팍~!!! 늘려주기도 하는 곳입니다 ^^;;;
또, 트위터와 관련된 각종 통계와 수치를 분석하여 보여주는 곳이고 트위터 위젯과 버튼도 지원해줍니다.

그리고 국내의 코리안트위터 http://koreantweeters.com/ 처럼 유명 트위터들을 나열해주기도 하고
각 국가별, 도시별 탑 트위터들을 정렬시켜 보여주기도 합니다. 전세계 유명 트위터도 정렬가능~
여튼 이런 부가적인 내용들은 둘러보시면 아실테고.. 기본적인 통계보는 법과 트위터카운터 연결하는 법으로 고고고~!!


트위터카운터로 트위터 통계 보기

트위터카운터에서는 트위터 계정으로 로그인을 할 수 있습니다.

트위터 카운터 홈페이지 : http://twittercounter.com/

트위터카운터에 로그인하면 아래처럼 첫 메뉴에 My Stats 메뉴를 클릭하면 통계를 볼 수 있습니다.

트위터카운터 사용하는 방법

아래는 최근 3달간의 제 트위터 팔로워 (Twitter Follower)변화추이 그래픽입니다. 으흠...

최근 3달간 트위터 팔로워 변화 그래픽 - twitter follower

아래는 제가 트윗을 얼마나 했는지 그래프로 나타내서 보여줍니다.
트위터 시작한지는 1년이 넘었는데 최근에서야 슬슬 트위터에 신경을 많이 쓰게 되네요.

참고로 트위터 가입일 확인하는 사이트 : http://www.whendidyoujointwitter.com/

@2proo twitter statistics - 2proo 트위터 카운터 상태

여튼 트위터카운터에서는 트위터와 관련하여 여러가지 서비스를 제공해주고 있습니다.
이제 다음 이야기할것은 바로 트위터카운터 버튼을 블로그에 설치하고 다이렉트로 트위터에 연결하기~



트위터카운터 블로그에 설치하기

트위터카운터에 트위터계정으로 로그인하고, 사이트 상단의 네비게이션바에서 My Buttons 메뉴를 클릭합니다.

여기서는 두가지 형식의 버튼을 제공하는데 구글 피드버너 카운터와 같은 형식의 조그만 팔로우 카운터 버튼과
제 블로그 오른쪽 하단의 파랑새 이미지의 큰 팔로우버튼을 제공해줍니다.

트위터 팔로워 숫자를 알려주는 카운터 버튼 종류와 설치방법


여기서 문제.... 트위터카운터에서 제공해주는 스크립트 소스를 그대로 복사해서 블로그에 넣었을경우
나타나는 버튼을 클릭하면 해당 트위터로 가지않고 이 트위터카운터 홈페이지로 연결된다는 것이 문제입니다.
아래 실제 제공해주는 소스와 버튼을 한번 보고 클릭해보세요.

이것이 트위터카운터에서 제공하는 스크립트 소스이고 실제 보여지는 버튼입니다.

<script type="text/javascript" src="http://twittercounter.com/embed/2proo/ffffff/111111"></script>

깔끔하고 간편하게 트위터 팔로워 수를 제공해주지만 클릭하면 이상한곳으로 가버린다는게 단점이지요.
이 단점을 바꿔봅시다. 버튼을 클릭하면 바로 해당 트위터 계정으로 연결하도록 하겠습니다.

꽁수이긴 하지만... 방법은 보여지는 카운터 이미지만 불러오고!! 버튼 연결은 다른곳으로 돌려버리는것... ㅎㅎㅎ;;

아래 이미지처럼 자신의 트위터카운터 버튼위에서 마우스 오른쪽버튼, 속성을 눌러 해당 이미지의 주소를 불러옵니다.
빨간 박스의 소스가 바로 이미지의 원래 주소이지요... 뒤에 ffffff, 111111은 버튼의 색상입니다.
색상은 자신의 블로그 테마 색상에 맞춰 입력해서 사용하세요~

트위터 팔로워 버튼 설치하는 방법 - twitter follower button


이렇게 카운터버튼의 원래 주소를 알아냈으면 아래 소스에서 수정하여 설치만 하면 됩니다. ^^

아래 소스에서 빨간색 글씨는 자신의 계정.. 혹은 트위터 주소로 바꿔서 사용하시고 색상코드도 바꿔주세요.

<a href="http://twitter.com/2proo" title="TwitterCounter for @2proo" target="follow"><img src="http://srv2.twittercounter.com/counter/ani/2proo/ffffff/111111" width="88" height="26" style="border:none;" alt="TwitterCounter for @2proo"/></a>

혹.. 긁기가 안돼시는 분은 아래 첨부파일 열어서 사용해보세요.

트위터카운터 작은버튼소스.txt



아래는 제 블로그에도 설치된 트윗버드.. 파랑새 커다란 아이콘입니다. 이 아이콘이 예쁘더라구요.
이 큰 파랑새 트위터카운터 아이콘도 위의 작은 버튼과 같은 방식으로 설정하면 됩니다.

twitter big bird follower button - 트위터 파랑새 트위터카운터 버튼


자신의 트위터카운터 계정의 버튼 페이지에서 위에서처럼 큰 아이콘 위에서 마우스 오른쪽 버튼, 속성을 눌러
해당 이미지의 원래 주소 URL 을 찾아냅니다.
이것역시 조금 손을 봐야합니다.

아래 소스에서 빨간색 글씨를 자신의 트위터 계정 주소로 바꿔서 사용하세요.

<a href="http://twitter.com/2proo" title="TwitterCounter for @2proo" target="follow"><img src="http://srv2.twittercounter.com/counter/index_bird.php?username=2proo" width="149" height="90" style="border:none;" alt="TwitterCounter for @2proo"/></a>

위 소스 긁기가 안되시는 분들은 아래 HTML 소스를 참조하세요.

트위터카운터 파랑새버튼소스.txt


이렇게 트위터카운터에서 제공해주는 카운터의 소스만 불러와서 블로그에 뿌려주고...
뿌려진 이미지를 클릭했을때 다른곳이 아닌 자신의 트위터 계정으로 바로 연결시켜주면
방문자가 쉽게 팔로우를 할 수 있지요. 게다가 주인장 스스로도 저 버튼으로 트위터에 쉽게 접근할 수 있습니다.


오늘 블로그 여기저기 돌아다니다 트위터카운터 버튼이 보여서 팔로우 하려고 눌렀더니 트위터카운터 페이지로 가버려서
혹시나 모르는 분들을 위해 팁 아닌 팁을 만들어봅니다... ^^;;;

트위터가 참 오묘한 매력을 지니고 있지요. 심지어 트위터 중독이라는 말까지도 자주 들립니다.
여튼 블로그와 트위터, 트위터와 블로그는 상부상조하는 관계이고 서로 윈윈하는 관계입니다.
블로그 하시는 분들은 꼭~~ 트위터도 하시길 추천합니다.


이미지 맵

'BLOG Story' 카테고리의 다른 글

이전 글 다음 글