티스토리 뷰

트윗 카운터 블로그에 달고 소통해 볼까?

얼마전 아는 지인분의 도움으로 트윗 카운터를 달았습니다. 좀 더 많은 분과 소통해 보려고 달아 본  것이지만 생각보다 반응이 안좋네요. 그동안 블로그를 내팽겨쳐둔 벌이라 생각하고 있습니다.

암튼 달아보니 이뻐보이고 그럴싸해 보여서 달려고 하시는 분이 계실까봐 한번 소개해 봅니다.



트윗카운터는 위 블로그 이미지(제 블로그죠.. ㅎㅎ;;) 보시면 본문 우측 상단에 Retweet이라고 되어 있는 부분에 해당 글에 리트윗 된 카운팅 정보를 보여주는 기능입니다.

처음엔 스크립트나 괭장히 어려운 소스를 입력해야 하는가 하고 고민했는데요. 알아보니 이미 미국에서 워드프레스등에 대응하기 위해 특정 업체가 Retweet 카운트를 측정하게 별도 기능을 만들어 놨더군요.

위 트윗카운터는 엄밀히 말하면 트위터의 Retweet 정보를 가져오는 것은 아닙니다. Backtype (트위터가 제공하는 API를 활용하는 서드파티 업체 입니다.)가 트위터에서 제공하는 API 기능을 활용하여 제 트윗 ID 값으로 날라온 리트윗 정보를 카운팅해 보여주는 기능입니다.

한다리 걸치는 거죠.. 그래도 유용하니 써보시길 해외에선 이미 많은 파워유저가 사용중입니다.


소스 등록은 간단합니다. 아래와 같이 딸아해보시면 쉽게 서비스를 이용할 수 있습니다.

트윗 카운터 소스를 본문 포스트 안에 넣어야 합니다. 이 소스는 Blacktype 홈페이지를 이용하면 공개된 공통 소스를 확인 할 수 있을 것 같습니다.

1. 삽입 위치 찾기
우선 블로그 로그인후 스킨 편집 화면으로 이용하여 html 수정 영역에서 ctrl+f로  [ ##_article_rep_desc_## ] 부분을 찾습니다. 이 부분이 본문의 내용 영역으로 내영 안에 카운터를 넣으실 분들은 위 치환자를 찾으셔야 합니다.


2. 코드 삽입하기
위의 치환자를 찾으셨다면 아래 코드를 저 치환자 아래 삽입하시면 됩니다. 삽입시 아래 코드에 분홍색으로 적혀있는 자신의 트위터 아이디를 입력하셔야 합니다.

<!--트윗카운터.-->
<div style="float: right; margin-right: 10px; margin-bottom: 2px; margin-top: 2px;">
                            <script type="text/javascript">
                                tweetcount_src = 'RT @systemplug:';
                                tweetcount_via = false;
                                tweetcount_links = true;
                                tweetcount_short_url = false;
                                tweetcount_short_url = window.location.href;
                                tweetcount_background = 'f4326e';
                                tweetcount_border = 'CCCCCC';
                                tweetcount_text = 'FFFFFF';
                            </script>
                            <script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
                        </div>

[ ##_article_rep_desc_## ]

3. 카운터 위치 선택하기
좌측이나 우측에 삽입을 원하시면 위 코드중 파란색으로 표시 된 영역에서 "float: right; 부분에서 right로 지정을 변경하시면 됩니다. 영어를 아시는 분이라면 right가 오른쪽이란 건 알곘죠.. ㅎ;; (농답니다. )

이 부분을 왼쪽에 놓길 원하시면 left를 하시면 되고 가운데로 원하시면 center를 하시면 되는 것입니다.

중요한 것은 굳이 blacktype에 가입이 필요 없위 위오 같은 소스만 가져다 쓴느 걸로 가입하지 않고도 서비스를 이용 할 수 있다는 것입니다. 한번 해보신뒤 잘 모르시겠으면 언제든 댓글로 문의 주시기 바랍니다. 감사합니다.
댓글
  • 프로필사진 Favicon of http://silverspoon.tistory.com BlogIcon 금드리댁 한6개월만에 블로그 복귀했는데.. 분위기가 영,, 달라진거같아요..
    아마 다들 트윗으로 가셨는지.. 이웃님들이 느무 많이 사라지시고 조용하셔서 무섭다는.. ^^
    2010.03.30 20:42
  • 프로필사진 Favicon of https://www.systemplug.com BlogIcon 어설프군 YB 네.. 금드리댁님.. 저도 올만에 복귀해서 그런지 적응이 많이 안된답니다. 트윗에 가면 많은 분들이 계시긴 하더군요.

    암튼.. 앞으로 자주 뵈어요. ㅎ
    2010.04.26 22:06 신고
  • 프로필사진 Favicon of http://blog.seoul.go.kr/ BlogIcon 서울마니아 서울블로그 운영자 서울마니아예요~ 멋진 글 잘 읽고 갑니다.
    저희 글 트랙백 걸었는데 보시구 가능하시면 저희 글에두 트랙백 부탁드려용~
    저희 블로그에도 놀러와 주시면 무한 영광일 듯요~ㅎ 종종 인사드릴께요.
    http://blog.seoul.go.kr/
    2010.03.31 15:23
  • 프로필사진 Favicon of http://saygj.com/ BlogIcon 빛이드는창 ㅠㅠ 어려워용..ㅎㅎ
    저는 개인트위터가 팔로잉이 2명에 팔로어가 1명인 ㅋㅋ
    완전 초보 트위테리안 이랍니다..ㅎㅎ

    나중에 좀더 고급레벨에 들어서게 되면 참고할께용~~
    좋은소스 감사용~~~
    2010.04.06 16:40
  • 프로필사진 Favicon of https://www.systemplug.com BlogIcon 어설프군 YB 넹넹.. 언제든 문의 주세요. 제가 도와드릴 수 있는 것은 꼭 도와드리겠습니다. 2010.04.26 22:07 신고
  • 프로필사진 Favicon of http://www.yohimbinestore.com/ BlogIcon yohimbine 위터로 보낼 때 주소를 줄여도, 줄이지 않아도 상관없으며 사이트에서 제한을 두지 않는 한 URL이 있는 모든 페이지에 관련 트윗을 보여주는 위젯을 추가할 수 있습니다. [여기]에서 위젯을 만들 수 있고, 텍스트큐브 사 2011.04.29 07:32
댓글쓰기 폼