티스토리 뷰

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

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

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



트윗카운터는 위 블로그 이미지(제 블로그죠.. ㅎㅎ;;) 보시면 본문 우측 상단에 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에 가입이 필요 없위 위오 같은 소스만 가져다 쓴느 걸로 가입하지 않고도 서비스를 이용 할 수 있다는 것입니다. 한번 해보신뒤 잘 모르시겠으면 언제든 댓글로 문의 주시기 바랍니다. 감사합니다.
댓글