트위터카운터(Twittercounter)를 자신의 트위터로 바로 연결하기


트위터는 간단하게 친구를 맺고 서로의 블로그나 사이트의 글들을 엮을 수 있고 친구도 만들 수 있는 소셜 네트워크 서비스입니다.





사용하다보면 트위터카운터(Twittercounter)를 블로그에 달아놓게 되는데요. 보통 한RSS 나 피드버너 카운터 경우는 누르면 RSS 주소와 연결되게 되어있죠. 트위터의 카운터는 누르면 트위터카운터 페이지와 연결되게 되어있습니다.


실제로 눌러보면 카운터가 뜰것입니다.









트위터카운터를 누르면 트위터카운터페이지가 뜨는데 이렇게 뜨지 않고 자신의 트위터가 뜨도록 바꿔보도록 하겠습니다. 먼저 스크립트를 살펴보겠습니다.

자신의 트위터카운터를 누른뒤 트위터카운터를 나타내주는 배너를 누르면 모양별로 쓸 수 있는 스크립트 내용이 나옵니다.



첫번째 코드를 먼저 살펴보겠습니다.


<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=cdmanii">
</script>


스크립트는 간단하게 되어있습니다. 하지만 누르면 피드카운터페이지로 자동으로 연결 되게 되어있지요.
내부에 경로를 다시 코드를 열어보면,

<!--
drawTREmbed( '<div id="TwitterCounter"><a href="http://twittercounter.com/cdmanii?from=button" title="TwitterCounter for @cdmanii" target="_new"><img src="http://209.20.76.117/counter/?username=cdmanii&style=" width="88" height="26" style="border:none;" alt="TwitterCounter for @cdmanii" /></a></div>' );

function drawTREmbed(s){
    document.write(s);
}
// -->



이렇게 되어있군요. 내부에는 <div> 를 다시 뿌리도록 되어있습니다. 원하는 경로로 대려가려면 내부의스크립트의 주소를 변경해야하는데 그건 좀 아닌듯하고, 어짜피 내부의 코드를 알았으니 그냥 써버리면 됩니다.

지금 하려는것은 트위터카운터를 누르면 자신의 트위터를 뛰우도록 하는것입니다. 임의로 따라오라고 Follow 등의 메시지를 안남겨도
카운터를 누르고도 바로 볼 수 있겠죠. 당연히 기존의 스크립트도 카운터를 누른뒤 그사람의 트위터로 이동할 수 는 있습니다. 하지만
언제나 이야기하듯 마우스 1번클릭과 2번클릭의 차이는 큽니다.






<!-- 트위터카운터를 누르면 자신의 트위터로 바로 이동하게 변경, 노란색부분을 자신의 트위터 아이디로 변경 -->
<a href="http://www.go2web20.net/twitterfollowbadge/redir.htm?트위터아이디" title="TwitterCounter for @트위터아이디" target="follow"><img src="http://209.20.76.117/counter/?username=트위터아이디&style=" width="88" height="26" style="border:none;" alt="TwitterCounter for @트위터아이디" /></a>


코드는 그냥 내부에 출력되는 부분을 그냥 가져왔을 뿐입니다. 바꿔야하는 부분은 자신의 트위터카운터의 그림(카운터) 와 자신의 트위터주소입니다.

간단히 설명하자면 노란색으로 나타낸 트위터아이디 부분을 자신의 트위터아이디로 바꿔놓으면 됩니다. 해당코드는 적당한곳에 넣습니다.

TwitterCounter for @cdmanii

지금 이 피드카운터는 적용이 된 모습입니다. 누르면 제 트위터로 바로 연결되게 됩니다. 이제 제 트위터 카운터를 누르세요! 라고 말할 수 있겠죠. 1번클릭으로 트위터가 바로 뜰테니까요!




이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

s;s s;s

     이미지 업로드

  1. 미니바쩜넷 2009.08.31 01:03 신고

    트위터 가입해놓고 하나 계정몰라 새로 가입해놨는데 막상 이것저것 벌려놓은게 많다보니
    힘드네요..-ㅁ-
    하나만 주구장창 이용해야겠어요 이것저것 하려니 햇갈리네요..ㅎㅎㅎ

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 21:57 신고

      저도 트위터 사용중이지만 햇갈려요 ㅎ 그렇지만 여러사람을 쉽게 만날 수 있고 쉽게 대화도 걸수 있는건 괜찮은거같아요.

      perm. |  mod/del. | 
  2. eloveelove 2009.08.31 08:50 신고

    트위터도 구글처럼 다국어 페이지 지원하면 좋을듯..

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 21:58 신고

      잘 몰랐던 내용이지만 알려주셔서 감사해요. 3국만 된다고 들은거같네요. 그런데 트위터 안정성은 좀 떨어지는듯해요. 그래서 가능하면 자신이 쓰는 암호 말고 다른걸 쓰는게 좋다고 하는 글도 본거같네요.

      perm. |  mod/del. | 
  3. 구차니 2009.08.31 09:49 신고

    나이가 아직 어려서인지 트위터는 포기했습니다 ㅠ.ㅠ

    perm. |  mod/del. |  reply.
  4. sketch 2009.08.31 10:38 신고

    트위터 저도 개설은 했습니다. 아직 그렇게 활발하게 활용하지는 않는데요. 그 가능성은 생각하고 있습니다. ^^

    perm. |  mod/del. |  reply.
  5. gemlove 2009.08.31 16:32 신고

    트위터는 진짜 관련 프로그램이 수백개는 되는 것 같아요.. 저도 일단 가입을 해놓고 있습니다(사실 오래전에 가입했는데, 어느순간 서스펜디드 아이디라는 문구가 떠서,, 다시 가입했네요 ^^;;)

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 22:00 신고

      한건 DoS 공격 당해서 그럴거예요. 가능하면 쓰시는 암호 말고 따로 들켜도 괜찮은 암호로 암호를 수정해두세요 그게 좋다네요 ㅎ

      perm. |  mod/del. | 
  6. 몸부림 2009.08.31 18:06 신고

    저도 트위터 가입한지 꾀 되는데 할줄을 몰라서 그냥 멍만 때리고 있답니다;
    이 참에 뭐라도 해봐야할것 같네요^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 22:00 신고

      저도 멍 때리고 있어요 ㅎ 활발하게 해야하는데 좀 이거 많이 햇갈리네요 =_=

      perm. |  mod/del. | 
  7. 2009.08.31 18:33

    비밀댓글입니다

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 22:01 신고

      그렇군요. 정보감사해요. 비슷한 주제는 쓰일 수 있죠 저도 이해하는 부분이구요 ^^

      perm. |  mod/del. | 
  8. 캔파스 2009.08.31 19:20 신고

    미투데이 좀 하다가, 속도도 느리고 지겨워서 탈퇴하고
    트위터 가입했는데, ㄷㄷ 일본어와 영어만 지원하는데
    그냥 탈퇴 했습니다. 마이크로 블로그라.. 신기하긴 하지만,
    아직 많이 부족한 듯~

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 22:02 신고

      아 그렇군요. 일본어와 영어만 되는군요. 그럼 완전 다른 국가는 연결 안될 수 도 있는건가요 ? (저도 잘 몰라서 =_=) 근데 우리나라에서도 비슷한걸 만들었다는거 같네요 야그 < 라고 해서 만들었다는듯해요.

      perm. |  mod/del. | 
  9. 행복박스 2009.09.01 19:24 신고

    트위터 가입해야지..하면서도 맨날 미루게 되는데
    만약 가입하면 이 방법 이용해봐야겠어요^^

    perm. |  mod/del. |  reply.
    • 씨디맨 2009.09.01 22:03 신고

      네 써보세요 ㅎ 근데 미리 이게 연결되게 되어있다면 팔로우미 ~ 이런거 안써도 될것같은데.. 뭐 디자인면에서는 그게 더 낫긴하지만요 ㅎ 저는 조금이나만 그냥 간편하게 쓰려고 만들어봤습니다 ^^;

      perm. |  mod/del. | 
  10. 2009.10.01 22:32

    비밀댓글입니다

    perm. |  mod/del. |  reply.
  11. 대구사랑 2009.10.01 22:33 신고

    트위터를 아직 못해 보았는데, 활용해 봐야알듯...

    perm. |  mod/del. |  reply.
  12. 필넷 2009.10.06 09:20 신고

    유용한 팁이네요. 잘 활용할께요. ^^
    ps)궁금한 것이 있는데요. 제 블로그의 사이드바 하단의 Big Bird Button 에는 왜 카운터 숫자가 0 이라고만 나오는 걸까요? 블로그 상단의 카운터는 0 이 아닌데 말이죠. --;

    perm. |  mod/del. |  reply.
  13. 쥬늬 2010.01.09 08:53 신고

    좋은 정보 감사합니다. 후다다닥 적용~

    perm. |  mod/del. |  reply.
  14. JiNi 2010.04.19 12:01 신고

    좋은 팁이네요.

    perm. |  mod/del. |  reply.
  15. 판타스틱에이드 2010.05.09 23:52 신고

    트윗질도 쉬운게 아니군요.
    제 블로그에도 트윗한번 달아보아야겠네요,

    perm. |  mod/del. |  reply.